Hướng dẫn thêm thẻ hreflang vào website WordPress một cách đơn giản.
Hreflang là một trong những thẻ quan trọng giúp xác định ngôn ngữ trang web của bạn với các công cụ tìm kiếm. Thẻ này đã được Google công bố sử dụng vào tháng 04/2014 nhưng đến tận tháng 07/2014, Google mới cập nhật phần này trong Google Search Console. Nhờ hreflang, các công cụ tìm kiếm có thể dễ dàng xếp hạng trang web của bạn (dựa theo ngôn ngữ) một cách chính xác hơn. Ví dụ, bạn thêm thẻ hreflang="vi" thì Google Bots sẽ nhanh chóng hiểu được rằng trang web của bạn sử dụng ngôn ngữ là tiếng Việt và nhờ đó, bạn có được thứ hạng cao hơn trên bảng kết quả tìm kiếm tại Việt Nam.
Tham khảo thêm:
- Khai báo ngôn ngữ cho website sử dụng mã nguồn WordPress
- Mẫu file robots.txt chuẩn dành cho website WordPress
Cấu trúc của thẻ hreflang
Một thẻ hreflang thường có cấu trúc như sau:
<link rel="alternate" href="http://example.com" hreflang="x-default" />Trong đó:
- http://example.com là địa chỉ trang web của bạn.
- x-default là mã ngôn ngữ và mã quốc gia.
Ví dụ, nếu blog WP Căn bản sử dụng 2 ngôn ngữ (tiếng Anh tại địa chỉ https://wpcanban.com/en và tiếng Việt tại địa chỉ https://wpcanban.com/vi), tôi sẽ thêm các thẻ hreflang như sau:
<link rel="alternate" href="https://wpcanban.com/vi" hreflang="vi-vn" />
<link rel="alternate" href="https://wpcanban.com/en" hreflang="en-us" />Thêm thẻ hreflang vào website WordPress
Có 2 cách khác nhau để chèn thẻ hreflang vào website WordPress. Trong đó, cách sử dụng plugin là tối ưu hơn và chúng tôi khuyến khích các bạn lựa chọn nó.
Sử dụng plugin
Nếu bạn đang sử dụng các plugin đa ngôn ngữ (multi-languages), chẳng hạn như Polylang hay WPML thì xin chúc mừng, những plugin này đã trang bị sẵn tính năng giúp bạn làm điều đó.
Nếu bạn tạo website đa ngôn ngữ mà không sử dụng các plugin kể trên, hãy cài đặt và kích hoạt plugin HREFLANG Tags Lite (download).
Truy cập HREFLANG => Dashboard, tick vào những loại bài viết mà bạn muốn chèn thẻ hreflang sau đó lưu lại.
Tiến hành chỉnh sửa từng bài viết đã đăng tải trước đó để chèn link ngôn ngữ vào:
Nếu bạn có quá nhiều bài viết, hãy mua phiên bản Pro của plugin này tại đây để có thể chèn thẻ hreflang cho cùng lúc nhiều trang, giúp tiết kiệm thời gian và công sức.
Chèn thủ công
Vô cùng đơn giản, các bạn chỉ cần tạo một thẻ hreflang có cấu trúc như trên, sau đó chèn nó vào trước thẻ </head> trong theme hoặc child theme mà bạn đang sử dụng.
- Đối với các theme thông thường: các bạn vào Appearance => Editor, tìm file
header.php, mở ra và thêm thẻ hreflang vào. Click vào Update File để lưu lại các thay đổi. Hoặc tham khảo bài viết “Chèn code vào Header và Footer của WordPress một cách đơn giản“. - Đối với Genesis Framework: truy cập Genesis => Theme Settings => Header and Footer Scripts => Enter scripts or code you would like output to wp_head(). Chèn thẻ hreflang vào và click Save Changes để lưu lại các thiết lập.
Sau khi thêm thành công, kiểm tra page sources, các bạn sẽ nhìn thấy dòng này:
Ngoài ra, các bạn còn có thể thêm thẻ meta language với các làm tương tự như trên:
<meta http-equiv="content-language" content="vi" />Nhớ thay vi bằng mã ngôn ngữ mà trang web của bạn đang sử dụng. Ở đây, blog của tôi sử dụng tiếng Việt nên tôi để mã là vi.
Thật đơn giản phải không nào? Mọi thắc mắc xin vui lòng gửi vào khung bình luận bên dưới để được hỗ trợ và giải đáp.
Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều. :)
Đã áp dụng và chờ kết quả
Bạn ơi bạn có biết về đa ngôn ngữ không, trang web của mình có 2 loại bài viết là tiếng việt và tiếng anh thì làm sao khi đăng bài ta chọn ngôn ngữ được bạn nhỉ?
Bạn nên cài một plugin hỗ trợ đa ngôn ngữ, chẳng hạn như WPGlobus. :)
Mình có xài qTranslate-X, viewsource thì lại thấy thế này thế này:
Không biết có đúng không, check webmastertool thì báo “Trang web của bạn không có thẻ hreflang.”
Mình không thấy được code của bạn. Vui lòng post code vào GistHub và paste link vào đây nhé. :P
Link: https://justpaste.it/x72v
Hoặc cũng có thể view source apanano.com xem cũng được, dòng 177
Cái này trong plugin không cho thiết lập thẻ rel=”nofollow” à bạn? Nếu thế thì bạn phải bung file plugin ra để xóa đoạn code dùng để thêm thẻ rel=”nofollow” rồi. :P
Không phải đâu bạn ơi, chỗ rel=”nofollow” thật ra là rel=”alternate”, không biết sao lên justpaste nó thành nofollow, view-source:http://apanano.com dòng 177
Nếu vậy thì ý nghĩa như nhau thôi mà. Chắc là Google Search Console chưa kịp cập nhật đó thôi. :P
Admin ơi cho em hỏi.
Em chưa hiểu rỏ là nếu chỉ sử dụng 1 ngôn ngử thì không nên thêm thẻ hreflang là sao ạ.
Với lại em làm wordpress thì em thêm thẻ hreflang và file header dạng như vầy
vậy thì khi em vào trang con vd như: http://mientaycongnghe.com/camera-quan-sat thì thẻ hreflang có tác dụng cho trang con đó không ạ
Tức là nếu site của bạn chỉ có 1 ngôn ngữ duy nhất là tiếng Việt thì không nên thêm thẻ hreflang. :P Nếu bạn thêm code vào file header của theme thì sẽ có tác dụng trên toàn bộ các trang nhé. :P
Thêm thẻ này vào dễ mà, mấy anh seo hay thêm thẻ này nhằm mục đích đánh lừa google nè
Lừa sao nổi bạn? Thêm thẻ hreflang vào mà site chỉ có 1 ngôn ngữ thì Google sẽ phát hiện ra và báo lỗi ngay. :P
Mình thêm thể hreflang vào blog, sau 1 thời gian thì bị lỗi như này: URL dành cho trang web của bạn và URL thay thế bằng ‘vi-vn’ không có thẻ trả lại. Xem giúp mình với.
Bạn chỉ nên dùng thẻ hreflang nếu site của bạn có nhiều ngôn ngữ nhé. Còn chỉ mỗi tiếng Việt thì thôi. :)
Rất hay cảm ơn bạn rất nhiều mình đang không biết làm thế nào cho trang web cua mình.
mình viết nhưng gg báo là link ko hợp lệ là sao hả bạn
Chỉ khi trang web có nhiều phiên bản ngôn ngữ khác nhau, mỗi phiên bản lưu trên một địa chỉ riêng, chẳng hạn như wpcanban.com/vi và wpcanban.com/en… thì mới nên dùng thẻ hreflang nhé. Còn không thì thôi, để tránh bị báo lỗi trong Google Webmasters. :P
đã thêm và chưa thấy gì được cập nhật, thậm chí web còn bị cảnh báo của webmaster là bị nhiễm phần mềm độc hại, gửi report mấy lần rồi, mà chưa hết cảnh báo ý. giúp em :(((
Bạn chèn thẻ mấy ngày rồi? Google cần thời gian để cập nhật dữ liệu. Có khi mất cả tuần đó. :P Thử quét mã nguồn bằng mấy công cụ mà mình giới thiệu xem. :)
Cái này cần thiết không vậy Hiếu nhỉ. mà ngôn ngữ tiếng Anh thì viết sao vậy. en-us hả
Đính chính là chỉ khi trang web có nhiều phiên bản ngôn ngữ khác nhau, mỗi phiên bản lưu trên một địa chỉ riêng, chẳng hạn như wpcanban.com/vi và wpcanban.com/en… thì mới nên dùng thẻ hreflang nhé. Còn bình thường thì chỉ cần khai báo theo bài viết: https://wpcanban.com/wordpress/thu-thuat-wordpress/khai-bao-ngon-ngu-cho-website-su-dung-ma-nguon-wordpress.html là được. :P