Tìm hiểu hreflang là gì, cách nó giúp Google hiểu trang web của bạn và cách thêm nó vào trang web WordPress đa ngôn ngữ của bạn.
WPML tự động chèn các thẻ hreflang vào các trang của bạn và cập nhật chúng khi bạn thực hiện thay đổi đối với trang web của mình. Quá trình này diễn ra ngầm và bạn không cần thực hiện thao tác nào.
Hreflang là gì?
Thẻ hreflang là các thuộc tính HTML chỉ định ngôn ngữ và khu vực mà một trang hướng tới. Trong một trang web đa ngôn ngữ, các thẻ hreflang cho các công cụ tìm kiếm biết đối tượng mục tiêu cho mỗi phiên bản của một trang.
Ví dụ: hreflang sau đây chỉ ra rằng trang chủ có một phiên bản dành cho người dùng nói tiếng Tây Ban Nha, trên URL được chỉ định:
<link rel="alternate" href="https://www.repaircafe.com/es" hreflang="es" />
Vì vậy, khi một người dùng ở Tây Ban Nha tìm kiếm trang chủ này, Google sẽ hiển thị phiên bản tiếng Tây Ban Nha của nó.
Ngoài tiếng Tây Ban Nha, trang chủ cũng có một phiên bản bằng tiếng Anh. Vì vậy, khi một người dùng ở Hoa Kỳ tìm kiếm nó, Google sẽ hiển thị phiên bản tiếng Anh.
Hreflang là một thành phần thiết yếu để giúp các công cụ tìm kiếm hiểu trang web đa ngôn ngữ của bạn. Nhưng trước tiên, khi nào bạn cần triển khai các thẻ hreflang?
Khi nào bạn cần sử dụng hreflang?
Có bốn trường hợp bạn cần thêm thẻ hreflang vào trang web của mình:
- Khi trang web của bạn có nhiều ngôn ngữ
- Khi bạn muốn nhắm mục tiêu đến các khu vực địa lý cụ thể
- Khi nội dung của bạn có các biến thể nhỏ theo khu vực (tiếng Anh Mỹ so với tiếng Anh Anh)
- Khi chủ đề của bạn giống nhau, nhưng nội dung lại khác nhau (những bãi biển đẹp nhất ở Hoa Kỳ, những bãi biển đẹp nhất ở Úc)
Theo nguyên tắc chung – nếu trang web của bạn có các biến thể của một trang và chúng dành cho các đối tượng khác nhau, bạn cần thêm thẻ hreflang vào các trang này.
Điều gì xảy ra nếu bạn không thêm hreflang?
Thẻ hreflang có hai vai trò chính: cho Google biết một trang dành cho đối tượng nào và chỉ ra rằng trang đó là một biến thể của nội dung gốc.
Vì Google không thể biết liệu một trang có phải là biến thể của một trang khác hay không, nếu không có các thẻ hreflang rõ ràng, Google có thể cho rằng các biến thể của bạn là nội dung trùng lặp và phạt các trang của bạn.
Các thẻ hreflang hoạt động như thế nào?
Các thẻ hreflang xuất hiện trong phần <head> và trỏ đến các phiên bản thay thế của một trang.
Hãy nhớ rằng thẻ hreflang có dạng như sau:
<head> … <link rel="alternate" href="https://www.domain.com/es" hreflang="es" /> <link rel="alternate" href="https://www.domain.com/de" hreflang="de" /> … </head>
Các thẻ hreflang chứa ba thông tin:
rel="alternate"– chỉ ra rằng đây là một phiên bản thay thế của trang gốc- href=URL – chỉ định URL của trang thay thế
- hreflang=LANG – chỉ định ngôn ngữ của trang thay thế
Nếu chúng ta diễn đạt ví dụ trên bằng lời, nó sẽ có nghĩa là:
Trang hiện tại có một phiên bản thay thế bằng tiếng Tây Ban Nha trên URL http://www.domain.com/es và một phiên bản thay thế bằng tiếng Đức trên URL http://www.domain.com/de.
Như bạn có thể thấy, các thẻ hreflang sử dụng mã gồm hai chữ cái khi đề cập đến ngôn ngữ. Trong ví dụ này, es là viết tắt của tiếng Tây Ban Nha (Español). Để xem danh sách đầy đủ các từ viết tắt, hãy truy cập các tiêu chuẩn mã ngôn ngữ – ISO 639-1.
Để chỉ định một ngôn ngữ và khu vực mục tiêu, như tiếng Tây Ban Nha-Mexico, bạn thêm mã quốc gia vào cuối thành phần hreflang, như thế này:
hreflang="es-mx"
Trong ví dụ này, es là viết tắt của tiếng Tây Ban Nha và mx là Mexico. Mã quốc gia tuân theo cách viết tắt gồm hai chữ cái tương tự như mã ngôn ngữ, dựa trên tiêu chuẩn ISO 3166-1 alpha-2.
Khi thêm thẻ hreflang vào trang web của bạn, điều quan trọng là phải tuân theo các nguyên tắc về hreflang được Google đề xuất như trình bày dưới đây.
Trỏ các trang thay thế đến nhau
Đảm bảo rằng mọi phiên bản của trang đều chứa một thẻ hreflang tham chiếu đến tất cả các phiên bản khác. Điều này giúp Google hiểu được toàn bộ tập hợp các trang thay thế của bạn và cách chúng liên quan với nhau.
Ví dụ: nếu bạn có một trang bằng tiếng Anh và tiếng Tây Ban Nha, phiên bản tiếng Anh phải chứa một thẻ hreflang trỏ đến phiên bản tiếng Tây Ban Nha. Và tương tự, phiên bản tiếng Tây Ban Nha phải chứa một thẻ hreflang trỏ đến phiên bản tiếng Anh.
Thêm hreflang tự tham chiếu
Trên mỗi phiên bản, hãy thêm một hreflang trỏ về chính nó.
Ví dụ: nếu bạn có 2 phiên bản – tiếng Anh và tiếng Tây Ban Nha, ngoài việc để các trang trỏ vào nhau, mỗi phiên bản nên có thêm một hreflang trỏ đến chính trang chứa nó.
Trên phiên bản tiếng Tây Ban Nha, nó sẽ trông như sau:
<link rel="alternate" href="https://www.domain.com/en" hreflang="en" /> <link rel="alternate" href="https://www.domain.com/es" hreflang="es" />
Còn trên phiên bản tiếng Anh, nó sẽ như sau:
<link rel="alternate" href="https://www.domain.com/es" hreflang="es" /> <link rel="alternate" href="https://www.domain.com/en" hreflang="en" />
Xác định trang dự phòng khi không có bản dịch phù hợp
Giá trị x-default chỉ định trang “dự phòng” nếu không có phiên bản nào phù hợp với người dùng. Nó có dạng như sau:
<link rel="alternate" href="https://www.domain.com/" hreflang="x-default" />
Ví dụ: một trang web bằng tiếng Anh và tiếng Tây Ban Nha sẽ không có trang phù hợp cho người dùng nói tiếng Pháp. Trong trường hợp này, Google sẽ cố gắng hiển thị trang mà nó cho là tốt nhất. Tuy nhiên, để kiểm soát trang mà Google hiển thị, bạn có thể thêm một hreflang x-default với URL mà bạn muốn làm trang dự phòng.
Nếu chúng ta muốn trang chủ tiếng Anh làm trang dự phòng, trên trang tiếng Anh nó sẽ như sau:
<link rel="alternate" href="https://www.domain.com/es" hreflang="es" /> <link rel="alternate" href="https://www.domain.com/" hreflang="en" /> <link rel="alternate" href="https://www.domain.com/" hreflang="x-default" />
Cách thêm hreflang vào trang web WordPress của bạn
Bạn có thể dễ dàng thêm các thẻ hreflang vào trang web WordPress của mình bằng một plugin đa ngôn ngữ. Có một vài lợi ích khi sử dụng plugin, thay vì tự làm thủ công:
- Tự động đặt thẻ – các thẻ hreflang được tự động đặt vào phần header HTML của các trang. Không cần truy cập mã nguồn và thêm thẻ thủ công.
- Tự động sắp xếp – các thẻ hreflang được tự động tạo và cập nhật bất cứ khi nào bạn tạo và cập nhật nội dung của mình.
Nếu bạn đang tìm kiếm một plugin đa ngôn ngữ cung cấp tất cả các tính năng trên (và hơn thế nữa), bạn có thể sử dụng WPML, plugin WordPress đa ngôn ngữ phổ biến nhất.
Tự động thêm thẻ hreflang vào trang web của bạn bằng WPML
Với WPML, bạn không cần phải lo lắng về các thẻ hreflang.
Khi bạn thêm ngôn ngữ mới và dịch nội dung, WPML sẽ tự động chèn và cập nhật các thẻ hreflang trên các trang gốc và trang đã dịch của bạn.
Tất cả các gói WPML đều bao gồm tính năng quản lý hreflang tự động cho trang web của bạn. Để tìm hiểu thêm về các gói của chúng tôi, hãy truy cập trang bảng giá.
Thêm nhắm mục tiêu theo khu vực bằng WPML (tùy chọn)
Theo mặc định, các ngôn ngữ bạn thêm trong WPML không bị ràng buộc với các quốc gia. Nếu muốn nhắm mục tiêu theo khu vực, bạn cần thêm các ngôn ngữ tùy chỉnh.
Ngôn ngữ tùy chỉnh cho phép bạn tạo một giá trị hreflang với thuộc tính ngôn ngữ và quốc gia mà bạn chọn. Ví dụ: nếu bạn muốn nhắm mục tiêu đến độc giả nói tiếng Pháp ở Canada, bạn có thể tạo một ngôn ngữ tùy chỉnh với hreflang="fr-ca".
Để thêm một ngôn ngữ tùy chỉnh, hãy truy cập WPML → Ngôn ngữ và trong phần Ngôn ngữ trang web, nhấp vào liên kết Chỉnh sửa ngôn ngữ. Sau đó, nhấp vào nút Thêm ngôn ngữ ở dưới cùng.
Để biết thêm thông tin về cách thiết lập ngôn ngữ tùy chỉnh, hãy đọc hướng dẫn từng bước của chúng tôi về cách thêm ngôn ngữ tùy chỉnh.