Mở liên kết ngoài tab mới WordPress

2 giờ ago, WordPress Plugin, Views
Mở liên kết ngoài tab mới WordPress

Mở Liên Kết Ngoài Tab Mới Trong WordPress: Hướng Dẫn Chi Tiết

Khi xây dựng một trang web WordPress, việc kiểm soát cách liên kết hoạt động là vô cùng quan trọng. Một trong những điều chỉnh phổ biến nhất là thiết lập liên kết ngoài để mở trong một tab mới. Điều này giúp giữ chân người dùng trên trang web của bạn lâu hơn, tránh việc họ rời khỏi trang của bạn khi nhấp vào một liên kết đến một trang web khác. Bài viết này sẽ cung cấp một hướng dẫn chi tiết về cách thực hiện điều này, cùng với những lợi ích và các phương pháp khác nhau bạn có thể sử dụng.

Tại Sao Nên Mở Liên Kết Ngoài Trong Tab Mới?

Việc mở liên kết ngoài trong một tab mới mang lại nhiều lợi ích đáng kể cho trải nghiệm người dùng và cả chiến lược SEO của bạn:

  • Giữ Chân Người Dùng: Khi liên kết mở trong một tab mới, người dùng vẫn giữ được trang web của bạn mở ở tab cũ. Điều này giúp họ dễ dàng quay lại trang web của bạn sau khi xem nội dung liên kết ngoài.
  • Cải Thiện Trải Nghiệm Người Dùng (UX): Người dùng có thể xem nội dung liên kết ngoài mà không bị gián đoạn trải nghiệm duyệt web trên trang của bạn. Điều này tạo ra một trải nghiệm mượt mà và dễ chịu hơn.
  • Tăng Thời Gian Ở Lại Trang (Dwell Time): Thời gian người dùng ở lại trên trang web của bạn là một yếu tố quan trọng trong SEO. Mở liên kết trong tab mới giúp tăng thời gian này, vì người dùng không bị đưa trực tiếp ra khỏi trang của bạn.

Các Phương Pháp Mở Liên Kết Ngoài Trong Tab Mới

Có nhiều cách khác nhau để mở liên kết ngoài trong một tab mới trong WordPress. Chúng ta sẽ khám phá các phương pháp phổ biến nhất, từ chỉnh sửa thủ công đến sử dụng plugin.

1. Chỉnh Sửa Thủ Công Trong Trình Soạn Thảo WordPress

Phương pháp này phù hợp khi bạn chỉ cần mở một vài liên kết cụ thể trong tab mới. Bạn có thể thực hiện trực tiếp trong trình soạn thảo WordPress khi tạo hoặc chỉnh sửa bài viết hoặc trang.

  1. Chọn Văn Bản Liên Kết: Chọn văn bản mà bạn muốn biến thành liên kết.
  2. Chèn Liên Kết: Nhấp vào biểu tượng “Chèn/Sửa liên kết” (thường có hình một cái xích) trên thanh công cụ.
  3. Nhập URL: Nhập địa chỉ URL của trang web bạn muốn liên kết đến.
  4. Mở Cài Đặt Liên Kết: Nhấp vào biểu tượng bánh răng (hoặc một tùy chọn tương tự) để mở cài đặt liên kết nâng cao.
  5. Chọn “Mở trong Tab Mới”: Tích vào ô “Mở trong tab mới”.
  6. Cập Nhật: Nhấp vào “Cập Nhật” hoặc “Thêm liên kết” để lưu thay đổi.

2. Chỉnh Sửa HTML Trực Tiếp

Nếu bạn thoải mái làm việc với HTML, bạn có thể chỉnh sửa mã HTML trực tiếp để thêm thuộc tính target="_blank" vào liên kết.

  1. Chuyển Sang Chế Độ “Văn Bản”: Trong trình soạn thảo WordPress, chuyển từ chế độ “Trực quan” sang chế độ “Văn bản” (hoặc “Code”).
  2. Tìm Liên Kết: Tìm đoạn mã HTML của liên kết mà bạn muốn chỉnh sửa. Nó sẽ có dạng <a href="URL">Văn bản liên kết</a>.
  3. Thêm target="_blank": Thêm thuộc tính target="_blank" vào thẻ <a>. Ví dụ: <a href="URL" target="_blank">Văn bản liên kết</a>.
  4. Cập Nhật: Nhấp vào “Cập Nhật” để lưu thay đổi.

3. Sử Dụng Plugin WordPress

Có nhiều plugin WordPress có thể tự động mở tất cả các liên kết ngoài trong tab mới. Đây là một giải pháp tiện lợi nếu bạn muốn áp dụng thay đổi này cho toàn bộ trang web của bạn.

Một số plugin phổ biến bao gồm:

  • Open external links in a new window: Một plugin đơn giản và dễ sử dụng, chỉ cần kích hoạt là tất cả các liên kết ngoài sẽ tự động mở trong tab mới.
  • New Tab Redirect: Cung cấp các tùy chọn nâng cao hơn, cho phép bạn kiểm soát nhiều hơn về cách các liên kết được mở.
  • External Links: Cho phép bạn tùy chỉnh nhiều thuộc tính của liên kết ngoài, bao gồm cả rel="noopener noreferrer" để tăng cường bảo mật.

Hướng dẫn sử dụng plugin:

  1. Cài Đặt và Kích Hoạt Plugin: Vào “Plugins” > “Add New” trong bảng điều khiển WordPress của bạn. Tìm plugin bạn muốn sử dụng, cài đặt và kích hoạt nó.
  2. Cấu Hình (Nếu Cần): Một số plugin có thể yêu cầu cấu hình bổ sung. Kiểm tra trang cài đặt của plugin để tùy chỉnh các tùy chọn theo nhu cầu của bạn.
  3. Kiểm Tra: Kiểm tra trang web của bạn để đảm bảo rằng các liên kết ngoài đang mở trong tab mới như mong muốn.

4. Sử Dụng JavaScript (Nâng Cao)

Nếu bạn có kiến thức về JavaScript, bạn có thể sử dụng một đoạn mã JavaScript để tự động mở tất cả các liên kết ngoài trong tab mới. Phương pháp này yêu cầu bạn thêm mã vào tệp functions.php của theme hoặc sử dụng một plugin để chèn mã JavaScript.

Ví dụ đoạn mã JavaScript:


    jQuery(document).ready(function($) {
      $('a[href^="http://"], a[href^="https://"]').not('[href*="' + location.hostname + '"]').attr('target','_blank');
    });

Hướng dẫn:

  1. Truy Cập Tệp functions.php: Bạn có thể truy cập tệp functions.php thông qua trình chỉnh sửa theme trong WordPress (“Appearance” > “Theme Editor”) hoặc bằng cách sử dụng FTP.
  2. Thêm Mã JavaScript: Thêm đoạn mã JavaScript trên vào cuối tệp functions.php, trước thẻ đóng ?> (nếu có).
  3. Lưu Thay Đổi: Lưu tệp functions.php.
  4. Kiểm Tra: Kiểm tra trang web của bạn để đảm bảo rằng các liên kết ngoài đang mở trong tab mới như mong muốn.

Lưu ý quan trọng: Chỉnh sửa tệp functions.php có thể gây ra lỗi nếu bạn không cẩn thận. Hãy sao lưu tệp trước khi thực hiện bất kỳ thay đổi nào.

Thêm Thuộc Tính rel="noopener noreferrer"

Khi mở liên kết trong một tab mới, bạn nên thêm thuộc tính rel="noopener noreferrer" vào liên kết. Điều này giúp tăng cường bảo mật và ngăn chặn các lỗ hổng tiềm ẩn.

Tại sao nên sử dụng rel="noopener noreferrer"?

  • Bảo Mật: Thuộc tính này ngăn chặn trang web được liên kết có quyền truy cập vào đối tượng window.opener, giảm nguy cơ tấn công cross-site scripting (XSS).
  • Hiệu Năng: rel="noopener" có thể cải thiện hiệu năng của trang web của bạn bằng cách ngăn chặn trình duyệt thực hiện thêm một số thao tác không cần thiết.
  • Tương Thích: Thuộc tính này tương thích với hầu hết các trình duyệt hiện đại.

Cách thêm rel="noopener noreferrer":

  • Chỉnh Sửa HTML: Khi chỉnh sửa HTML trực tiếp, thêm thuộc tính này vào thẻ <a>. Ví dụ: <a href="URL" target="_blank" rel="noopener noreferrer">Văn bản liên kết</a>.
  • Sử Dụng Plugin: Một số plugin (như “External Links”) tự động thêm thuộc tính này vào liên kết ngoài.

Kết Luận

Mở liên kết ngoài trong tab mới là một điều chỉnh đơn giản nhưng hiệu quả để cải thiện trải nghiệm người dùng và tối ưu hóa SEO cho trang web WordPress của bạn. Bằng cách sử dụng một trong các phương pháp được trình bày trong bài viết này, bạn có thể dễ dàng kiểm soát cách các liên kết hoạt động và đảm bảo rằng người dùng luôn dễ dàng quay lại trang web của bạn.

Related Topics by Tag
, , , ,

..