Href Link là gì?
Href link (còn được gọi là “a href link”) là một thuộc tính HTML trong thẻ <a> tạo ra một liên kết có thể nhấp và chỉ định URL của liên kết.
Href link kết nối các trang web, hướng dẫn người dùng và giúp các công cụ tìm kiếm phát hiện nội dung có thể được sử dụng cho kết quả tìm kiếm.
Dưới đây là một ví dụ về href link tạo ra văn bản có thể nhấp “Semrush.”
Các giá trị href có thể bao gồm:
- URL tương đối (ví dụ: href="/about"): URL tương đối là các URL một phần thường hữu ích cho các liên kết nội bộ (liên kết đến các trang khác trên trang web của bạn). Chúng hữu ích nếu bạn thay đổi tên miền của mình vì bạn sẽ không cần cập nhật các liên kết nội bộ.
- URL tuyệt đối (ví dụ: href="https://example.com"): URL tuyệt đối là địa chỉ web đầy đủ và được yêu cầu khi liên kết đến các trang bên ngoài
- Liên kết neo (ví dụ: href="https://example.com/#section"): Liên kết neo nhảy đến các phần cụ thể trên một trang có ID CSS (các định danh duy nhất được thêm vào các phần tử HTML). Chúng giúp người dùng bỏ qua đến nội dung liên quan. Giống như các liên kết đến các tiêu đề phụ được hiển thị trong bảng nội dung.
- Liên kết mailto (ví dụ: href="mailto:info@example.com"): Liên kết mailto mở một bản nháp email mới trong ứng dụng email mặc định của người dùng. Vì vậy, họ có thể liên hệ với bạn trực tiếp mà không cần sao chép và dán địa chỉ email của bạn.
- Liên kết tel (ví dụ: href="tel:+1234567890"): Liên kết tel quay số một số điện thoại trên các thiết bị hỗ trợ và rất lý tưởng cho người dùng di động muốn thực hiện cuộc gọi chỉ bằng một lần chạm
Các hệ thống quản lý nội dung (như WordPress) có các công cụ loại bỏ nhu cầu mã hóa href link thủ công.
Nhưng thật hữu ích khi biết những chi tiết này trong trường hợp bạn muốn thực hiện các điều chỉnh thủ công.
Các Kết Hợp Thuộc Tính-Giá Trị Thông Dụng cho Thẻ <a>
Thẻ <a> bao gồm một số thuộc tính (hướng dẫn điều khiển cách một liên kết hoạt động) và giá trị (cài đặt cụ thể cho những hướng dẫn đó) mà cùng nhau xác định cách một liên kết hoạt động cho người dùng và các công cụ tìm kiếm.
target=“_blank”
Sử dụng target=“_blank” mở một liên kết trong một tab trình duyệt mới, điều này có thể giúp giữ người dùng ở lại trang web của bạn lâu hơn (khi liên kết đến một trang bên ngoài).
Zachary Rischitelli, Người sáng lập và Giám đốc điều hành tại Real FiG Advertising + Marketing, khuyên bạn nên sử dụng thuộc tính này cho các liên kết bên ngoài và khi liên kết đến các tệp hoặc tài liệu lớn hơn. Để người đọc không mất trang của bạn nếu họ nhấp ra ngoài.
Tổ chức World Wide Web Consortium (một tổ chức phát triển hướng dẫn giúp mọi người xây dựng một web dễ tiếp cận) khuyên thêm văn bản cảnh báo bên cạnh các liên kết mở trong các tab mới như thế này. Chẳng hạn như thêm “(mở trong tab mới.)”
Bằng cách đó, người dùng gặp khó khăn trong việc nhận thức nội dung hình ảnh sẽ không bị bất ngờ khi họ nhấp vào các liên kết của bạn.
Ví dụ:
<a href="https://example.com" target="_blank">Truy cập Ví dụ (mở trong tab mới)</a>
Lưu ý
Có những cách khác để bao gồm thông tin bổ sung bên cạnh văn bản neo của bạn để cải thiện khả năng tiếp cận. Ví dụ, nếu một liên kết kích hoạt tải xuống, bạn có thể thêm “(kích hoạt tải xuống)” bên cạnh văn bản neo.
rel=“nofollow”
Thuộc tính rel=“nofollow” cho các công cụ tìm kiếm biết không theo liên kết hoặc truyền bất kỳ giá trị SEO nào (link equity) đến trang được liên kết.
Dorian Menard, Người sáng lập và Giám đốc tại Search Scope, cho biết,
“Chúng tôi sử dụng điều này với các phần bình luận do người dùng tạo hoặc nội dung tài trợ để đảm bảo chúng tôi tuân thủ các hướng dẫn của Google.”
Dorian cũng đề cập rằng “rel=”nofollow” là tốt để sử dụng khi liên kết đến nội dung không đáng tin cậy mà bạn không muốn xác nhận điểm đến. Giống như khi bạn cần trích dẫn một nguồn không đáng tin cậy.
Ví dụ:
<a href="https://example.com" rel="nofollow">Truy cập Ví dụ</a>
Bạn cũng có thể sử dụng rel=”UGC” và rel=”sponsored” để liên kết đến nội dung do người dùng tạo như bình luận hoặc nội dung tài trợ. Những thuộc tính này cụ thể hơn và minh bạch hơn cho các công cụ tìm kiếm.
rel=“noopener”
Kết hợp thuộc tính rel="noopener" là một tính năng bảo mật ngăn các trang được mở trong các tab mới tương tác với trang gốc và giúp bảo vệ người dùng khỏi các mối đe dọa bảo mật tiềm ẩn.
Ví dụ, giả sử bạn vô tình liên kết đến một trang độc hại từ một trang an toàn nơi người dùng đang đăng nhập. Và bạn không sử dụng rel="noopener."
Zachary làm rõ rằng bạn đang gặp một số rủi ro khi làm như vậy:
“Nếu không có rel=”noopener,” một trang độc hại có thể thay đổi URL của trang của bạn hoặc chạy một kịch bản khi người dùng tương tác với nó.”
Và tab gốc có thể không còn an toàn khi người dùng quay lại đó.
Bởi vì loại tấn công này chỉ xảy ra khi các liên kết mở trong một tab mới, rel="noopener" nên luôn được sử dụng cùng với target="_blank."
Ví dụ:
<a href="https://example.com" target="_blank" rel="noopener">Truy cập Ví dụ</a>
rel=“noreferrer”
Sử dụng rel="noreferrer" để ngăn trang đích thấy URL nào mà traffic đến từ để duy trì quyền riêng tư của người dùng và trang web.
Ví dụ, giả sử một người dùng đang đọc một bài viết về một rối loạn lo âu cụ thể được đề cập trong URL và theo một liên kết trong bài viết đến trang web của một nhà trị liệu. Nếu không có rel="noreferrer" được thêm vào, trang web nhà trị liệu bên ngoài có thể thấy toàn bộ URL đã giới thiệu khách truy cập.
URL đó có thể không bao gồm thông tin cá nhân. Nhưng nó vẫn có thể tiết lộ các vấn đề sức khỏe riêng tư, điều này có thể gây ra vấn đề quyền riêng tư tiềm ẩn cho người dùng.
Bạn cũng có thể sử dụng rel="noreferrer" nếu bạn không muốn các trang (như đối thủ cạnh tranh) biết rằng bạn đã liên kết đến họ.
Ví dụ:
<a href="https://example.com" target="_blank" rel="noreferrer">Truy cập Example</a>
4 Thực Hành Tốt Nhất cho Liên Kết Href
Hãy tuân theo những thực hành tốt nhất cho liên kết href để đảm bảo các liên kết của bạn hoạt động đúng cách.
1. Sử Dụng Cú Pháp Đúng
Sử dụng cú pháp đúng đảm bảo các liên kết href của bạn hoạt động như mong muốn, để các công cụ tìm kiếm và người dùng tìm thấy thông tin họ cần.
Dưới đây là các bước chính để xây dựng một liên kết href bằng cú pháp đúng:
- Bắt đầu liên kết a href với “<a”
- Thêm các thuộc tính được định dạng đúng bên trong thẻ bắt đầu (ví dụ: href="https://example.com")
- Để lại một khoảng trống trước mỗi thuộc tính thẻ anchor (ví dụ: <a href="https://example.com" target="_blank">, không phải <a href="https://example.com"target="_blank">)
- Đóng thẻ bắt đầu với > (ví dụ: <a href="https://example.com">)
- Thêm nội dung anchor của bạn để tạo phần có thể nhấp của liên kết (ví dụ: <a href="https://example.com">Truy cập trang web của chúng tôi</a>)
- Kết thúc thẻ với </a>
2. Sử Dụng Văn Bản Anchor Mô Tả
Văn bản anchor là văn bản có thể nhấp giúp các công cụ tìm kiếm và người dùng hiểu nội dung của trang được liên kết.
Thay vì sử dụng văn bản chung chung như “nhấp vào đây,” hãy sử dụng văn bản mô tả giúp người dùng (và các công cụ tìm kiếm) hiểu ngữ cảnh về trang được liên kết.
3. Giới Hạn Số Lượng Liên Kết Trên Một Trang
Bao gồm một số lượng liên kết hợp lý giúp mọi người tìm thấy các tài nguyên họ cần và cung cấp trải nghiệm người dùng tốt hơn.
Trong khi đó, quá nhiều liên kết có thể làm cho một trang trông giống như spam và có thể ảnh hưởng tiêu cực đến thứ hạng của bạn.
Dưới đây là một ví dụ từ Google về việc liên kết không tự nhiên trông như thế nào:
4. Kiểm Tra Liên Kết Định Kỳ
Kiểm tra định kỳ các liên kết href của bạn đảm bảo mọi đường dẫn trên trang của bạn đều dẫn đến nơi hữu ích.
Và việc phát hiện các lỗi nhỏ có thể giúp bạn tránh được các liên kết hỏng dẫn người truy cập (và bot) đến một ngõ cụt.
Chạy một kiểm tra tổng quát nhanh với SEO Checker miễn phí của Semrush để phát hiện bất kỳ vấn đề rõ ràng nào.
Để phát hiện đầy đủ các vấn đề liên kết trên trang của bạn, hãy sử dụng công cụ Site Audit của Semrush.
Sau khi thiết lập, tìm báo cáo “Liên Kết Nội Bộ” và nhấp vào “Xem chi tiết.”
Sau đó, xem “Vấn đề Liên Kết Nội Bộ” để xem liệu bạn có:
- Liên kết hỏng (liên kết dẫn đến một đích không tồn tại)
- Quá nhiều liên kết trên trang (hơn 3.000 liên kết trên một trang duy nhất)
- Liên kết nội bộ có thuộc tính nofollow
- Liên kết với văn bản anchor thiếu hoặc không mô tả
Và nhiều vấn đề khác.
Nhấp vào “Tìm hiểu thêm” hoặc “Tại sao và cách khắc phục nó” bên cạnh bất kỳ vấn đề nào để biết thêm ngữ cảnh.
Hoặc nhấp vào nút “# vấn đề” để xem các URL bị ảnh hưởng.
Hãy thử Site Audit ngay hôm nay.
Đưa góc nhìn thành kế hoạch.
Chia sẻ website và mục tiêu để LionTech tư vấn giải pháp phù hợp.
Đăng ký tư vấn ↗