Làm thế nào để bạn neo một phần tử trong html?

Trong mã HTML, bạn thường sử dụng thẻ neo (hoặc thẻ ‘a’) để tạo siêu liên kết. Các thẻ neo được sửa đổi bằng thuộc tính “href” tạo các liên kết có thể nhấp mà bạn có thể trỏ đến các trang khác trên trang web của mình hoặc đến các trang web khác

Bạn cũng có thể sử dụng thẻ neo để tạo liên kết neo. Liên kết neo (hoặc liên kết “nhảy”) liên kết đến các phần khác nhau của cùng một trang web.  

Khi bạn tạo liên kết văn bản với thẻ “a”, bạn sẽ cần sử dụng một số loại anchor text. Văn bản neo là một phần của liên kết có thể nhấp được. Google sử dụng văn bản này để tìm hiểu thêm về liên kết và nội dung mà nó trỏ tới

Liên kết neo có tốt cho trải nghiệm người dùng không?

Họ chắc chắn có thể giúp cải thiện nó. Người đọc sử dụng chúng để điều hướng xung quanh một trang web và họ có thể cung cấp trải nghiệm duyệt web tốt

Liên kết neo thường được sử dụng trong Mục lục cho các trang dài và/hoặc dày đặc về mặt hình ảnh. Khi người đọc truy cập vào một trang, họ muốn biết ngay lập tức thông tin chứa trong đó có hữu ích hoặc có liên quan đến tìm kiếm của họ không.  

Phần Mục lục bao gồm các liên kết neo rõ ràng, có thể nhấp vào vừa tóm tắt trang của bạn vừa giúp người đọc “nhảy” đến phần họ quan tâm nhất khi đọc

Liên kết neo có tốt cho SEO không?

Bản thân các liên kết neo có thể không có tác động đáng kể đến thứ hạng Google của bạn. Nhưng chúng giúp cải thiện trải nghiệm người dùng của bạn và kiếm được các đoạn trích nổi bật, giúp cải thiện thứ hạng của bạn theo thời gian

Vào năm 2021, Google đã triển khai bản cập nhật thuật toán Core Web VItals, nhấn mạnh vào trải nghiệm người dùng khi xem xét thứ hạng của một trang web. Các lĩnh vực trọng tâm chính của bản cập nhật bao gồm tính tương tác của người dùng, có nghĩa là Google hiện chú ý nhiều hơn đến cách người dùng tương tác với các trang web của bạn, bao gồm cả thời gian họ ở lại trên các trang đó

Nếu người dùng không thể nhanh chóng biết trang web của bạn nói về cái gì, rất có thể họ sẽ nhấp chuột khỏi trang web của bạn, làm tăng tỷ lệ thoát của bạn.  

Google cũng đã lưu ý nhiều năm trước rằng các liên kết nhảy trên trang web của bạn có thể trở thành đoạn trích nổi bật trên SERPs của họ. Khi điều này xảy ra, người dùng sẽ thấy danh sách các liên kết cố định trong đoạn mã, danh sách này có thể giúp báo hiệu rằng trang của bạn hữu ích và phù hợp với mục đích tìm kiếm của họ.  

Trong ví dụ sau, chúng tôi thấy một danh sách các liên kết neo (ở định dạng danh sách) được lấy từ một trang web và được chuyển đổi thành đoạn trích nổi bật

Khi bạn tạo liên kết neo, Google cũng có thể đưa chúng vào đoạn tìm kiếm trên trang của bạn. Trong ví dụ sau, Google bao gồm một liên kết neo đến “Hướng dẫn dinh dưỡng” trên một trang về chất béo chuyển hóa, để người dùng có thể chuyển thẳng đến phần đó của trang từ SERP

Vì vậy, mặc dù bạn sẽ không bị phạt vì không sử dụng chúng, nhưng có thể đáng để thêm các liên kết neo trên trang web của bạn khi cần thiết. Sử dụng chúng để cho Google biết thêm về nội dung trang của bạn, đồng thời giúp người đọc tìm và truy cập các phần của trang mà họ muốn đọc.  

Cách tạo liên kết neo

Để thêm một liên kết neo trong HTML, bạn sẽ làm theo hai bước

1. Assign the ID attribute with the tag

Chúng tôi có thể đính kèm ID vào tiêu đề bằng thẻ theo quy trình tương tự mà chúng tôi sử dụng để tạo siêu liên kết.  

Giả sử chúng tôi đã tạo một trang web về các giải pháp SEO và chúng tôi muốn liên kết đến một phần về SEO địa phương. Chúng tôi sẽ tạo tiêu đề H2 cho phần này, sau đó thêm liên kết neo với thẻ a

Local SEO

Ngoài ra, chúng tôi có thể bao gồm ID neo trong thẻ tiêu đề

Section name

Để thêm ID neo vào hình ảnh, hãy đưa nó vào thẻ HTML của hình ảnh làm thuộc tính

2. Thêm thuộc tính ID vào Liên kết HTML

Để tạo liên kết neo, bạn sẽ sử dụng thuộc tính href. Tuy nhiên, thay vì thêm liên kết vào trang web, bạn sẽ sử dụng ID liên kết có dấu thăng (#)

Local SEO Section

Khi người dùng nhấp vào liên kết ở trên, họ sẽ “nhảy” đến tiêu đề H2 với ID "localSEO"

Thực hành tốt nhất liên kết neo

Bạn có thể thêm liên kết neo vào bất kỳ văn bản nào trên trang của mình. Tuy nhiên, bạn nên đính kèm các liên kết neo vào tiêu đề và tiêu đề phụ. Cả hai đều tốt cho việc tóm tắt nội dung trang của bạn cho người đọc và trình thu thập thông tin của công cụ tìm kiếm

Khi bạn thêm các liên kết neo vào tiêu đề của mình, văn bản tiêu đề sẽ tăng gấp đôi dưới dạng văn bản neo của liên kết. Vì vậy, điều quan trọng là chọn các tiêu đề và tiêu đề phụ có liên quan, giàu từ khóa để cho người đọc và công cụ tìm kiếm biết nội dung của từng phần

Cố gắng chọn một cụm từ khóa cho các liên kết neo của bạn. Các liên kết từ đơn đôi khi có thể gây nhầm lẫn và chúng không cung cấp cho Google nhiều ngữ cảnh về liên kết hoặc trang mà nó trỏ tới.  

Sử dụng các từ mô tả cung cấp cho người đọc ý tưởng về những gì mong đợi khi họ nhấp qua. Ví dụ: nếu liên kết neo của bạn có tiêu đề “SEO địa phương”, người đọc sẽ mong đợi rằng họ sẽ chuyển đến phần của trang có thông tin về SEO địa phương.  

Bạn có thể sử dụng Công cụ Nghiên cứu Chủ đề để nghiên cứu các tiêu đề tiềm năng cho nội dung trang web của mình. Bắt đầu với từ khóa bạn muốn nhắm mục tiêu và chọn tên miền mục tiêu.  

Nếu bạn muốn tạo nội dung nhắm mục tiêu người đọc ở khu vực dịch vụ hoặc quốc gia khác với quốc gia của bạn, hãy sử dụng tính năng vị trí để đặt quốc gia, khu vực, thành phố và ngôn ngữ mục tiêu.  

Công cụ trả về các chủ đề phụ có liên quan và danh sách các từ khóa có liên quan cho từng chủ đề

Bạn có thể nhấp qua từng trang để đọc các bài viết về từng chủ đề, vì vậy bạn sẽ hiểu rõ hơn cách các bài báo xếp hạng khác cấu trúc tiêu đề và tiêu đề của chúng

Mẫu nội dung SEO cũng có thể giúp bạn chọn tiêu đề cho nội dung của mình. Công cụ phân tích xếp hạng 10 bài viết hàng đầu cho các từ khóa của bạn, sau đó tạo một mẫu đề xuất mà bạn có thể sử dụng để tạo nội dung của riêng mình