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. :)
Genesis => Theme Settings => Header and Footer Scripts => Enter scripts or code you would like output to wp_head()
Mình tìm đâu có thấy trong genesis theme.vì theme của mình nó tách rời footer và header! Hiếu chỉ rõ hơn đươc ko ? cám ơn bạn :)
Cái này là phần cài đặt có trong WordPress Admin nhé. Bạn tìm mục Genesis ở menu bên trái. Sau đó chèn nó vào mục “Header Scripts”. Tuy nhiên, chỉ nên làm khi trang của bạn sử dụng nhiều ngôn ngữ (multi-language). Còn thông thường thì khai báo như ở bài: https://wpcanban.com/wordpress/thu-thuat-wordpress/khai-bao-ngon-ngu-cho-website-su-dung-ma-nguon-wordpress.html là được. :P
Hiếu cho mình hỏi là trong webmastertool nó báo : ‘vi-vn’ – không có thẻ trả lại. làm sao để sửa lỗi này?
Bạn xem những comments bên trên để thử khắc phục nhé. Nếu vẫn không được thì tốt nhất nên bỏ thẻ hreflang đi. :P
Mới sửa xong, không biết vài ngày nửa còn hiện lổi không đây. Thanhk admin nhé, vì bài viết.
Mấy bác chú ý là thế này
Mỗi 1 page thì thẻ
nên mới bị cái lỗi không có thẻ trả lại đấy
cho nên code chuẩn bạn nên chèn là
+ Nếu giao thức https:
<link rel="alternate" href="” hreflang=”vi-vn” />
+ Nếu giao thức http
<link rel="alternate" href="” hreflang=”vi-vn” />
ớ, đoạn code trong php nó ẩn luôn
<link rel="alternate" href="” hreflang=”vi-vn” />
Echo như vậy thì cũng giống như chèn trực tiếp mà bạn
Nếu vẫn không khắc phục được thì mình cũng tạm thời chưa có phương án nào khả thi hơn. :P
Mình cũng đang gặp phải lỗi: 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. Có ai biết cách khắc phục giúp giùm nhé!
Bạn đọc các comment bên trên và thử làm theo xem sao nhé. :P
web vẫn còn báo lỗi URL thay thế bằng ‘vi-vn’ không có thẻ trả lại. nhiều lỗi hơn nữa ebooksvn ơi, có cách nào khác ko
Thế thì mình cũng chịu. Tạm thời mình vẫn chưa tìm ra cách giải quyết. :P
Mình thêm thẻ hreflang vào trong theme, nhưng khi kiểm tra webmasters tools thì báo lỗi “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.”
Hiếu tư vấn giúp mình được không?
Thanks in Advance!
Chào bạn. Bạn thử thay thế domain bằng đoạn mã này xem sao nhé:
thay thế domain sau vậy bạn, web mình cũng bị tình trạng như thế, bạn hướng dẫn kỳ mình được không, trong head thay đoạn đó báo lỗi, mong bạn giúp mình thanks
Tức là bạn thay “https://wpcanban.com” trong bài viết bằng đoạn mã < ?php echo "https://" . $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"]; ?> đó. :)
mình đã làm như bạn thế này mà ko được
<link rel="alternate" href="” hreflang=”vi-vn”/>
chổ phần href=” echo chổ này” đã thêm đoạn code bạn vào đây mà vẫn lỗi ko hiện được domain mình bạn
mình đã làm được bạn ơi lúc nảy thay sau code lỗi ko hiện được domain giờ ok rồi thank bạn nhiều, mà thay thế mà google vẫn báo lỗi nữa quay lại sau hỏi bạn hihi ^_^
P/s: Nếu trang của bạn sử dụng HTTP thì hãy thay “https://” bằng “http://” nhé. :P
Bạn thêm đoạn mã trên vào giữa dấu “” của href=””. Bạn phải đợi vài ba ngày, có khi đến 1 vài tuần để Google Webmaster cập nhật nhé. Không phải cứ thêm vào là nó có hiệu lực ngay đâu. :P
P/s: Nếu bạn dùng “http” thì nhớ thay “https” bằng “http” nhé. :P
Không liên quan : Hiếu cho hỏi trong google analytics của H có vấn đề gì không?Hôm nay vào analytics thích ít người truy cập quá,tìm mới biết từ khóa lại bi mất như hôm bữa.Không biết nguyên nhân từ đâu.Mới làm lại:
1.Thêm kk star
2.Chuyển lại cái diễn đàn m.chaomaohot.net về chochimcanh.com và tạo file .htaccess để redirect về (khả năng cái này)
3.Khả năng nữa là cáp quang đang bị đứt nên google khó truy cập.Không có thông báo gì trong webmaster hết.
->Cuối cùng là trong trang chaomaohot của tôi,tôi để mục ” DIỄN ĐÀN” bấm vào là qua trang chochimcanh,không biết có ảnh hưởng gì không,chán google quá
Ông thay đổi xoành xoạch thế thì gì mà chẳng mất top. Cái KK Star ratings và đứt cáp quang không liên quan gì ở đây cả. Nguyên nhân là do ông cứ chuyển và redirect linh tinh thôi. Trách ai được. :P
Giải quyết thế nào ông ơi,tại chuyển qua subdomain từ khóa mất nhiều quá,cái chuyên mục “DIỄN ĐÀN” BẤM VÀO QUA LINK chochimcanh có sao không thế
Cái gì cũng phải cần thời gian để khôi phục chứ. Ông làm cái gì cũng nóng vội. Vừa thấy mất top đã vội chuyển về domain cũ. Bó chim. Giờ chuyển về đó rồi thì cứ để im đi. Đợi một thời gian xem sao.
Ok thanks Hiếu,mà cho hỏi cái menu “Diễn đàn” của mình bên trang chaomaohot có cách nào mà bấm vào là nó mở tab mới chứ không chuyển thẳng qua không (hiện tại bấm vào là nó chuyển thẳng qua trang chochimcanh luôn)
Cái này đơn giản mà thím. Thím vào trang quản lý menu, bấm vào mục “Screen Options” (góc trên bên phải màn hình) => Tick vào mục “Link Target”. Sau đó mở menu cần chỉnh sửa ra, sẽ thấy có thêm 1 dòng “Open link in a new window/tab”. Tick vào mục mà thím muốn mở tab mới khi người khác click chuột vào đó là được. :P
Oh,tuyệt vời,thanks bác nhiều nha,lâu giờ không biết,tìm google từ chiều giờ không ra,mình vote 5 sao cho 1 đống bài viết của bác rồi đó
Hehe. Tôi tưởng cái này mọi người đều biết cả rồi chứ nhể? :D Tích cực vote 5 sao đi. :D :P
Ngoài ra nếu site dạng đa ngôn ngữ thì cũng có thể set nhiều hreflang
Oạch, quen viết dạng markdown, quên té
Chuẩn girl. :D
Sửa lại comment hộ mình cái, mình viết markdown mà quên té đây là text raw :D
Mình biết bạn viết thế nào đâu mà sửa? :D Hơn nữa người ta đọc comment với xem cái ảnh cover ở đầu bài viết cũng đủ hiểu rồi. :P