[Giải mã SEO] Các thuộc tính noopener, noreferrer, nofollow là gì?

Recommended for you

Trong SEO và phát triển web, ba thuộc tính nofollow, noopener và noreferrer đóng vai trò quan trọng trong việc kiểm soát dòng chảy PageRank, bảo mật trang web và bảo vệ người dùng. Hãy cùng tìm hiểu chi tiết từng thuộc tính.

Thẻ rel=nofollow là gì?

rel="nofollow" là thuộc tính giúp thông báo với các công cụ tìm kiếm rằng không nên truyền giá trị PageRank qua liên kết. Khi gắn thẻ nofollow, "bot" của Google sẽ bỏ qua liên kết đó, giúp giảm thiểu spam liên kết và ngăn thao túng kết quả tìm kiếm. Thuộc tính này được Google giới thiệu từ năm 2005.

Ví dụ, nếu bạn quản lý một trang blog về ẩm thực và cho phép người dùng đăng bình luận, bạn nên dùng rel="nofollow" để ngăn các liên kết không đáng tin cậy trong bình luận ảnh hưởng đến SEO của trang.

Xem thêm:

Trong lịch sử, một số SEO còn dùng nofollow để điều chỉnh luồng PageRank, kỹ thuật này được gọi là “điêu khắc PageRank” (PageRank sculpting).

<a href="https://spam-site.com" rel="nofollow">Spam Link</a>

Thẻ rel =noopener là gì?

rel="noopener" được dùng khi mở liên kết trong tab hoặc cửa sổ mới (target="_blank"). Nó giúp ngăn trang mới truy cập vào đối tượng window.opener của trang gốc. Điều này tăng cường bảo mật và ngăn các cuộc tấn công kiểu tabnabbing, nơi trang đích có thể thay đổi nội dung hoặc chuyển hướng trang gốc sang URL độc hại.

<a href="https://example.com" target="_blank" rel="noopener">Visit Example</a>

Thẻ rel=noreferrer là gì?

rel="noreferrer" có hai chức năng chính:

Ẩn thông tin HTTP referrer, tức là trang đích sẽ không biết trang gốc đến từ đâu.
Ngăn truy cập window.opener, tương tự như noopener.

<a href="https://example.com" target="_blank" rel="noreferrer">Visit Example</a>

Điều này giúp bảo mật thông tin người dùng và giữ trang gốc an toàn.

So sánh nofollow, noopener và noreferrer

Thuộc tính	Mục đích chính	Ảnh hưởng SEO	Bảo mật
nofollow	Ngăn bot công cụ tìm kiếm theo liên kết	Không truyền PageRank	Không ảnh hưởng
noopener	Ngăn trang đích truy cập trang gốc	Không ảnh hưởng	Ngăn tabnabbing
noreferrer	Không gửi HTTP referrer + ngăn truy cập trang gốc	Không ảnh hưởng	Bảo mật tối đa, ẩn nguồn traffic

Khi nào nên dùng các thuộc tính này?

nofollow: Dùng với liên kết không đáng tin cậy, bình luận người dùng, quảng cáo hoặc liên kết đối tác mà bạn không muốn truyền PageRank.
noopener: Khi mở liên kết ra tab mới để tăng bảo mật chống tabnabbing.
noreferrer: Khi muốn ẩn nguồn traffic và bảo vệ thông tin người dùng, đồng thời ngăn tabnabbing attack.

Tip: Khi mở liên kết ra tab mới và muốn tối ưu bảo mật, bạn nên kết hợp cả hai:

<a href="https://example.com" target="_blank" rel="noopener noreferrer">Secure Link</a>

3 thuộc tính này không chỉ giúp bảo vệ trang web và người dùng, mà còn hỗ trợ SEO hiệu quả nếu sử dụng đúng cách. Việc hiểu rõ và áp dụng hợp lý sẽ giúp bạn kiểm soát dòng PageRank, giảm spam, và nâng cao bảo mật trang web.

Liên kết ngoài tưởng vô hại? Nofollow, Noopener, Noreferrer mới là chìa khóa bảo vệ SEO và dữ liệu của bạn!

Sơ đồ minh họa

👇🏻Rê chuột lên vòng tròn để xem mô tả chi tiết về tác dụng từng thuộc tính.

SEO

Nofollow

Bảo mật

Noopener

Bảo mật + SEO

Noreferrer

An toàn

Noopener + Noreferrer

A A A A

Nguồn

{content}

link nofollow SEO,tabnabbing attack là gì,kiểm soát link juice bằng nofollow,ách dùng rel nofollow,bảo mật liên kết ngoài target _blank,nofollow và dofollow khác nhau như thế nào,tại sao phải dùng noopener noreferrer,

Popular Posts

info@tigosolutions.com

Online support: m.me/tigogroup

VPĐD: 16, phố Trần Quốc Vượng, Q. Cầu Giấy, Hà Nội

Chi nhánh 1: T-Sol Building, TT1 Kiều Mai, Quận Bắc Từ Liêm, Hà Nội

Chi nhánh 2: T12, công viên phần mềm, 2 - Quang Trung, thành phố Đà Nẵng.

SỨ MỆNH CỦA CHÚNG TÔI:

Hướng tới giá trị đích thực
Đồng hành cùng khách hàng
Rút ngắn thời gian về đích
Biến thách thức thành cơ hội
Đổi mới, sáng tạo để bứt phá
Phát triển nhanh, năng động và thích ứng linh hoạt trong mọi hoàn cảnh.

Tại sao cần tinh gọn (Lean)?

Tinh gọn để buông bỏ những thứ không thiết yếu
Tinh gọn để nhường chỗ cho sáng tạo
Tinh gọn để uyển chuyển
Tinh gọn để kết thúc nhanh một thất bại
Tinh gọn để đi xa hơn
Tinh gọn để thích ứng

Tám chữ quý "HƠN VÀNG" cho năm mới 2025

Thái độ hơn trình độ
Linh hoạt hơn kiên định
Thay đổi đúng lúc hơn cố chấp đúng sai
Thích nghi hơn hoàn hảo
Đúng thời điểm hơn đúng cách
Uyển chuyển hơn áp đặt
Sáng tạo hơn lặp lại
Điều chỉnh hơn đối đầu

[Giải mã SEO] Các thuộc tính noopener, noreferrer, nofollow là gì?

SEO tụt hạng, dữ liệu rò rỉ – chỉ vì bỏ qua Nofollow, Noopener, Noreferrer?

Bài gần đây

Từ khóa

[Giải mã SEO] Các thuộc tính noopener, noreferrer, nofollow là gì?

Thẻ rel=nofollow là gì?

Thẻ rel =noopener là gì?

Thẻ rel=noreferrer là gì?

So sánh nofollow, noopener và noreferrer

Khi nào nên dùng các thuộc tính này?

Sơ đồ minh họa

Khám phá thêm

TIGO DESK

Workspace

Missions

TIGOWAY

TIGOWAY

TIGOSOLUTIONS.COM

Giới thiệu

Hỗ trợ và giải đáp

Blogs

Apps & Case Studies

Test

[Giải mã SEO] Các thuộc tính noopener, noreferrer, nofollow là gì?

SEO tụt hạng, dữ liệu rò rỉ – chỉ vì bỏ qua Nofollow, Noopener, Noreferrer?

Bài gần đây

Từ khóa

Xem thêm

[Giải mã SEO] Các thuộc tính noopener, noreferrer, nofollow là gì?

Thẻ rel=nofollow là gì?

Thẻ rel =noopener là gì?

Thẻ rel=noreferrer là gì?

So sánh nofollow, noopener và noreferrer

Khi nào nên dùng các thuộc tính này?

Sơ đồ minh họa

Khám phá thêm

TIGO DESK

Workspace

Missions

TIGOWAY

TIGOWAY

TIGOSOLUTIONS.COM

Giới thiệu

Hỗ trợ và giải đáp

Blogs

Apps & Case Studies

Test

Modal Title

Tóm tắt bài viết:

Kết luận:

Take a Tour | Discover Our Content