Tối ưu hóa Hreflang để cải thiện SEO
Dữ liệu từ Ahrefs
Số lượng trang web liên kết đến bài đăng này.
Lưu lượng tìm kiếm hữu hạn hàng tháng ước tính cho bài đăng này.
Nếu trang web của bạn có nhiều ngôn ngữ, bạn phải hiểu và sử dụng thuộc tính hreflang. Trong bài viết này, chúng ta sẽ bao gồm tất cả từ khái niệm cơ bản, triển khai và khắc phục sự cố thường gặp.
Hreflang là một thuộc tính HTML đơn giản, nhưng nó có thể khó khăn để làm quen với nó.
John Mueller của Google đã mô tả hreflang là “một trong những khía cạnh phức tạp nhất của SEO” vì nó trở nên “rất khó khăn nhanh chóng”.
Nhưng đừng để điều đó làm bạn nản lòng. Hreflang không phức tạp đến mức đó, và bạn có thể tự động hóa nó một cách lớn. (Chúng ta sẽ nói về điều đó sau này.)
Dưới đây là tất cả những gì bạn sẽ học được trong hướng dẫn này:
- Nếu bạn mới bắt đầu với SEO kỹ thuật, hãy xem qua hướng dẫn của chúng tôi.
- Hreflang là một thuộc tính HTML được sử dụng để chỉ định ngôn ngữ và mục tiêu địa lý của một trang web. Nếu bạn có nhiều phiên bản của cùng một trang trong các ngôn ngữ khác nhau, bạn có thể sử dụng thẻ hreflang để thông báo cho các công cụ tìm kiếm như Google về các biến thể này. Điều này giúp họ hiển thị phiên bản chính xác cho người dùng của mình.
Tại sao hreflang quan trọng cho SEO?
Nếu bạn đã dành thời gian dịch nội dung của mình sang nhiều ngôn ngữ, bạn muốn các công cụ tìm kiếm hiển thị phiên bản phù hợp nhất cho người dùng của họ.
Cả Google và Yandex đều xem xét các thẻ hreflang để giúp thực hiện điều này.
Bing cho biết hreflang chỉ là một tín hiệu yếu đối với họ và họ chủ yếu dựa vào thuộc tính ngôn ngữ nội dung HTML, liên kết và người truy cập trang web của bạn để xác định ngôn ngữ. Tuy nhiên, họ vẫn khuyến nghị bạn sử dụng nó trong tài liệu chính thức của họ.
Baidu không xem xét các thẻ hreflang. Họ dựa vào thuộc tính ngôn ngữ nội dung HTML.
Phục vụ ngôn ngữ bản địa của người dùng cũng cải thiện trải nghiệm của họ. Điều này thường dẫn đến ít người nhấp chuột ra khỏi trang web của bạn và quay lại kết quả tìm kiếm (tức thời gian lưu trên trang web cao hơn), tỷ lệ thoát thấp hơn, thời gian lưu trên trang web cao hơn, v.v. – tất cả những điều tốt khác mà chúng ta tin rằng có tác động tích cực đến SEO và xếp hạng.
Nhưng như Gary Illyes của Google đã đề cập trong video này, các thẻ hreflang cũng có thể ảnh hưởng trực tiếp đến xếp hạng vì các trang trong một nhóm hreflang sẽ chia sẻ các tín hiệu xếp hạng của nhau. Trang phù hợp nhất sẽ xác định vị trí xếp hạng, nhưng trang phù hợp nhất cho người dùng sẽ được hiển thị trong kết quả tìm kiếm.
Ý nghĩa của thẻ hreflang
Thẻ hreflang sử dụng cú pháp đơn giản và nhất quán:
- <link rel=”alternate” hreflang=”x” href=”https://example.com/alternate-page”>
Đây là ý nghĩa của từng phần trong mã đó bằng tiếng Việt:
- link rel=”alternate”: Liên kết trong thẻ này là phiên bản thay thế của trang này.
- hreflang=”x”: Đó là phiên bản thay thế vì nó ở một ngôn ngữ khác, và ngôn ngữ đó là x.
- href=”https://example.com/alternate-page”: Trang thay thế có thể được tìm thấy tại URL này.
Cách xây dựng thẻ hreflang
Xây dựng thẻ hreflang rất đơn giản, chỉ cần tra cứu mã cho ngôn ngữ bạn chọn và điền vào thẻ. Hreflang hỗ trợ bất kỳ mã ngôn ngữ ISO 639-1 hai ký tự nào. (Xem danh sách đầy đủ tại đây.)
Ví dụ:
Giả sử chúng ta muốn thêm thẻ hreflang từ phiên bản tiếng Anh của bài đăng trên blog của chúng tôi về các công cụ nghiên cứu từ khóa miễn phí sang phiên bản tiếng Đức. Đây là thẻ hreflang chúng ta sẽ sử dụng:
- <link rel=”alternate” hreflang=”de” href=”https://example.com/de/kostenlose-keyword-recherche-tools/”>
Định rõ vùng địa phương (tùy chọn)
Mặc dù chỉ định ngôn ngữ và để đó không sao cả, thẻ hreflang cũng hỗ trợ việc thêm một khu vực hoặc quốc gia. Đây cũng là một mã hai ký tự, nhưng lần này nó là định dạng ISO 3166-1 alpha-2 (danh sách đầy đủ). Bạn chỉ cần thêm điều này khi bạn muốn nhắm đến người nói một ngôn ngữ cụ thể trong một địa điểm cụ thể. Ví dụ:
- Người nói tiếng Anh ở Vương quốc Anh:
- <link rel=”alternate” hreflang=”en-gb” href=”https://example.com/uk/hello”>
- Người nói tiếng Anh ở Hoa Kỳ:
- <link rel=”alternate” hreflang=”en-us” href=”https://example.com/us/hello”>
Bạn có thể thấy cú pháp ở đây là: hreflang=”ngôn ngữ-quốc gia”.
Tại sao bạn có thể cần chỉ định cả hai?
Hãy tưởng tượng rằng bạn đang vận hành một cửa hàng thương mại điện tử bán một sản phẩm duy nhất. Cửa hàng của bạn vận chuyển hàng đến cả Mỹ và Vương quốc Anh, hai quốc gia nói tiếng Anh. Tuy nhiên, khách hàng ở Mỹ muốn mua bằng đô la, trong khi khách hàng ở Vương quốc Anh muốn mua bằng đồng bảng Anh.
Để giải quyết vấn đề này, bạn tạo ra hai phiên bản của trang sản phẩm của bạn. Một phiên bản hiển thị giá bằng đô la, một phiên bản hiển thị giá bằng đồng bảng Anh.
Có thể cũng có những lúc bạn cần làm ngược lại: tức là nhắm đến người nói nhiều ngôn ngữ trong cùng một quốc gia.
Ví dụ, hãy tưởng tượng rằng bạn có một bài viết trên blog về các chuyến đi trên đường ngân sách ở Canada. Canada có hai ngôn ngữ chính thức: tiếng Anh và tiếng Pháp. 56,9% và 21,3% người dân Canada nói tiếng Anh và tiếng Pháp, vì vậy có khả năng bạn sẽ được hưởng lợi từ việc có hai biến thể của bài viết này.
Các nguyên tắc cơ bản của triển khai hreflang
Thẻ hreflang rất dễ triển khai, và chúng ta sẽ thảo luận về ba phương pháp để làm điều đó sau đây. Nhưng bất kể phương pháp nào bạn chọn, luôn nhớ ba quy tắc vàng mà bạn phải nhớ:
Quy tắc #1: Thẻ hreflang là hai chiều
Rất quan trọng hiểu rằng thẻ hreflang hoạt động theo cặp. Điều này có nghĩa là nếu bạn thêm một thẻ hreflang vào trang tiếng Anh trỏ đến phiên bản tiếng Ý, thì phiên bản tiếng Ý phải làm tương tự bằng cách thêm một thẻ hreflang trỏ đến trang tiếng Anh.
Điều này cho biết với các công cụ tìm kiếm rằng bạn kiểm soát cả hai trang và chúng đồng ý về mối quan hệ của họ với nhau.
Quy tắc #2: Tự tham chiếu hreflang là một quy tắc tốt
Google khẳng định “mỗi phiên bản ngôn ngữ phải liệt kê chính nó cũng như tất cả các phiên bản ngôn ngữ khác”. Nghĩa đen, điều đó có nghĩa là mỗi trang phải có một thẻ hreflang tự tham chiếu, tức là trỏ lại chính trang đó.
Vì vậy, nếu chúng ta muốn thêm thẻ hreflang giữa một trang tiếng Anh (https://example.com/hello) và một trang tiếng Ý (https://example.com/ciao), mỗi trang sẽ có các thẻ hreflang sau đây:
- Thẻ hreflang đầu tiên chỉ định URL của phiên bản tiếng Ý thay thế của trang và thẻ thứ hai là một thẻ tự tham chiếu trỏ lại trang đó.
Trang tiếng Ý cũng cần cả hai thẻ hreflang này.
Quy tắc #3: Thẻ x-default được khuyến nghị, nhưng không bắt buộc
Thẻ x-default hreflang chỉ định trang mặc định hoặc dự phòng được hiển thị cho người dùng khi không có biến thể ngôn ngữ khác phù hợp. Bạn không cần phải sử dụng chúng, nhưng Google khuyến nghị bạn nên làm điều đó. Đây là dạng thẻ x-default:
Lưu ý rằng thẻ hreflang hoạt động dựa trên sự phù hợp tốt nhất. Nghĩa là Google trả lại phiên bản nội dung mà nó cho rằng phù hợp nhất dựa trên các tín hiệu khác nhau như quốc gia của người dùng và các thiết lập ngôn ngữ.
Cách triển khai thẻ hreflang
Có ba cách triển khai thuộc tính hreflang:
- Thẻ HTML
- HTTP headers
- Sitemaps
1. Triển khai thẻ hreflang bằng HTML
Nếu bạn mới bắt đầu với hreflang, thì sử dụng các thẻ HTML cơ bản có lẽ là cách dễ nhất và nhanh nhất để triển khai. Bạn chỉ cần thêm bất kỳ thẻ hreflang phù hợp nào (như đã thảo luận ở trên) vào phần <head> của trang web.
Ví dụ:
Gần đây chúng tôi đã ra mắt blog Ahrefs bằng nhiều ngôn ngữ khác nhau, bao gồm tiếng Đức, tiếng Nga, tiếng Trung và tiếng Tây Ban Nha. Chúng tôi đang dần dần dịch các bài viết tiếng Anh trên blog chính của chúng tôi sang các ngôn ngữ này. Một trong những bài viết chúng tôi đã dịch sang tiếng Trung và tiếng Đức là danh sách các công cụ nghiên cứu từ khóa miễn phí tốt nhất của chúng tôi.
Đây là URL cho tất cả ba biến thể:
- Tiếng Anh: https://ahrefs.com/blog/free-keyword-research-tools/
- Tiếng Đức: https://ahrefs.com/blog/de/kostenlose-keyword-recherche-tools/
- Tiếng Trung: https://ahrefs.com/blog/zh/free-keyword-research-tools/
Để triển khai các thẻ hreflang đúng cho cài đặt này, chúng ta sẽ thêm mã này vào phần <head> của mỗi trang:
- <link rel=”alternate” hreflang=”de” href=”https://ahrefs.com/blog/de/kostenlose-keyword-recherche-tools/”>
2. Triển khai hreflang HTTP headers
Đối với các trang không phải là HTML như PDF, không thể triển khai hreflang bằng cách đặt thẻ trong phần <head> của HTML. Lý do là không có HTML. Trong trường hợp đó, bạn có thể sử dụng tiêu đề HTTP để chỉ định ngôn ngữ tương đối của các biến thể tài liệu. Phương pháp này cũng hoạt động tốt với các trang web thông thường nhưng thường được sử dụng nhiều hơn với các loại nội dung khác.
Ví dụ:
Hãy tưởng tượng rằng chúng ta chuyển đổi mỗi phiên bản (tiếng Anh, tiếng Tây Ban Nha, tiếng Đức) của bài viết về các công cụ nghiên cứu từ khóa miễn phí thành PDF. Đây là tiêu đề HTTP cho mỗi tệp:
3. Triển khai hreflang trong sitemap XML của bạn
Các sitemap có thể bao gồm đánh dấu liên quan để chỉ định hreflang của một trang và các biến thể của nó. Đối với điều này, bạn có thể sử dụng thuộc tính xhtml:link.
Ví dụ:
Nếu chúng ta tiếp tục với ví dụ ban đầu của chúng ta (ba biến thể HTML của danh sách các công cụ từ khóa miễn phí), sau đây là đánh dấu đầy đủ cho sitemap của chúng ta:
Làm thế nào để tự động hóa triển khai hreflang
Ở phần đầu hướng dẫn này, tôi đã trích dẫn một tweet từ John Mueller của Google, trong đó ông nói rằng thuộc tính hreflang là một phần phức tạp nhất của SEO. Đây là tweet đó:
Ông nói rằng nó “trở nên rất khó khăn nhanh chóng”.
Điều này chắc chắn đúng đối với các trang web đa ngôn ngữ lớn. Tuy nhiên, giả sử rằng bạn đang đọc cái gì đó thực sự là một hướng dẫn cho người mới sử dụng thẻ hreflang, đoán của tôi là trang web của bạn không phải là một thương hiệu đa quốc gia với hàng ngàn khách hàng, mà thay vào đó là một trang web nhỏ đến trung bình với một số nội dung đa ngôn ngữ.
Nếu đúng như vậy, tôi có tin tốt:
Việc tạo và triển khai thẻ hreflang của bạn có thể tự động hóa một cách lớn.
Để làm điều này, sao chép mẫu Google Sheets này, sau đó làm theo hướng dẫn dưới đây.
1. Chọn ngôn ngữ và địa phương
Đi đến tab “Setup” trong Google Sheet. Chọn ngôn ngữ mặc định (hoặc ngôn ngữ-vị trí) cho trang web của bạn, cùng với tối đa bốn biến thể khác.
Ví dụ, nếu chúng ta đang thiết lập bảng này cho blog Ahrefs, chúng ta sẽ xác định tiếng Anh là mặc định, sau đó tiếng Tây Ban Nha, tiếng Đức, tiếng Nga và tiếng Trung là bốn biến thể thay thế.
2. Dán URL của bạn
Chuyển đến tab “URLs”. Bạn sẽ thấy tới năm cột, mỗi cột sẽ có một ô tiêu đề tương ứng với các ngôn ngữ được chọn ở bước trước. Có cột cảu “x-default” giá trị mặc định.
Dán URL vào bảng như thích hợp.
Ví dụ, nếu chúng ta đang làm điều này cho blog Ahrefs, chúng ta sẽ dán bài viết tiếng Anh (ngôn ngữ chính/mặc định của chúng tôi) vào cột đầu tiên. Sau đó, chúng ta sẽ dán URL của các phiên bản dịch tương ứng vào các cột khác.
Làm điều này cho tất cả các trang quốc tế liên quan trên trang web của bạn.
3. Tải xuống sitemap XML chứa hreflang
Chuyển đến tab “Results” nơi bạn sẽ tìm thấy mã tự động tạo cho một sitemap XML.
Sao chép tất cả mọi thứ trong cột A. Dán nó vào tài liệu XML.
Tải lên điều này lên trang web của bạn, sau đó gửi lên Google qua Search Console.
4. Ghi lại các thay đổi trong bảng tính
Mỗi khi bạn thêm hoặc xóa một trang dịch khỏi trang web của bạn, ghi lại thay đổi đó trong Google Sheet này. Nếu bạn xóa một trang, hãy xóa URL đó. Nếu bạn thêm một phiên bản dịch mới của một trang vào trang web của bạn, hãy thêm nó vào cột thích hợp.
Bảng tính sẽ tự động tạo lại mã sitemap khi bạn thêm hoặc xóa URL. Chỉ cần sao chép/dán mã mới vào sitemap của bạn thay thế mã cũ.
Làm thế nào để kiểm tra trang web của bạn cho các vấn đề hreflang
Dù bạn cố gắng kiểm soát thẻ hreflang càng tốt càng tốt, nhưng có những lỗi mà bạn sẽ không thể tránh khỏi. Vì vậy, rất quan trọng để kiểm tra định kỳ trang web của bạn để phát hiện các vấn đề hreflang và khắc phục chúng ngay lập tức.
Cách dễ nhất để làm điều này là sử dụng công cụ Site Audit của Ahrefs để kiểm tra trang web của bạn cho hàng trăm vấn đề liên quan đến SEO, bao gồm cả vấn đề liên quan đến hreflang.
Dưới đây là chín vấn đề liên quan đến hreflang mà Site Audit có thể phát hiện, và cách khắc phục chúng:
1. Thiếu thẻ hreflang tự tham chiếu
Cảnh báo này xuất hiện khi thiếu thẻ hreflang tự tham chiếu trên một hoặc nhiều trang.
Tại sao đó là vấn đề
Để làm rõ điểm từ trước đây của chúng tôi, Google khẳng định “mỗi phiên bản ngôn ngữ phải liệt kê chính nó cũng như tất cả các phiên bản ngôn ngữ khác,” vì vậy việc sử dụng một thẻ hreflang tự tham chiếu khi bạn thêm một thẻ hreflang vào một trang web là rất quan trọng.
Cách khắc phục
Xem lại các trang ảnh hưởng, sau đó thêm một thẻ hreflang tự tham chiếu vào mỗi trang bằng cách sử dụng phương pháp bạn đã chọn.
2. Thẻ hreflang không hợp lệ
Cảnh báo này xuất hiện khi một hoặc nhiều URL có các thẻ hreflang với mã ngôn ngữ hoặc địa điểm không hợp lệ.
Tại sao đó là vấn đề
Các công cụ tìm kiếm bỏ qua bất kỳ thẻ hreflang không hợp lệ nào, có nghĩa là họ có thể bỏ qua các phiên bản thay thế của trang của bạn. Điều này không tốt cho SEO vì điều đó có nghĩa là các công cụ tìm kiếm có thể không thể hiển thị phiên bản phù hợp nhất của trang cho người dùng.
Cách khắc phục
Xem lại trang bị ảnh hưởng. Kiểm tra cột “Is valid hreflang” để xem các thẻ hreflang không hợp lệ cho mỗi trang. Xóa chúng và thay thế bằng các thẻ hreflang sử dụng các mã ngôn ngữ hoặc định dạng mã quốc gia hợp lệ.
3. Trang chỉ tham chiếu cho nhiều ngôn ngữ trong hreflang
Cảnh báo này xuất hiện khi một hoặc nhiều URL được tham chiếu cho nhiều ngôn ngữ trong các chú thích hreflang. Ví dụ:
- <link rel=”alternate” hreflang=”en” href=”http://example.com/page.html”>
- <link rel=”alternate” hreflang=”de” href=”http://example.com/page.html”>
Tại sao đó là vấn đề
Mỗi nội dung chỉ nên phục vụ một ngôn ngữ hoặc ngôn ngữ-vị trí. Việc tham chiếu hai hoặc nhiều ngôn ngữ mâu thuẫn sẽ làm rối các công cụ tìm kiếm và họ có thể bỏ qua hoặc hiểu sai các chỉ thị như vậy.
Cách khắc phục
Xem lại trang ảnh hưởng. Kiểm tra các URL tham chiếu trang trong các thuộc tính hreflang của chúng để tìm lỗi. Xóa thuộc tính hreflang không chính xác để chỉ còn lại một thuộc tính hreflang chính xác cho mỗi ngôn ngữ.
4. Thiếu thẻ hreflang chéo (không có thẻ return-tag)
Cảnh báo này xuất hiện khi thiếu các liên kết xác nhận (return) cho các trang được khai báo trong các chú thích hreflang.
Tại sao đó là vấn đề
Các thẻ hreflang hoạt động theo cặp (tức là nếu trang A liên kết đến trang B trong các chú thích hreflang, thì trang B phải liên kết trở lại trang A trong các chú thích return).
Cách khắc phục
Xem lại các trang ảnh hưởng. Thêm các thẻ hreflang chéo khi cần thiết.
Một cách khác để kiểm tra vấn đề này là…
Đi đến báo cáo định vị quốc tế trong Google Search Console và chọn tab “Language”. Các vấn đề liên quan đến việc thiếu các thẻ trả về sẽ được hiển thị.
5. Thẻ hreflang trỏ đến trang không bản chất
Cảnh báo này xuất hiện khi một hoặc nhiều trang chỉ định một URL không bản chất trong các thẻ hreflang của chúng.
Tại sao đó là vấn đề
Rel=”alternate” hreflang=”x” sẽ chỉ định cho các công cụ tìm kiếm hiển thị phiên bản dịch (địa phương hóa) của một trang trong khi thuộc tính rel=canonical sẽ cho biết đây không phải là phiên bản chính thức (canonical). Hai thuộc tính này mâu thuẫn và làm rối các công cụ tìm kiếm.
Cách khắc phục
Xem lại các trang ảnh hưởng. Sửa các chú thích hreflang của chúng để chỉ trỏ đến các URL chính thức. Hoặc, nếu bạn tìm thấy một trang với một thẻ canonica
Nguồn tham khảo: https://ahrefs.com/blog/hreflang-tags/
