Hướng dẫn anchor trong html

Nội dung

• 1 Anchor Link là gì ?
• 2 Hướng dẫn tạo liên kết neo
• 3 Tầm quan trọng của liên kết neo trong SEO
• 4 Các plugin hỗ trợ làm liên kết neo trong WordPress
• 5 Lời kết

Mở máy tính lên có rất nhiều câu hỏi của các bạn, mình tình cờ thấy có 1 bạn trên Facebook có hỏi về vấn đề xuất hiện link trong Description. Thực ra, kỹ thuật này nó có từ rất lâu rồi, đó chính là Liên kết NEO hay còn gọi là Anchor Link trong SEO. Vậy liên kết NEO (Anchor link) có nghĩa là gì? Vậy làm thế nào để tạo được liên kết neo? Liên kết neo được hoạt động như thế nào?

Anchor link là tên gọi dạng link text thẻ <a> dùng để hiển thị link. Anchor link trong SEO cũng có những quy tắc cần phải tránh để không vi phạm luật trong SEO và những lời khuyên nên sử dụng để tối ưu cho bộ máy tìm kiếm.

Một link đầy đủ có dạng: <a title='[title link]” href=”[url link]”>[archor text]</a>

Theo chuẩn XHTML và các SE bắt buộc bạn xây dựng link phải đầy đủ các thuộc tính trên title link, url link, archor text.

Anchor link là sử dụng để nói về một liên kết trỏ đến một vùng nào đó được chỉ định trên một trang, nó khác với Anchor text nhé. Anchor Text chỉ một từ hay một cụm từ khóa có chứa liên kết.

Hướng dẫn tạo liên kết neo

Liên kết neo thì nó gồm có 2 thành phần chính:

• Phần neo (Anchor): thì nó được xác định bằng thuộc tính id trong html

Ví dụ: <span id=”tên-neo”>Nội dung</span>

• Phần liên kết (link): Nó được xác định bằng url/#tên-neo

Có 2 cách để sử dụng liết kết neo:

• Nếu bạn sử dụng liên kết neo ngay trên webpage chứa nó thì bạn chỉ cần sử dụng thẻ a như sau:

<a href=”#tên-neo”>Nội dung</a>

Còn bạn sử dụng liên kết neo cho 1 trang khác thì bạn phải sử dụng full url/#tên-neo

Ví dụ, mình muốn sử dụng liên kết neo để trỏ thẳng đến một neo là “Khóa học thiết kế web tại Hoangweb.com có gì đặc biệt ?” thì các bạn sử dụng thẻ a như sau:

<a href=”https://www.hoangweb.com/thiet-ke-website-ban-hang/#Nhung_loi_ich_ban_nhan_duoc_khi_thiet_ke_web_ban_hang_tai_Hoang_Web”>Những lợi ích bạn nhận được khi thiết kế web bán hàng tại Hoàng Web</a>

Tầm quan trọng của liên kết neo trong SEO

Có 2 tác dụng to lớn của việc bạn tạo ra các liên kết neo. Bạn có nghĩ rằng liên kết neo có sự ảnh hưởng lớn đến kết quả tìm kiếm của bạn không? Trước khi xét về mặt tối ưu SEO, liên kết neo sẽ giúp bài viết của bạn dễ đọc và xác định toàn nội dung bài hơn đối với các bài dài.

Còn về mặt SEO, các công cụ tìm kiếm (đặc biệt là Google) có thể hiểu rằng các liên kết neo là công cụ đánh dấu từng phần của bài viết. Sau khi nó xác định xong, Google có thể giúp bạn có thêm một vài sitelink chứa liên kết neo trong bài viết.

Theo quá trình mình xây dựng các liên kết neo thì các bạn có thể áp dụng các mẹo sau để có liên kết neo và sitelink:

• Từ khóa chính trong liên kết neo liên quan mật thiết đến nội dung.
• Bài viết bạn phải nằm từ top 1 đến top 3.
• Bài viết phải đạt lượt xem nhiều.
• Bài viết phải đủ dài, thường là nhiều hơn 2.000 ký tự.

Các plugin hỗ trợ làm liên kết neo trong WordPress

Nếu bạn đang sử dụng website WordPress thì dưới đây là 1 số plugin giúp bạn tự động tạo liên kết neo

• Table of Contents Plus (TOC +): Tạo bảng nội dung (Mục lục) cho bài viết hoặc trang dựa trên các thẻ tiêu đề (heading) từ h2-h6. Nhiều tùy chọn hiển thị như bên trái nội dung bài viết, bên phải, trước thẻ heading đầu tiên… Hỗ trợ tùy chọn có hiển thị mục lục hay không dựa vào shortcode.
• Better Anchor Links: Tạo mục lục cho bài viết dựa trên thẻ tiêu đề từ h2-h6 nhưng ít tùy chọn hiển thị hơn TOC +
• Extended Table of Contents: Giống như TOC +, plugin này cũng hỗ trợ tạo bảng nội dung cho bài viết dựa trên thẻ tiêu đề.

Lời kết

Backlink rất quan trọng trong SEO, việc tạo các liên kết neo trong SEO và việc xây dưng liên kết nội bộ kết hợp với backlink thông qua Anchor text sẽ định hướng nội dung (Content) cho người đọc, đem lại cho bạn những kết quả tốt.

Chúc các bạn thành công !

Để nhận được bài viết mới vui lòng đăng ký kênh kiến thức WordPress từ A-Z ở Form bên dưới. Bạn cũng có thể nhận được sự trợ giúp trên Twitter và Facebook