Liên kết neo: Cách tạo liên kết nhảy trong HTML và CMS, và tác dụng của chúng với SEO

Bài trắc nghiệm nhanh

Bạn nên lấy liên kết từ các website khác bằng cách nào?

Câu hỏi 1 trên 425%

Website của bạn đã có nội dung hữu ích chưa?

Rất ítMột số trang tốtRất nhiều bài viết và hướng dẫn

Một liên kết neo, còn gọi là liên kết nhảy hay neo liên kết, là một trong những tính năng lâu đời nhất của HTML và cũng hữu ích nhất với nội dung dài. Nó cho phép người đọc nhảy thẳng tới câu trả lời họ muốn thay vì phải cuộn trang. Bản thân Google coi liên kết là tín hiệu cốt lõi về mối quan hệ giữa các trang, và hướng dẫn thực hành tốt về liên kết của Google nhấn mạnh rằng liên kết phải là phần tử a thật có href. Bài này hướng dẫn cách tạo liên kết neo bằng HTML thuần và trong các CMS chính, tác dụng của chúng với SEO và với câu trả lời của AI, cũng như mối quan hệ với văn bản neo.

Liên kết neo là gì?

Liên kết neo là một siêu liên kết có đích nằm ở một vị trí bên trong trang. URL kết thúc bằng dấu thăng theo sau là một định danh, gọi là fragment: example.com/guide#step-3. Khi ai đó bấm vào, trình duyệt tải trang (hoặc giữ nguyên trang) và cuộn tới phần tử có id là step-3.

Có ba cách dùng phổ biến:

• Điều hướng trong cùng trang: một mục lục ở đầu bài viết, hoặc liên kết “về đầu trang”.
• Liên kết sâu từ trang khác: liên kết từ một bài viết tới đúng một phần của bài khác, ví dụ một định nghĩa trong thuật ngữ.
• Chia sẻ một đoạn cụ thể: gửi đồng nghiệp thẳng tới đoạn văn trả lời câu hỏi của họ.

Công cụ tìm kiếm coi example.com/guide và example.com/guide#step-3 là cùng một trang. Fragment không bao giờ tạo ra một URL mới để lập chỉ mục, nên liên kết neo không thể gây nội dung trùng lặp.

Làm thế nào để tạo liên kết neo trong HTML?

Chỉ cần hai đoạn mã: một id ở đích và một liên kết trỏ tới nó.

1. Thêm id vào đích: <h2 id="pricing">Bảng giá</h2>. Dùng chữ thường, số và dấu gạch ngang, không có khoảng trắng, và giữ mỗi id là duy nhất trên trang.
2. Liên kết tới đó trên cùng trang: <a href="#pricing">Xem bảng giá</a>.
3. Liên kết tới đó từ trang khác: <a href="/guide#pricing">Phần bảng giá của hướng dẫn</a>.
4. Kiểm tra: bấm vào liên kết, xem tiêu đề có hiện ở đầu màn hình hay không và không bị thanh đầu trang cố định che khuất (thuộc tính CSS scroll-margin-top khắc phục việc này).

Cách cũ, <a name="pricing"></a>, vẫn chạy được trên trình duyệt nhưng đã lỗi thời trong HTML5. Hãy dùng id ngay trên tiêu đề. Một tính năng liên quan, đoạn trích văn bản (text fragments), cho phép liên kết làm nổi bật một đoạn văn mà không cần id, với cú pháp #:~:text=, theo tài liệu của MDN. Google dùng cơ chế này để cuộn người truy cập tới đoạn được trích trong một số đoạn trích nổi bật.

Làm thế nào để thêm liên kết neo trong WordPress, Shopify, Webflow hoặc Wix?

Mọi CMS lớn đều cho phép đặt id mà không cần sửa giao diện. Tên trường thay đổi giữa các công cụ.

Nếu CMS của bạn tự tạo id, hãy kiểm tra lại: một số công cụ tạo id từ toàn bộ văn bản tiêu đề, cho ra các fragment dài và không ổn định, dễ vỡ khi bạn sửa tiêu đề.

Liên kết neo có giúp SEO không?

Liên kết neo trước hết là một tính năng về trải nghiệm sử dụng. Giá trị SEO của chúng là gián tiếp, nhưng thực sự có trên nội dung dài:

• Liên kết “chuyển đến” trong kết quả: với trang dài, được cấu trúc tốt, Google đôi khi hiển thị liên kết tới các phần bên dưới kết quả, điều này có thể làm tăng khả năng hiển thị và lượt nhấp. Google quyết định khi nào hiển thị chúng.
• Khớp đoạn văn tốt hơn: tiêu đề rõ ràng có id giúp công cụ tìm kiếm và trợ lý AI xác định đúng câu trả lời trong một trang dài, cùng logic giúp giành đoạn trích nổi bật.
• Tương tác: mục lục giúp người đọc tới đúng phần họ cần, thay vì phải rời trang để tìm ở nơi khác.
• Khả năng tiếp cận: liên kết bỏ qua và điều hướng trong trang giúp người dùng bàn phím và trình đọc màn hình, một nguyên tắc được nêu trong hướng dẫn khả năng tiếp cận của W3C.
• Liên kết nội bộ chính xác: trỏ tới #definition trong một bài khác sẽ đưa người đọc đến đúng đoạn văn, điều này củng cố liên kết nội bộ của bạn.

Điều liên kết neo không làm: chúng không chuyển thêm uy tín cho trang, vì một liên kết tới page#section vẫn được tính là liên kết tới trang, và chúng không thay thế được nội dung tốt. Một cảnh báo kỹ thuật đến thẳng từ kiến thức cơ bản về SEO JavaScript của Google: đừng dùng fragment để tải nội dung khác của trang, vì Googlebot không thể phân giải các URL đó một cách đáng tin cậy. Chỉ dùng fragment để cuộn trong nội dung đã có sẵn trên trang.

Sự khác biệt giữa liên kết neo và văn bản neo là gì?

Hai thuật ngữ này gần nhau và hay bị nhầm lẫn. Liên kết neo nói về việc liên kết đi đâu (tới một phần của trang). Văn bản neo nói về việc liên kết nói gì (các từ có thể bấm). Mục thuật ngữ của chúng tôi về văn bản neo trình bày chuyên sâu chủ đề thứ hai.

Thực hành tốt nhất cho liên kết neo và văn bản của chúng là gì?

Mỗi liên kết neo cũng có văn bản neo, nên hai bộ quy tắc được áp dụng cùng lúc.

• id ngắn, dễ đọc: #pricing, #how-to-install, thay vì #section-1 hay một đoạn 12 từ.
• Văn bản liên kết mô tả rõ: Google khuyến nghị văn bản mô tả, tương đối ngắn gọn và liên quan, và khuyên tránh các cụm chung chung như “bấm vào đây”.
• Mục lục cho trang dài: với trang trên khoảng 1500 từ, hãy liệt kê các mục H2 ở đầu trang, mỗi mục liên kết tới id của nó.
• Tiêu đề dạng câu hỏi: tiêu đề viết như câu hỏi người ta thường hỏi làm cho các liên kết nhảy hữu ích hơn và dễ trích dẫn hơn.
• id ổn định: đừng đổi id sau khi xuất bản nếu các trang hoặc website khác đang liên kết tới nó.
• Kiểm tra cấu trúc: một công cụ phân tích cấu trúc tiêu đề cho biết các cấp H2 và H3 đã gọn gàng chưa, trước khi bạn thêm neo.

Bạn nên tránh những lỗi nào?

• id trùng lặp: hai phần tử cùng id khiến liên kết chỉ nhảy tới phần tử đầu tiên.
• Đích bị ẩn: một tiêu đề nằm trong tab hoặc mục thu gọn đang đóng có thể không tới được bằng liên kết.
• Thanh đầu trang cố định che tiêu đề: thêm scroll-margin-top trong CSS.
• Định tuyến bằng fragment: các ứng dụng một trang đổi nội dung bằng URL dạng #/page rất khó để Google thu thập.
• Văn bản neo tối ưu quá mức: lặp lại cùng một từ khóa chính xác trong mọi liên kết trông như thao túng.

Kết luận

Liên kết neo đưa người đọc đến một phần chính xác của trang thông qua fragment #id. Hãy tạo nó bằng cách thêm id cho tiêu đề rồi liên kết tới đó, trong HTML hoặc qua cài đặt CMS của bạn. Lợi ích của chúng cho SEO là gián tiếp nhưng cụ thể với nội dung dài: mục lục, khả năng có liên kết nhảy trong Google, đoạn văn rõ ràng hơn cho câu trả lời AI và liên kết nội bộ tốt hơn, miễn là văn bản neo vẫn mô tả rõ. Nếu bạn không muốn tự cấu trúc từng bài viết, Sorank, phần mềm SEO và GEO của chúng tôi hoạt động theo kiểu autopilot, sẽ viết các bài có cấu trúc với tiêu đề dạng câu hỏi và liên kết nội bộ, rồi đăng lên CMS của bạn: xem trình tạo bài viết blog bằng AI và thử với bản dùng thử miễn phí 3 ngày.