Thẻ hreflang là gì? Cách thêm thẻ hreflang vào website

Thẻ Hreflang là một trong các loại thẻ khá quan trọng trên website, thẻ hỗ trợ cho việc hiển thị website được tốt hơn. Tuy nhiên, nhiều SEOer vẫn không hiểu rõ thẻ Hreflang là gì và cách thêm “Hreflang” cho website WordPress ra sao? Mona Media đã nghiên cứu về vấn đề này và tổng hợp lại qua nội dung bài viết ngay sau đây. Hãy cùng theo dõi và cập nhật thêm cho mình những kiến thức bổ ích nhé!

Thẻ hreflang là gì?

Thẻ hreflang là một thuộc tính được dùng ở trên các website để gia tăng kết quả tìm kiếm cho một loại ngôn ngữ nào đó. Thuộc tính này còn được người ta gọi là rel=”alternate” hreflang=”x”. Cách dùng thẻ Hreflang vô cùng đơn giản và mang lại cho người dùng hiệu quả rất cao. Chúng ta có thể dùng thuộc tính Hreflang theo cách sau: link rel=”alternate” href=”http://example.com” hreflang=”en-us” />

Thuộc tính Rel = “Alternate” Hreflang = “x” được Google và Yandex hiện đang sử dụng. Thuộc tính này sẽ giúp hiển thị để tìm kiếm những trang web với ngôn ngữ thay thế.

Khi bạn chủ đích tạo ra nội dung dành riêng cho mỗi địa phương nhất định thì thẻ Hreflang chính là một trợ thủ đắc lực nhất. Người dùng tư vấn bằng ngôn ngữ nào thì nội dung web sẽ được hiển thị bằng ngôn ngữ đó.

Chẳng hạn như là bạn có trang chủ tiếng Việt nhưng mong muốn tạo ra một bản bằng tiếng Anh thì sẽ sử dụng Hreflang=”english”. Khi người dùng có địa chỉ IP từ Mỹ hoặc từ các nước có sử dụng tiếng Anh như là ngôn ngữ chính thì văn bản sẽ được hiển thị bằng tiếng Anh. Điều này sẽ giúp cho bạn mở rộng được việc tiếp cận với mục tiêu một cách chính xác và hiệu quả hơn bao giờ hết.

Điều này khiến cho Hreflang trở thành một loại thẻ rất quan trọng trong SEO. Tất cả các SEOer hiện nay đều đang tiếp cận với kỹ thuật gắn thẻ Hreflang để có thể gia tăng hiệu quả SEO lên mức độ cao nhất.

Google và Yandex hiện đang là 2 ông lớn đang nắm rõ kỹ thuật và cách sử dụng hreflang. Một trong số những trang tìm kiếm lớn ví dụ như Bing thì vẫn đang sử dụng thẻ meta ngôn ngữ cho công việc chuyển đổi ngôn ngữ.

Những vị trí đặt thẻ Hreflang thường gặp

Google Support cho bạn biết rằng thẻ Hreflang sẽ được đặt tại 3 vị trí:

Trong phần đầu HTML của trang trong dạng liên kết
Trong HTTP header (đối với các tệp không phải là HTML như PDF)
Trên XML sitemap

Dạng liên kết ở phần đầu HTML của trang

Thuộc tính hreflang sẽ trông giống như sau:

rel=”alternate” href =”(URL)” hreflang=”(ngôn ngữ và mã quốc gia)”

rel=”alternate”: Tương tự như là thẻ rel=”canonical”, đây là mã dành cho các công cụ tìm kiếm biết có một phiên bản khác của trang web này.
href=: URL theo sau href= là vị trí của trang đã được chỉ định.
hreflang=: Thuộc tính hreflang chỉ định ra quốc gia và ngôn ngữ của trang thay thế. Sử dụng ngôn ngữ và mã quốc gia để chỉ định ra trang web nào sẽ hiển thị.

Mã ngôn ngữ cần tuân theo kiểu mã gồm có hai chữ cái của ISO 639-1 khi được viết trong thẻ.

Ví dụ: en (tiếng Anh), zh (tiếng Trung).

Nếu bạn chỉ dịch một trang ở trong cùng 1 quốc gia, thì mã quốc gia là không cần thiết. Tuy vậy, nếu bạn sử dụng mã quốc gia, mã đó phải tuân theo định dạng ISO 3166-1 Alpha 2 – Ví dụ: au (Úc), sg (Singapore).

Khi viết thẻ hreflang, hãy nhớ luôn đặt mã ngôn ngữ trước sau đó là mã quốc gia.

Ví dụ: en-au, es-us, zh-sg.

Trong HTTP Header (các tệp không phải HTML ví dụ như PDF)

Tiêu đề HTTP nên được dùng để triển khai hreflang cho các tệp PDF và nội dung không phải HTML ở trên trang web của bạn. Điều này không có liên quan gì đến với các thẻ HTML trên trang <head> hoặc <header> nhưng được đặt trong phần phụ trợ của một website.

Tuy vậy, để xác định một tài liệu PDF trên website bằng các phiên bản tiếng Anh và tiếng Pháp, liên kết sẽ xuất hiện trong tiêu đề HTTP giống như là dưới đây:

Link: <http://en.example.com/document.pdf>; rel=”alternate”; hreflang=”en”,

<http://fr.example.com/document.pdf>; rel=”alternate”; hreflang=”fr”

Trên XML Sitemap

Cách thứ ba được đề xuất để triển khai hreflang trên một website chính là thông qua sitemap.xml.

Tại sao nên sử dụng thẻ Hreflang cho website

Bạn nên sử dụng hreflang vì những lý do sau:

Để có được trải nghiệm người dùng tuyệt vời hơn: Nội dung đặc biệt dành cho khán giả và được phân phối bằng chính ngôn ngữ riêng của họ sẽ tạo ra một sự thu hút và đáp ứng kỳ vọng tìm kiếm của người dùng. Điều này sẽ dẫn đến tỷ lệ thoát thấp hơn và xếp hạng trang sẽ tốt hơn.
Để ngăn chặn vấn đề duplicate content xảy ra: Nếu bạn sở hữu những trang có cùng nội dung bằng các ngôn ngữ khác nhau hoặc nội dung cụ thể theo vùng bằng cùng một thứ tiếng, Google có thể không hiểu và coi đó là Duplicate Content là gì. Điều này sẽ ảnh hưởng đến xếp hạng của trang. Giống như những thẻ chuẩn, Hreflang giúp tránh các hình phạt liên quan đến Duplicate Content trên các website.

Hướng dẫn khắc phục lỗi thẻ Hreflang là gì?

Sử dụng International Targeting của Google Search Console (viết tắt là GSC) để theo dõi lỗi hreflang hoặc chọn quốc gia sẽ được ưu tiên cho kết quả tìm kiếm. Báo cáo này có các phần sau:

Phần Ngôn ngữ: Giám sát việc dùng và lỗi của thẻ hreflang trên website.
Phần Quốc gia: Đặt mục tiêu quốc gia trên toàn bộ trang web cho toàn bộ website.

Bạn cũng có thể tìm thấy một số công cụ từ bên thứ ba. Một trong số những công cụ phổ biến nhất là Aleyda Solis‘hreflang Tags Generator Tool.

Một số cách khác để có thể sửa hoặc ngăn lỗi xuất hiện bao gồm:

Cập nhật liên kết trang nếu xóa một trang.
Thay đổi URL hreflang trên những trang được liên kết với trang đã tạo chuyển hướng.
Tính năng kiểm tra website của SEOClarity, Clarity Audit cho phép thu thập dữ liệu của website và trích xuất toàn bộ các thẻ hreflang đi kèm hiện có trên website để giải quyết các lỗi.

Cách thêm thẻ Hreflang vào WordPress nhanh chóng nhất

Có 2 cách để chèn thẻ hreflang trong vào website WordPress.

Cách 1: Sử dụng Plugin

Nếu bạn đang sử dụng các plugin đa ngôn ngữ (multi-languages), giả dụ như Polylang hay WPML thì những plugin này đã trang bị sẵn tính năng làm điều đó.

Nếu tạo ra một website đa ngôn ngữ mà không có sử dụng các plugin kể trên, hãy cài đặt và kích hoạt plugin HREFLANG Tags Lite.

Đầu tiên bạn hãy truy cập vào HREFLANG rồi sau đó click chọn “Dashboard”, tiếp theo tiếp tục tick chọn các “Content types” mà bạn muốn chèn vào hreflang.

Sau đó bạn hãy tiến hành chỉnh sửa bài viết và chèn link ngôn ngữ thay thế vào. Nếu có quá nhiều bài viết có liên quan, hãy mua phiên bản Pro của plugin để có thể chèn thẻ hreflang cho cùng một lúc nhiều trang, giúp tiết kiệm được nhiều thời gian và công sức.

Cách 2: Chèn thủ công

Cách này, bạn chỉ cần tạo ra một thẻ hreflang có cấu trúc như trên, sau đó thêm vào trước thẻ </head> trong theme hoặc child theme mà bạn đang sử dụng.

Đối với theme thông thường: Hãy vào “Appearance” chọn “Editor”, tìm file header.php và rồi thêm thẻ hreflang vào. Click chọn vào “Update File” để lưu lại thay đổi.
Đối với Genesis Framework: Bạn hãy tiến hành truy cập “Genesis”, click “Theme Settings” chọn “Header and Footer Scripts” và rồi sau đó chọn tiếp “Enter scripts or code you would like output to wp_head()”. Cuối cùng, bạn hãy tiến hành chèn thẻ hreflang vào và “Save Changes” lưu lại thiết lập.

Lưu ý rằng: Trong khi tiến hành chèn thủ công sẽ dễ gây lỗi trong Google Search Console do không có thẻ trả lại. Vì thế, chúng tôi khuyên bạn nên chèn bằng plugin.

Sau khi thực hiện thành công, bạn nên kiểm tra page sources và dòng như thế này sẽ hiện ra:

Những sai lầm phổ biến nhất khi sử dụng thẻ Hreflang

Một trong số những sai lầm lớn nhất của người lập trình là không sử dụng được thẻ hreflang hợp lệ. Chính vì thế, bạn hãy nên ghi nhớ các điều được liệt kê dưới đây:

Thiếu liên kết xác nhận. Nếu trang A có liên kết đến trang B thì trang B cũng phải liên kết trở lại với trang A. Google sẽ cảnh báo rằng nếu như bạn không tuân theo cấu trúc liên kết này cho toàn bộ các chú thích hreflang, các chú thích có thể bị bỏ qua hoặc diễn giải một cách không chính xác.

Mã ngôn ngữ không chính xác. Dùng định dạng ISO 639-1 cho mã ngôn ngữ. Đây là một danh pháp chuẩn hóa được sử dụng để phân loại ngôn ngữ. Một danh sách toàn diện có sẵn ngay ở trên Wikipedia. Hãy nhớ rằng, chỉ sử dụng mã vùng thực sự là không đủ. Nếu như bạn sử dụng mã vùng, bạn cũng cần phải sử dụng mã ngôn ngữ.

Hy vọng, qua những chia sẻ trên đây bạn đã tìm hiểu chi tiết về câu hỏi thẻ hreflang là gì? và một số thông tin có liên quan đến thẻ hreflang. Từ đó có thể dựa vào những kiến thức để lập trình thành công thẻ hreflang cho trang web của mình. Đừng quên theo dõi Mona Media để cập nhật thêm thật nhiều kiến thức nhé!

Yêu cầu báo giá

Thông tin công ty
Monamedia - Công ty thiết kế website cao cấp

Địa chỉ:

1073/23 Cách Mạng Tháng 8, P.7, Q. Tân Bình, TP.HCM
Điện thoại:

1900 636 648
Bấm 108 - Phòng kinh doanh
Bấm 103 - Phòng kỹ thuật
Email:

[email protected]
Skype:

Bạn gặp khó khăn khi chọn gói dịch vụ?
Hãy để Monamedia tư vấn cho bạn

Thẻ hreflang là gì? Cách thêm thẻ hreflang vào website