Brand Design - Thương hiệu website chuẩn SEOBrand Design - Thương hiệu website chuẩn SEOBrand Design - Thương hiệu website chuẩn SEOBrand Design - Thương hiệu website chuẩn SEO
Bình Dương, Việt Nam
(84) 0986 923 274
(08:00 am - 05:00 pm)
info@branddesign.vn

Khám phá về Thẻ Hreflang và Hướng dẫn thêm “Hreflang” cho website WordPress từ A đến Z

  • Brand Design
  • Tổng hợp
  • Khám phá về Thẻ Hreflang và Hướng dẫn thêm “Hreflang” cho website WordPress từ A đến Z

Bạn đang khao khát để trang web của mình thể hiện nội dung đa ngôn ngữ phong phú? Đúng vậy, để đạt được điều này, việc nắm vững và áp dụng hiệu quả thẻ hreflang là một yếu tố cốt yếu trong việc thực hiện SEO kỹ thuật.

Có thể bạn đã nghe qua một số thông tin: Hreflang là một thuộc tính đơn giản trong HTML, tuy nhiên, việc thấu hiểu bản chất của nó thường không hề dễ dàng.

Không có vấn đề gì cả. Hreflang không phức tạp để hiểu và bạn hoàn toàn có thể tự động hóa nó. Trong bài chia sẻ này, Brand Design sẽ trình bày toàn bộ thông tin về Hreflang, từ khái niệm cơ bản về thẻ hreflang là gì, đến cách thực hiện triển khai và giải quyết những vấn đề phổ biến thường gặp.

Khái niệm Thẻ Hreflang là gì?

Thẻ hreflang là một đoạn mã được sử dụng để giúp Google xác định ngôn ngữ của trang web, từ đó cung cấp kết quả tìm kiếm phù hợp cho người dùng.

Mã này cho phép một trang web quốc tế hiển thị kết quả tìm kiếm dựa trên ngôn ngữ hoặc vị trí của người tìm kiếm.

Mẫu thẻ Hreflang:

link rel=”alternate” href=”http://example.com” hreflang=”en-us” />

 

Vị trí đặt Thẻ Hreflang là gì?

Theo hướng dẫn từ Google Support, Thẻ Hreflang sẽ được đặt ở 3 vị trí:

  1. Trong phần đầu HTML của trang dưới dạng liên kết:

    • Thuộc tính rel="alternate" href="(URL)" hreflang="(ngôn ngữ và mã quốc gia)"
    • rel="alternate": Tương tự như thẻ rel="canonical", đây là mã cho các công cụ tìm kiếm biết về sự tồn tại của phiên bản trang web khác.
    • href=: URL dẫn đến vị trí trang thay thế.
    • hreflang=: Thuộc tính chỉ định ngôn ngữ và quốc gia của trang thay thế.
  2. Trong HTTP Header (cho các tệp không phải HTML như PDF):

    • Sử dụng tiêu đề HTTP để triển khai hreflang cho các tệp PDF và nội dung không phải HTML. Ví dụ:
    Link: <http://en.example.com/document.pdf>; rel="alternate"; hreflang="en",
    <http://fr.example.com/document.pdf>; rel="alternate"; hreflang="fr"
  3. Trên XML Sitemap:

    • Triển khai hreflang thông qua tệp sitemap.xml.

Nhấn mạnh:

  • Mã ngôn ngữ theo chuẩn ISO 639-1, ví dụ: en (tiếng Anh), es (tiếng Tây Ban Nha).
  • Mã quốc gia tuân theo ISO 3166-1 Alpha 2, ví dụ: au (Úc), sg (Singapore).
  • Khi viết thẻ hreflang, mã ngôn ngữ đứng trước, sau đó đến mã quốc gia, ví dụ: en-au, es-us, zh-sg.
  • Phần <head> chứa thông tin không hiển thị trên trang, là nơi để đặt thuộc tính hreflang.
  • Phần <header> giúp các bot hoặc trình đọc màn hình hiểu về phần mở đầu của trang.

Ngoài ra, bạn có thể sử dụng tiêu đề HTTP để triển khai hreflang cho tệp PDF và nội dung không phải HTML trên trang web của bạn. Hoặc, có thể triển khai hreflang qua tệp sitemap.xml.

Khi nào nên sử dụng Thẻ Hreflang?

Thẻ hreflang mang ý nghĩa quan trọng trong mọi chiến lược SEO.

Trường hợp 1: Website với các phiên bản ngôn ngữ khác nhau: Trang web của bạn có thể có các phiên bản khác nhau trong các ngôn ngữ thay thế.

Ví dụ: Sử dụng hreflang="es-es" để chỉ ra tiếng Tây Ban Nha dành cho Tây Ban Nha, thay vì hreflang="es-mx" để chỉ tiếng Tây Ban Nha cho Mexico.

Trường hợp 2: Website với nội dung khác nhau trong cùng một ngôn ngữ: Trang web có thể cung cấp nội dung khác nhau trong cùng một ngôn ngữ.

Ví dụ: Trang web của bạn cung cấp nội dung tiếng Anh cho Úc, Anh và Hoa Kỳ, nhưng cung cấp các ưu đãi địa phương khác nhau (ví dụ: đơn vị tiền tệ). Trong trường hợp này, bạn có thể sử dụng mã sau:

<link rel="alternate" href="http://example.com/" hreflang="en" />
<link rel="alternate" href="http://example.com/" hreflang="en-gb" />
<link rel="alternate" href="http://example.com/" hreflang="en-au" />

Việc sử dụng Thẻ hreflang giúp tối ưu hóa hiệu suất SEO cho nội dung. Tương tự như các thẻ tiêu chuẩn, hreflang giúp tránh việc bị xem là nội dung trùng lặp. Bên cạnh việc cung cấp nội dung đa ngôn ngữ, bạn cũng có thể tùy chỉnh nội dung dành cho từng khu vực ngôn ngữ khác nhau.

Ví dụ: Sử dụng hreflang="es-es" để chỉ ra tiếng Tây Ban Nha dành cho Tây Ban Nha, thay vì hreflang="es-mx" để chỉ tiếng Tây Ban Nha cho Mexico.

Cách Thêm Thẻ Hreflang vào WordPress

Có hai phương pháp để nhập thẻ hreflang vào trang web WordPress.

Phương pháp 1: Sử dụng Plugin Nếu bạn sử dụng các plugin đa ngôn ngữ như Polylang hoặc WPML, chúng đã cung cấp sẵn tích hợp thẻ hreflang.

Nếu bạn xây dựng trang web đa ngôn ngữ mà không dùng các plugin trên, bạn có thể cài đặt và kích hoạt plugin HREFLANG Tags Lite.

Plugin HREFLANG Tags Lite Dùng Plugin HREFLANG Tags Lite để tạo trang web đa ngôn ngữ Đầu tiên, truy cập vào HREFLANG và chọn “Dashboard,” sau đó chọn các “Content types” mà bạn muốn áp dụng thẻ hreflang. Sau đó, chỉnh sửa bài viết và chèn liên kết thay thế ngôn ngữ. Nếu bạn có nhiều bài viết liên quan, bạn có thể nâng cấp lên phiên bản Pro của plugin để áp dụng thẻ hreflang cho nhiều trang cùng một lúc, tiết kiệm thời gian và công sức.

Phương pháp 2: Chèn Thủ công Trong cách này, bạn chỉ cần tạo một thẻ hreflang có định dạng tương tự và thêm vào phần 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: Truy cập “Appearance,” chọn “Editor,” tìm file header.php và thêm thẻ hreflang. Sau đó, nhấn “Update File” để lưu thay đổi. Đối với Genesis Framework: Truy cập “Genesis,” chọn “Theme Settings,” sau đó chọn “Header and Footer Scripts” và nhập “Enter scripts or code you would like output to wp_head().” Tiếp theo, thêm thẻ hreflang và nhấn “Save Changes” để lưu cài đặt.

Lưu ý: Thêm thẻ hreflang bằng tay có thể gây lỗi trong Google Search Console do thiếu sự tương tác trực tiếp. Vì vậy, tôi khuyên bạn nên sử dụng plugin để thêm.

Kiểm tra thẻ hreflang trong nguồn trang Ưu Điểm của Việc Sử Dụng Hreflang là gì?

Bạn nên sử dụng hreflang vì hai lý do quan trọng:

  1. Để cải thiện trải nghiệm người dùng: Cung cấp nội dung độc đáo cho mỗi đối tượng và dịch vụ trong ngôn ngữ riêng biệt sẽ tạo ra sự kết nối mạnh mẽ và đáp ứng mong đợi tìm kiếm của người dùng. Điều này dẫn đến tỷ lệ thoát thấp hơn và xếp hạng trang tốt hơn trên các kết quả tìm kiếm.
  2. Ngăn chặn vấn đề nội dung trùng lặp: Khi bạn có các trang với cùng nội dung trong các ngôn ngữ khác nhau hoặc nội dung vùng trong cùng một ngôn ngữ, Google có thể xem đó là nội dung trùng lặp. Điều này có thể ảnh hưởng đến xếp hạng trang. Như các thẻ chuẩn khác, hreflang giúp ngăn chặn vấn đề về nội dung trùng lặp trên trang web.

Cách Sửa Lỗi Hreflang

Sử dụng International Targeting trong Google Search Console để theo dõi lỗi hreflang hoặc ưu tiên kết quả tìm kiếm cho các quốc gia cụ thể. Báo cáo này bao gồm:

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

Bạn cũng có thể sử dụng các công cụ bên thứ ba như Aleyda Solis’ Hreflang Tags Generator Tool. Ngoài ra, có một số cách khác để sửa lỗi hoặc ngăn chặn chúng, bao gồm:

  1. Cập nhật liên kết trang khi loại bỏ một trang.
  2. Thay đổi URL hreflang trên các trang liên kết đến trang đã được chuyển hướng.
  3. Sử dụng tính năng kiểm tra của seoClarity, Clarity Audit, để thu thập dữ liệu và trích xuất tất cả các thẻ hreflang hiện có trên trang web để khắc phục lỗi.

Giải Quyết Vấn Đề Thiếu Thẻ Hreflang trên Website

Thẻ hreflang không chỉ giúp Google phân biệt ngôn ngữ mà còn kết nối với lựa chọn ngôn ngữ của người dùng. Hãy thêm thẻ hreflang vào trang web của bạn để khắc phục vấn đề này.

Google Search Console Sử dụng Google Search Console để xác định và khắc phục vấn đề thiếu thẻ hreflang Để khắc phục vấn đề này, bạn có thể sử dụng Google Search Console. Sau khi truy cập Google Webmaster, chọn phần International Targeting. Nếu trang web của bạn thiếu thẻ hreflang, Google sẽ thông báo về lỗi này.

Trang web của bạn không có thẻ hreflang. Google Search Console thông báo lỗi “Trang web của bạn không có thẻ hreflang.” Sau đó, bạn có thể sử dụng một trong các công cụ sau để khắc phục vấn đề thiếu thẻ hreflang:

  • Công cụ tạo thẻ hreflang của Aleyda Solis.
  • Công cụ kiểm tra thẻ hreflang Merkle SEO.
  • Trình kiểm tra và xác thực HREFLang.

Những Sai Lầm Phổ Biến cần Tránh với Hreflang

Một trong những sai lầm phổ biến khi làm việc với thẻ hreflang là không sử dụng chúng một cách hợp lệ. Dưới đây là những điểm cần nhớ:

  • Thiếu liên kết xác nhận: Nếu trang A liên kết đến trang B, trang B cần phải liên kết trở lại trang A. Không tuân theo cấu trúc này cho các chú thích hreflang có thể dẫn đến việc chú thích bị bỏ qua hoặc diễn giải sai.
  • Mã ngôn ngữ không chính xác: Sử dụng định dạng mã ngôn ngữ ISO 639-1. Đây là danh pháp chuẩn dùng để phân loại ngôn ngữ. Bạn có thể tìm danh sách đầy đủ trên Wikipedia. Hãy ghi nhớ rằng việc sử dụng mã vùng một mình là không đủ. Nếu bạn sử dụng mã vùng, bạn cũng cần sử dụng mã ngôn ngữ tương ứng.

Kết Luận

Đó là tất cả những chia sẻ về thẻ hreflang từ phía Brand Design. Nó thực sự không quá phức tạp, phải không?

Bây giờ, bạn chỉ cần lên kế hoạch và thực hiện việc thêm thẻ hreflang một cách tự động thông qua các công cụ. Đừng quên luôn cập nhật để giải quyết mọi vấn đề có thể phát sinh và khắc phục chúng càng sớm càng tốt.

Chúc bạn thành công!

Rate this post

Leave A Reply

123B