Rel = ”noopener” trong WordPress là gì? (Giải thích)

Nội dung bài viết

Gần đây, một trong những độc giả của chúng tôi đã hỏi: rel = ”noopener” trong WordPress là gì? Nếu bạn chọn mở một liên kết trong một cửa sổ mới, thì WordPress sẽ thêm thuộc tính này vào liên kết của bạn. Trong bài viết này, chúng tôi sẽ giải thích rel = ”noopener” trong WordPress là gì và nó ảnh hưởng như thế nào đến trang web của bạn.

What is rel=noopener in WordPress?

Rel = ”noopener” trong WordPress là gì?

rel = ”noopener” là một thuộc tính HTML được thêm vào tất cả các liên kết WordPress được chọn để mở trong tab trình duyệt mới. Nó cũng đi kèm với thuộc tính rel = ”noreferrer”. Tính năng này đã được giới thiệu trong WordPress để giải quyết lỗ hổng bảo mật có thể bị các trang web độc hại khai thác.

Có một số tính năng JavaScript cho phép tab mới kiểm soát cửa sổ giới thiệu 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, thì trang web đó có thể sử dụng thuộc tính window.opener để thay đổi trang gốc (trang web của bạn) nhằm lấy cắp thông tin và phát tán mã độc.

Thêm rel = ”noopener” ngă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 việc chuyển thông tin liên kết giới thiệu sang tab mới.

WordPress luôn đi đầu trong lĩnh vực bảo mật trang web. Khi bạn thêm liên kết và chọn ‘Mở trong tab mới’, thì WordPress sẽ thêm rel = ”noopener” và rel = ”noreferrer” vào mã liên kết.

Opening a link in new window

Mã HTML do WordPress tạo ra trông giống như sau:

<a href="https://example.com" target="_blank" rel="noreferrer noopener" aria-label="This is an external link (opens in a new tab)">demo link</a>

Rel = ”noopener” ảnh hưởng đến SEO WordPress của bạn như thế nào?

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 muốn tránh sử dụng nó vì họ nghĩ rằng nó sẽ ảnh hưởng đến SEO WordPress của họ.

Đó chỉ là một huyền thoại.

Nó không ảnh hưởng đến thứ hạng SEO của trang web WordPress của bạn hoặc hiệu suất WordPress tổng thể.

Sự khác biệt giữa noopener và nofollow là gì?

Thật dễ dàng kết hợp rel = ”noopener” với rel = ”nofollow”. Chúng hoàn toàn tách biệt.

Thuộc tính noopener ngăn trang web của bạn khỏi bị tấn công chéo trang web và cải thiện tính bảo mật của WordPress.

Mặt khác, thuộc tính nofollow ngăn trang web của bạn truyền liên kết SEO đến trang web được 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 một liên kết trên trang web của bạn. Tuy nhiên, họ không xem xét thẻ noopener.

Theo mặc định, WordPress không cho phép bạn thêm nofollow vào các liên kết bên ngoài của mình. Nếu bạn muốn thêm nofollow trong WordPress, thì bạn sẽ cần sử dụng một plugin. Để biết chi tiết, hãy xem bài viết của chúng tôi về cách thêm tiêu đề và nofollow vào liên kết trong WordPress .

Rel = ”noreferrer” có ảnh hưởng đến các liên kết liên kết trong WordPress không?

Rel = ”noreferrer” không ảnh hưởng đến các liên kết liên kết trong WordPress. Một số người dùng tin rằng điều đó xảy ra vì rel = ”noreferrer” ngăn việc chuyển thông tin liên kết giới thiệu sang tab mới.

Tuy nhiên, hầu hết các chương trình liên kết đều cung cấp cho bạn một URL duy nhất có ID đơn vị liên kết của bạn. Điều này có nghĩa là ID đơn vị liên kết của bạn được chuyển dưới dạng tham số URL để trang web khác theo dõi.

Thứ hai, hầu hết các nhà tiếp thị liên kết sử dụng một plugin che giấu liên kết cho các liên kết liên kết của họ.

Với kỹ thuật che giấu liên kết, liên kết liên kết mà người dùng của bạn nhấp vào thực sự là URL của chính trang web của bạn, sau đó chuyển hướng người dùng đến URL đích.

Làm cách nào để vô hiệu hóa rel = ”noopener” trong WordPress?

Không cần xóa rel = ”noopener” khỏi các liên kết trên trang web của bạn. Nó tốt cho bảo mật trang web của bạn và không ảnh hưởng đến hiệu suất hoặc SEO trên trang web của bạn.

Tuy nhiên, nếu bạn phải xóa nó, thì bạn sẽ phải tắt trình chỉnh sửa khối Gutenberg trong WordPress và sử dụng trình chỉnh sửa cổ điển cũ. Sau đó, bạn sẽ cần thêm mã sau vào tệp functions.php của chủ đề hoặc một plugin dành riêng cho trang web .

add_filter('tiny_mce_before_init','wpb_disable_noopener');
function wpb_disable_noopener( $mceInit ) {
    $mceInit['allow_unsafe_link_target']=true;
    return $mceInit;
}

Lưu ý: Chúng tôi không khuyên bạn nên xóa rel = ”noopener”. Không có lý do chính đáng để làm như vậy.

Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu về rel = ”noopener” trong WordPress. Bạn cũng có thể muốn xem hướng dẫn của chúng tôi về cách theo dõi các liên kết ngoài trong WordPress .

Nếu bạn thích bài viết này, vui lòng đăng ký Kênh YouTube của chúng tôi để xem các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy chúng tôi trên TwitterFacebook .

Chia sẻ để ủng hộ ad nhé
Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
0 0 Đánh giá
Xếp hạng bài viết
Đăng ký
Thông báo về
guest
0 Bình luận
Phản hồi nội tuyến
Xem tất cả bình luận
0
Để lại ý kiến của bạnx
()
x
Ads Blocker Image Powered by Code Help Pro
Phát hiện Adblock

Vui lòng tắt Adblock để truy cập nội dung này!

Tải lại