Tài liệu không có hreflang hợp lệ

Nhiều trang web cung cấp các phiên bản khác nhau của một trang dựa trên ngôn ngữ của người dùng hoặc . Liên kết hreflang cho công cụ tìm kiếm biết URL của tất cả phiên bản của một trang để chúng có thể hiển thị phiên bản chính xác cho từng ngôn ngữ hoặc khu vực.

Cách hoạt động kiểm tra hreflang của Lighthouse không thành công

Cờ Lighthouse liên kết hreflang không chính xác:

Quá trình kiểm tra Lighthouse cho thấy các đường liên kết gtm không chính xác

Kiểm tra bằng Lighthouse cho hreflang đường liên kết trong head của trang và trong tiêu đề phản hồi của trang.

Sau đó, Lighthouse sẽ kiểm tra mã ngôn ngữ hợp lệ trong các đường liên kết hreflang. Lighthouse báo cáo mọi đường liên kết hreflang có mã ngôn ngữ không hợp lệ.

Lighthouse không kiểm tra mã vùng hoặc sơ đồ trang web của bạn.

Cách xác định đường liên kết hreflang cho mỗi phiên bản của trang

Giả sử rằng bạn có ba phiên bản của một trang:

  • Phiên bản tiếng Anh tại https://example.com
  • Phiên bản tiếng Tây Ban Nha tại https://es.example.com
  • Một phiên bản tiếng Đức tại https://de.example.com

Có 3 cách để cho các công cụ tìm kiếm biết rằng các trang này là tương đương. Chọn bất kỳ phương pháp nào dễ dàng nhất cho trường hợp của bạn.

Cách 1: Thêm các đường liên kết hreflang vào <head> của mỗi trang:

<link rel="alternate" hreflang="en" href="https://example.com" />
<link rel="alternate" hreflang="es" href="https://es.example.com" />
<link rel="alternate" hreflang="de" href="https://de.example.com" />

Mỗi phiên bản của một trang phải liên kết đến tất cả các phiên bản khác, kể cả chính nó. Nếu không, công cụ tìm kiếm có thể bỏ qua đường liên kết hreflang hoặc diễn giải sai các thông tin đó.

Đối với các trang cho phép người dùng chọn ngôn ngữ, hãy dùng x-default từ khóa:

<link rel="alternate" href="https://example.com" hreflang="x-default" />

Cách 2: Thêm tiêu đề Link vào phản hồi HTTP:

Link: <https://example.com>; rel="alternate"; hreflang="en", <https://es.example.com>;
rel="alternate"; hreflang="es", <https://de.example.com>; rel="alternate"; hreflang="de"

Cách 3:Thêm thông tin phiên bản ngôn ngữ vào sơ đồ trang web của bạn.

<url>
<loc>https://example.com</loc>

<xhtml:link rel="alternate" hreflang="es"
href="https://es.example.com"/>

<xhtml:link rel="alternate" hreflang="de"
href="https://es.example.com"/>

</url>

Nguyên tắc về giá trị hreflang

  • Giá trị hreflang phải luôn chỉ định một mã ngôn ngữ.
  • Mã ngôn ngữ phải tuân thủ Định dạng ISO 639-1.
  • Giá trị hreflang cũng có thể bao gồm một mã vùng (không bắt buộc). Ví dụ: es-mx dành cho người nói tiếng Tây Ban Nha ở Mexico, còn es-cl dành cho người nói tiếng Tây Ban Nha Người nói tiếng Tây Ban Nha ở Chile.
  • Mã vùng phải tuân theo Định dạng ISO 3166-1 alpha-2.

Tài nguyên