Hướng Dẫn Nhanh 5 Cách Chèn Link (Liên Kết) Trong HTML

40 0 HTML & CSS

5/5 - (1 bình chọn)

Trong HTML, “chèn link” nghĩa là tạo một liên kết có thể bấm được để dẫn người đọc sang trang khác, sang một mục trong cùng trang, tải file, mở email, gọi điện… Tính năng này xuất hiện rất nhiều trong menu website, bài viết, bình luận, nút kêu gọi hành động (CTA) và hầu hết mọi khu vực có hiển thị nội dung web.

Nhiều bạn mới học hay gọi vui là “code chèn link”, “cách tạo link website”, “code liên kết HTML”… gọi sao cũng được — miễn là làm đúng cú pháp html là được. Nếu bạn đang tìm hiểu về vấn đề này, hãy cùng mình khám phá trong phần nội dung dưới đây:

1Cú Pháp Cơ Bản Nhất: Thẻ <a>

2Mở Link Ở Tab Mới: target=”_blank”

3Tab Mới + Bảo Mật Chuẩn: Thêm rel=”noopener noreferrer”

4Link “nofollow” Phục Vụ Seo (Khi Cần)

5Link Quảng Cáo / Tài Trợ: rel=”sponsored”

6Một Số Link Hữu Ích Khác

7Một Số Lưu Ý Cần Thiết

8Lời kết

Cú Pháp Cơ Bản Nhất: Thẻ <a>

Muốn tạo link trong HTML, bạn dùng thẻ anchor:

Cách chèn link liên kết trong HTML

href = địa chỉ muốn dẫn tới (URL)
Phần nằm giữa <a> ... </a> = text hiển thị cho người dùng bấm vào

Mẹo: Luôn đặt URL trong dấu ngoặc kép "..." để tránh lỗi.

Mở Link Ở Tab Mới: target=”_blank”

Khi muốn người dùng bấm link và mở ở tab mới trên trình duyệt:

Cách chèn link liên kết trong HTML

Tab Mới + Bảo Mật Chuẩn: Thêm rel=”noopener noreferrer”

Cách chèn link liên kết trong HTML

Link “nofollow” Phục Vụ Seo (Khi Cần)

Nếu bạn không muốn “truyền sức mạnh SEO” sang trang đích (thường dùng cho link ngoài, link không tin cậy, link do người dùng tạo…), khi đó bạn cần sử dụng thêm thẻ “nofollow”

Cách chèn link liên kết trong HTML

nofollow thường dùng khi bạn không muốn Google hiểu là bạn đang “endorse” hay “truyền sức mạnh” trang đó.
noopener vẫn nên giữ để an toàn.

Link Quảng Cáo / Tài Trợ: rel=”sponsored”

Nếu link dẫn tới nội dung quảng cáo, tài trợ, affiliate thì nên đánh dấu:

Link trỏ về nhà quảng cáo hoặc sản phẩm có link affiliate

Một Số Link Hữu Ích Khác

Link gọi điện

Gọi ngay: 0901 234 567

Link gửi email

Gửi email cho mình

Link Tải File

Tải tài liệu PDF

Một Số Lưu Ý Cần Thiết

✅ Link cơ bản: Phải thẻ có href
✅ Mở tab mới: Phải thêm target="_blank"
✅ Tab mới an toàn: Cần thêm rel="noopener noreferrer"
✅ SEO nofollow khi cần: rel="nofollow ...", còn với link dofollow thì không cần thêm cũng được – Google tự động biết đó là link do.
✅ Quảng cáo/tài trợ: rel="sponsored"
✅ Luôn viết URL gọn, sạch, không dư khoảng trắng vì nó có thể gây lỗi.

Lời kết

Như vậy, chúng ta đã nắm được cách chèn link trong HTML rồi phải không, đơn giản bạn chỉ cần nhớ có thẻ mở thẻ <a + href và kết thúc là </a> là tạo được link. Còn các phần như target và rel là “nâng cấp” để đúng mục đích (trải nghiệm, SEO, bảo mật).