Giải thích về Hreflang Attributes & Tags cho người mới bắt đầu

Tìm hiểu về vai trò của hreflang attributes trong việc giúp các website đa ngôn ngữ và đa vùng miền hiển thị đúng phiên bản ngôn ngữ cho người dùng.

Hreflang là gì?

Hreflang là một thuộc tính HTML thông báo ngôn ngữ của một trang web—và có thể là quốc gia mục tiêu của nó—cho các công cụ tìm kiếm khi trang có các biến thể ngôn ngữ hoặc quốc gia.

Ví dụ, thuộc tính hreflang hreflang="en-us" cho biết rằng trang được chỉ định được viết bằng tiếng Anh và nhắm đến khán giả ở Hoa Kỳ.

Nếu bạn có nhiều phiên bản trang để phục vụ các ngôn ngữ hoặc quốc gia khác nhau, bạn nên sử dụng hreflang trong chiến lược tối ưu hóa công cụ tìm kiếm (SEO). Tại sao Hreflang Attributes lại quan trọng cho SEO?

Hreflang attributes rất quan trọng cho SEO vì chúng giúp đảm bảo rằng các công cụ tìm kiếm hiển thị đúng phiên bản của các trang của bạn dựa trên ngôn ngữ và vị trí của người dùng.

Như thế này:

Khi Google hiển thị phiên bản trang phù hợp nhất, người dùng có khả năng nhấp vào kết quả của bạn nhiều hơn, có trải nghiệm tốt trên website của bạn và đóng góp vào các mục tiêu kinh doanh của bạn.

Hreflang attributes cũng giúp các công cụ tìm kiếm tìm thấy và hiểu mối quan hệ giữa các trang đã được địa phương hóa.

Nếu không có hreflang, các công cụ tìm kiếm có thể xem các trang đã được dịch hoặc khu vực hóa là

các trang trùng lặp . Và điều này có thể ảnh hưởng xấu đến khả năng hiển thị tìm kiếm của bạn.Mẹo

Nếu bạn chưa tạo các trang cho các ngôn ngữ hoặc vùng miền khác, hãy đọc hướng dẫn về

địa phương hóa website của chúng tôi để tìm hiểu về những lợi ích. Cách triển khai Hreflang

Để triển khai hreflang, hãy xác định một tập hợp các trang trên website của bạn có cùng nội dung nhưng cho các ngôn ngữ hoặc quốc gia khác nhau. Sau đó, gán mỗi trang một định danh khác nhau, tùy thuộc vào mục tiêu của nó.

Cấu trúc của mã hreflang là

hreflang="value" , trong đóvalue được điền dựa trên một trong các yếu tố sau: Mã ngôn ngữ

• : Mã ngôn ngữ hai chữ cáiISO 639-1 cho ngôn ngữ của trang. Ví dụ, en cho tiếng Anh. Bạn nên sử dụng tùy chọn này nếu trang phục vụ như một mặc định cho tất cả người nói của ngôn ngữ đó. Mã ngôn ngữ và quốc gia
• : Mã ngôn ngữISO 639-1 và mã quốc gia alpha-2 ISO 3166-1 cho ngôn ngữ/quốc gia mục tiêu, được phân tách bằng dấu gạch ngang (-). Ví dụ, en-us cho tiếng Anh-Mỹ. Mã quốc gia chỉ được yêu cầu nếu trang của bạn là cụ thể cho vùng và không phục vụ như một mặc định cho tất cả người nói của ngôn ngữ đó. X-default
• : Sử dụng giá trịx-default cho phiên bản chính của trang bạn. Các công cụ tìm kiếm sẽ hiển thị mặc định nếu không có biến thể nào khớp với ngôn ngữ hoặc vùng ngôn ngữ của người dùng. Cuối cùng, hãy làm theo một hoặc nhiều phương pháp triển khai hreflang dưới đây.

Mẹo

Kiểm tra nền tảng website của bạn để tìm các tính năng hoặc plugin giúp việc triển khai và quản lý hreflang dễ dàng hơn. Nếu bạn không chắc chắn về điều gì, hãy nhờ sự trợ giúp từ một nhà phát triển web.

Hreflang Tags trong phần đầu HTML

Bạn có thể sử dụng hreflang tags trong các phần tử đầu HTML của trang (<head> sections) để thông báo cho các công cụ tìm kiếm về mục tiêu ngôn ngữ/vùng miền của một trang và các biến thể của nó.

Một hreflang tag chỉ định một URL và thuộc tính hreflang của nó, như sau:

<link rel="alternate" href="url" hreflang="value" />

Mỗi trang bị ảnh hưởng nên có một hreflang tag tham chiếu đến trang nguồn

và các biến thể của nó. Ví dụ, tag được làm nổi bật dưới đây cho thấy rằng trang nguồn được viết bằng tiếng Đức cho khán giả ở Đức (de-de).

Các hreflang tag khác cho thấy rằng trang cũng có sẵn bằng tiếng Anh cho khán giả ở Ireland (en-ie), tiếng Pháp cho khán giả ở Guinea (fr-gn), v.v.

Các hreflang tag giống nhau này cũng được sử dụng trên tất cả các phiên bản khác của trang.

Ví dụ, đây là một đoạn mã HTML từ phiên bản tiếng Anh cho khán giả ở Ireland:

Hreflang trong XML Sitemap

Bạn có thể sử dụng hreflang trong

XML sitemap của website để thông báo cho các công cụ tìm kiếm về mục tiêu ngôn ngữ và vùng miền trên toàn bộ website của bạn. XML sitemap là một tệp nên liệt kê tất cả các URL mà bạn muốn các công cụ tìm kiếm lập chỉ mục (thêm vào cơ sở dữ liệu của các kết quả tìm kiếm có thể có).

Dưới đây là những gì bạn cần làm cho các trang có các biến thể ngôn ngữ/vùng miền:

Bao gồm một mục <url><loc> cho mỗi biến thể URL

• Trong mỗi phần tử <url>, sử dụng phần tử <xhtml:link> để cung cấp thông tin hreflang cho URL đã chỉ định
• và các biến thể của nó Ví dụ, nếu bạn có hai phiên bản của một trang, mã XML tương ứng nên trông như sau:

<url>

<loc>https://www.example.com/</loc>
<xhtml:link rel="alternate" href="https://www.example.com/" hreflang="x-default" />
<xhtml:link rel="alternate" href="https://www.example.com/gb/" hreflang="en-gb" />
</url>
<url>
<loc>https://www.example.com/gb/</loc>
<xhtml:link rel="alternate" href="https://www.example.com/" hreflang="x-default" />
<xhtml:link rel="alternate" href="https://www.example.com/gb/" hreflang="en-gb" />
</url>
Lưu ý rằng cả hai URL đều tham chiếu đến chính nó

và lẫn nhau. Hreflang trong HTTP Response Headers

Hreflang trong tiêu đề phản hồi HTTP

Nếu bạn có một trang không phải HTML (như PDF), bạn cần thực hiện hreflang thông qua tiêu đề HTTP.

Sử dụng mẫu này để thông báo cho các công cụ tìm kiếm về ngôn ngữ (và khu vực nếu bạn muốn) liên quan đến trang nguồn và các biến thể của nó:

<url1>; rel="alternate"; hreflang="value1", <url2>; rel="alternate"; hreflang="value2" …

Ví dụ, bạn có thể thêm điều này vào tiêu đề HTTP của cả ba trang được liệt kê:

<https://www.example.com/>; rel="alternate"; hreflang="x-default", <https://www.example.com/us/>; rel="alternate"; hreflang="en-us", <https://www.example.com/gb/>; rel="alternate"; hreflang="en-gb"

Một lần nữa, lưu ý rằng các trang biến thể nên tham chiếu đến chính chúng và lẫn nhau.

Thực hành tốt nhất cho Hreflang

Hãy tuân theo các thực hành tốt nhất khi sử dụng hreflang trên trang web của bạn:

Sử dụng URL Canonical trong Mã Hreflang

Bạn chỉ nên sử dụng URL canonical trong mã hreflang để tránh gây nhầm lẫn cho các công cụ tìm kiếm và ảnh hưởng đến hiệu suất SEO của bạn.

URL canonical là địa chỉ chính cho một trang web và là URL mà các công cụ tìm kiếm sử dụng trong kết quả tìm kiếm. Các công cụ tìm kiếm sẽ bỏ qua bất kỳ URL thay thế nào để tiết kiệm tài nguyên và ngăn ngừa sự trùng lặp.

Giả sử bạn có thể truy cập cùng một trang qua ba địa chỉ:

• URL Canonical: https://www.example.com/en/
• URL Thay thế: https://www.en.example.com/
• URL Thay thế: example.com/en

Bạn chỉ nên tham chiếu URL canonical trong mã hreflang và tránh bất kỳ URL thay thế nào.

Trên thực tế, điều này có nghĩa là bạn nên không tham chiếu:

• Các URL có chuyển hướng 301 trỏ đến một URL khác
• Các URL có thẻ canonical trỏ đến một URL khác
• Các URL bị hỏng (ví dụ: các URL dẫn đến một lỗi 404)

Giữ cho Mã Hreflang của Bạn Cập nhật

Cập nhật mã hreflang của bạn nếu bạn thêm, xóa hoặc thay đổi các URL có biến thể địa phương để tránh mã lỗi thời có thể gây nhầm lẫn cho các công cụ tìm kiếm và ảnh hưởng đến SEO của bạn.

Giả sử bạn thực hiện hreflang thông qua sơ đồ XML cho trang web tiếng Anh và tiếng Tây Ban Nha của bạn.

Nếu bạn sau đó dịch trang web của mình sang tiếng Đức, bạn cần:

• Thêm các URL mới (và mã hreflang của chúng) vào sơ đồ XML của bạn
• Cập nhật các mục XML cho các biến thể trang hiện có để đảm bảo chúng tham chiếu đến các biến thể tiếng Đức

Kiểm tra Trang web của Bạn về Các Vấn đề Hreflang

Thường xuyên kiểm tra trang web của bạn về các vấn đề hreflang để kiểm tra bất kỳ sai sót nào có thể gây nhầm lẫn hoặc dẫn dắt các công cụ tìm kiếm—và do đó ảnh hưởng đến SEO của bạn.

Semrush Công cụ Site Audit có thể giúp bạn tìm và khắc phục các vấn đề SEO hreflang phổ biến nhất, bao gồm:

• Giá trị hreflang không hợp lệ
• Các trang không có thuộc tính hreflang tự tham chiếu
• Các trang thiếu thuộc tính hreflang
• Tham chiếu đến các URL bị hỏng hoặc không phải canonical
• Sự không khớp giữa mã ngôn ngữ và ngôn ngữ của trang

Công cụ SEO Audit cũng giúp bạn tìm và khắc phục nhiều loại vấn đề SEO khác. Và người dùng miễn phí có thể quét tối đa 100 trang mỗi tháng.