Thẻ noopener có nghĩa là gì? thuộc tính noreferrer / hiệu ứng nofollow

nhãn siêu liên kết <a>Mã thường được sử dụng với các thuộc tính noopener, noreferrer và nofollow, bài viết này sẽ chia sẻ cách sử dụng các thuộc tính mã noopener, noreferrer và nofollow.

Thẻ noopener có nghĩa là gì?

Sẽ target="_blank" Khi được thêm vào một liên kết, trang mục tiêu sẽ mở ra trong một tab mới.

Trong trang mới mở, bạn có thể lấy đối tượng cửa sổ trang nguồn thông qua window.opener, chôn giấu các rủi ro bảo mật tiềm ẩn.

• Cụ thể, liên kết trang web A của riêng bạn, có một liên kết trang web B có thể mở một địa chỉ bên thứ ba khác.
• Trang web B lấy đối tượng cửa sổ của trang web A thông qua window.opener;
• Sau đó, bạn có thể sử dụng trang A để chuyển sang trang lừa đảo window.opener.location.href=”abc.com”, người dùng không nhận thấy
• Địa chỉ đã nhảy và sau khi nhập tên người dùng và mật khẩu trên trang này, rò rỉ thông tin đã xảy ra.
• Để tránh các vấn đề trên, rel được giới thiệu và đặt thuộc tính = "noopener" để trang mới mở không thể lấy đối tượng cửa sổ của trang nguồn.
• Tại thời điểm này, giá trị của window.opener là null.

Vì vậy, nếu bạn muốn mở địa chỉ của bên thứ ba trong tab mới, tốt nhất bạn nên thêm mã thẻ rel="noopener"Thuộc tính.

Vai trò của thuộc tính noreferrer

Tương tự với noopener.

Thiết lậprel="noreferrer"Sau đó, trang mới mở không thể lấy được cửa sổ của trang nguồn để tấn công.

Đồng thời, không thể lấy thông tin document.referrer từ trang mới mở.Thông tin này chứa địa chỉ của trang nguồn.

Thông thường người mở rộng và người gửi chậm được đặt cùng một lúc,rel="noopener noreferrer".

Vì cái sau có chức năng trước đây là hạn chế quyền truy cập vào window.opener cùng một lúc, tại sao nó phải được đặt cùng lúc?

Về khả năng tương thích, vì một số trình duyệt cũ không hỗ trợ noopener.

Vai trò của nofollow

Việc tính toán trọng lượng trang của các công cụ tìm kiếm bao gồm số lượng tham chiếu trang (backlink), tức là nếu trang đó được liên kết bởi nhiều trang khác thì trang đó sẽ được đánh giá là trang chất lượng cao.

Thứ hạng trong kết quả tìm kiếm sẽ tăng lên.

Khi đặt rel=”nofollow” có nghĩa là báo cho bộ máy tìm kiếm biết rằng liên kết đó không đóng góp vào thứ hạng trên.

• Thường được sử dụng để liên kết mà không cóSEOĐịa chỉ nội bộ được xếp hạng (như liên kết trang đăng ký hoặc đăng nhập), không muốn lãng phí trọng lượng xuất khẩu hoặc một số trang chất lượng kém.