Khi bạn thêm một liên kết mở trong tab mới, WordPress sẽ tự động thêm thuộc tính rel="noopener" vào liên kết đó. Trong bài viết này, Vietnix sẽ giải thích ý nghĩa của rel="noopener" trong WordPress.
Rel noopener trong WordPress là gì ?
Khi bạn thêm liên kết vào trang web WordPress, bạn có thể sử dụng các thuộc tính HTML để kiểm soát hành vi khi người dùng nhấp vào liên kết.
Ví dụ, khi tạo một liên kết, có một công tắc cho phép bạn mở liên kết đó trong một tab mới.
Code HTML được tạo bởi WordPress cho liên kết này có dạng sau:
<a href=”http://example.com” target=”_blank” rel=”noreferrer noopener”>external link</a>
Hãy nhớ rằng một số thuộc tính HTML đã được thêm vào liên kết: rel="noopener" và rel="noreferrer". Và những thuộc tính này được thêm vào để giải quyết một lỗ hổng bảo mật.
Vấn đề là code JavaScript có thể được sử dụng để cho phép một tab mới kiểm soát cửa sổ trình duyệt gốc của nó. Nếu bạn liên kết đến một trang web bên ngoài bị ảnh hưởng bởi mã độc hại này, thì trang web đó có thể sử dụng thuộc tính window.opener trong JavaScript để thay đổi original page để đánh cắp thông tin và lan truyền mã độc hại.
WordPress thêm rel="noopener" để ngăn chặn tab mới tận dụng tính năng JavaScript này. Tương tự, thuộc tính rel="noreferrer" ngăn chặn việc truyền thông tin nguồn gốc đến tab mới.
Rel noopener ảnh hưởng như thế nào đến SEO của WordPress?
Mặc dù thuộc tính rel="noopener" cải thiện tính bảo mật của WordPress, một số người dùng tránh sử dụng vì cho rằng thuộc tính này sẽ ảnh hưởng đến SEO của WordPress. Nhưng đó chỉ là một quan niệm không đúng.
rel="noopener" không có tác động đến xếp hạng SEO của trang web hoặc hiệu suất tổng thể của WordPress.
Sự khác biệt giữa “noopener” và “nofollow” là gì?
Dễ dàng nhầm lẫn giữa thuộc tính rel="noopener" và rel="nofollow". Tuy nhiên, chúng là hai thuộc tính hoàn toàn riêng biệt.
Thuộc tính “noopener” ngăn chặn website khỏi tấn công chéo giữa các trang web và cải thiện tính bảo mật của WordPress.
Trong khi đó, thuộc tính “nofollow” ngăn chặn website từ việc truyền link juice SEO cho trang web liên kết.
Các công cụ tìm kiếm tìm kiếm và xem xét thuộc tính “nofollow” khi theo dõi một liên kết trên trang web. Tuy nhiên, họ không xem xét thuộc tính “noopener”. WordPress không cho phép bạn thêm thuộc tính “nofollow” vào các liên kết ngoài. Nếu bạn muốn thêm thuộc tính “nofollow” trong WordPress, thì bạn cần sử dụng một plugin.
Thuộc tính rel noopener có ảnh hưởng đến các affect affiliate trong WordPress không?
Thuộc tính rel="noreferrer" không ảnh hưởng đến các affect affiliate trong WordPress. Một số người dùng tin rằng ảnh hưởng vì rel="noreferrer" ngăn chặn việc chuyển thông tin referrer sang tab mới.
Tuy nhiên, hầu hết các chương trình affiliate cung cấp cho bạn một URL duy nhất có chứa ID affiliate. Điều này có nghĩa là ID affiliate được chuyển theo dạng tham số URL để trang web khác theo dõi. Hầu hết các nhà affiliate sử dụng một plugin che giấu liên kết cho các affect affiliate của họ.
Với việc che giấu affiliate, affect affiliate mà người dùng nhấp vào thực tế là URL của trang web, sau đó chuyển hướng người dùng đến URL đích.
Làm sao để tắt rel noopener trong WordPress?
Không cần phải gỡ bỏ rel="noopener" khỏi các liên kết trên trang web. rel="noopener" có lợi cho an ninh trang web và không ảnh hưởng đến hiệu suất hoặc SEO trang web.
Tuy nhiên, nếu bạn thực sự muốn gỡ bỏ nó, bạn sẽ phải tắt trình soạn thảo block Gutenberg trong WordPress và sử dụng trình soạn thảo cổ điển.
Điều này bởi vì nếu bạn thủ công gỡ bỏ rel=”noopener” từ liên kết, trình soạn thảo block sẽ tự động thêm trở lại để giữ cho trang web an toàn.
Khi trình soạn thảo block bị tắt, bạn sẽ cần thêm một đoạn code vào tệp functions.php của theme hoặc vào plugin WPCode (được khuyến nghị). Bạn có thể tìm hiểu cách sử dụng Plugin WPCode Free trong hướng dẫn của Vietnix về cách dễ dàng thêm mã tùy chỉnh vào WordPress.
Đơn giản là sao chép code sau vào một đoạn code PHP mới:
add_filter('tiny_mce_before_init','wpb_disable_noopener');
function wpb_disable_noopener( $mceInit ) {
$mceInit['allow_unsafe_link_target']=true;
return $mceInit;
}
Đảm bảo bạn bật chuyển đổi Active và sau đó nhấp vào nút Save Snippet.
Điều này sẽ ngăn WordPress thêm rel="noopener" vào các liên kết mới. Bạn cũng sẽ cần chỉnh sửa thủ công bất kỳ liên kết cũ nào để xóa thuộc tính này.
Muốn có thêm sự kiểm soát hơn về các thuộc tính rel được thêm vào các liên kết trong WordPress? Vietnix đề xuất sử dụng plugin AIOSEO vì cho phép bạn thêm tiêu đề, nofollow và các thuộc tính liên kết khác ngay trong trình soạn thảo WordPress.
Lời kết
Vietnix hy vọng bài viết này giúp bạn hiểu về rel="noopener" trong WordPress. Bạn cũng có thể xem thêm về tư duy làm SEO lên TOP Google bền vững hoặc cách SEO top Google đưa từ khóa lên top 1 nhanh nhất tại Vietnix.vn để tiếp thu kiến thức mới, chúc bạn thành công!
