Digital Marketing

Hiển thị breadcrumbs Yoast SEO trên WordPress

Trong bài viết này, Hocban.vn hướng dẫn bạn cách hiển thị breadcrumbs Yoast SEO trong WordPress theo tài liệu của “nhà sản xuất”.

Breadcrumbs là gì?

Breadcrumbs aka Đường mòn Breadcrumbs là một liên kết văn bản neo, mô tả hệ thống phân cấp nội dung cho trang web mà người dùng đang xem.

Breadcrumbs thường được hiển thị trên website dưới dạng thanh điều hướng nằm ngay phía trên bài viết như hình dưới đây:

Đường dẫn của Yoast SEO hiển thị ngay trên tiêu đề bài viết

Tầm quan trọng của breadcrumbs trên trang web

Nó không phải là phải có, nhưng theo tôi bạn nên sử dụng nó vì những lý do sau:

  • Giúp người dùng điều hướng nội dung của website dễ dàng hơn, thông qua Breadcrumbs họ biết được trang web / tài liệu mình đang xem nằm ở đâu trên website.
  • Đối với các công cụ tìm kiếm, điển hình là Google, khi website của bạn có Breadcrumbs sẽ là một lợi thế. Đầu tiên là nó “thêm cho bạn một điểm” về trải nghiệm người dùng trên trang web. Và thứ hai, nó bổ sung một điểm khác về cấu trúc trang web;
  • Một ưu điểm nữa, theo tôi, khi kết quả tìm kiếm được hiển thị bằng Breadcrumbs, nó trông chuyên nghiệp hơn;

Cách hiển thị Breadcrumbs Yoast SEO trên WordPress

Bài hướng dẫn này mình tham khảo từ tài liệu của Yoast SEO để làm theo các bước bên dưới và thực hiện nhé!

  • Đầu tiên bạn cần xác định vị trí để chèn vào theme đang sử dụng. Nó nằm trong file single.php và nằm ở vị trí cụ thể như theme Smartline mà Hocban.vn đang sử dụng như hình dưới đây:

Mã hiển thị breadcrumbs trong tệp single.php

Chèn mã ở đâu để hiển thị breadcrumbs trong single.php. tập tin

  • Bây giờ bạn sao chép đoạn mã sau và chèn nó vào nơi như tôi đã chỉ mũi tên xanh ở trên >> sau đó lưu tệp.
<?php
if ( function_exists('yoast_breadcrumb') ) {
yoast_breadcrumb( '<p >','</p>' );
}
?>
  • Bây giờ nó vẫn chưa hiển thị, bạn phải bật Yoast SEO Breadcrumbs bằng cách: Đi tới SEO >> Giao diện tìm kiếm >> chọn tab Breadcrumbs và lựa chọn Bật Breadcrumbs như hình dưới đây và lưu cài đặt lại.

Kích hoạt Yoast SEO Breadcrumbs trong Dashboard

Kích hoạt Yoast SEO Breadcrumbs trong Dashboard

  • Lúc này bạn đang ở bên ngoài sẽ thấy thanh Breadcrumbs hiển thị ngay phía trên tiêu đề bài viết. Nhưng nếu thấy xấu bạn có thể tùy chỉnh lại cho đẹp hơn bằng cách thêm đoạn mã sau Bổ sung CSS của chủ đề:
p#breadcrumbs {
border-bottom: dashed 0.5px #dbdcdd;
padding-bottom: 0.5em;
line-height: 1.7;
}

Ghi chú: Việc tùy chỉnh CSS cho Breadcrumbs cũng tùy theo sở thích của mỗi người cũng như hiện trạng website đang sử dụng mà điều chỉnh cho phù hợp nhé!

Hiển thị Breadcrumbs trên Google

Tôi không biết nói gì về điều này, tôi mới cài đặt nó, nên một thời gian bài viết đã được index, hiển thị trên kết quả tìm kiếm và kết quả có kèm theo breadcrumbs như hình bên dưới:

Breadcrumbs hiển thị trên kết quả tìm kiếm của Google - Tôi đang minh họa

Breadcrumbs hiển thị trên kết quả tìm kiếm của Google – Tôi minh họa

Theo mình, để hiển thị như trên, bạn chỉ cần cài đặt breadcrumbs, đợi một lúc là nó sẽ hiển thị kết quả tìm kiếm. Tôi cũng đã làm điều đó đến nay nhưng nó không còn quan trọng nữa ????

Vậy là xong, mình đã hướng dẫn xong cho các bạn cách hiển thị breadcrumbs Yoast SEO trên WordPress. Nếu có thắc mắc hoặc góp ý, bạn cứ để lại bình luận bên dưới, xin cảm ơn!

Các bài viết có vẻ liên quan:

  • Xóa tiêu đề của bài viết hiện đang xem trong Yoast SEO Breadcrumbs
  • Yoast SEO gây ra lỗi không trả lời bình luận và cách khắc phục.
  • Khai báo ngôn ngữ tiếng Việt cho website Yoast SEO.

4/5 – (5 bình chọn)


Marketing online


Thông tin thêm

Hiển thị breadcrumbs Yoast SEO trên WordPress

#Hiển #thị #breadcrumbs #Yoast #SEO #trên #WordPress
[rule_3_plain] #Hiển #thị #breadcrumbs #Yoast #SEO #trên #WordPress

Trong bài viết này, Hocban.vn hướng dẫn bạn cách để hiển thị breadcrumbs Yoast SEO trên WordPress theo tài liệu hướng dẫn của “nhà sản xuất”.
MỤC LỤC NỘI DUNG1 Breadcrumbs là gì ?2 Tầm quan trọng của Breadcrumbs trên website3 Cách hiển thị Breadcrumbs Yoast SEO trên WordPress4 Hiển thị Breadcrumbs trên Google5 Bài viết có vẻ liên quan:
Breadcrumbs là gì ?
Breadcrumbs hay còn gọi là Breadcrumbs trail là một đường dẫn Anchor text, mô tả sự phân cấp nội dung cho trang web (web page) mà người dùng đang xem.
Breadcrumbs thường được hiển thị trên website như một thanh điều hướng nằm ngay phía bên trên bài viết như hình bên dưới:
Breadcrumbs của Yoast SEO hiển thị ngay bên trên tiêu đề bài viết
Tầm quan trọng của Breadcrumbs trên website
Tính ra nó không phải là thứ bắt buộc phải có nhưng theo mình bạn nên sử dụng nó vì những lý do sau:

Giúp người dùng điều hướng được nội dung của website dễ dàng hơn, thông qua Breadcrumbs họ biết được trang web / tài liệu đang xem đang nằm ở vị trí nào trên website.
Đối với công cụ tìm kiếm, điển hình là Google, khi website bạn có Breadcrumbs sẽ là một lợi thế. Thứ nhất là nó “cộng cho bạn một điểm” về trải nghiệm người trên website. Và thứ hai nó cộng cho thêm điểm nữa về cấu trúc website;
Một lợi thế nữa, theo mình thì khi kết quả tìm kiếm nó có hiển thị kèm Breadcrumbs trông chuyên nghiệp hơn;

Cách hiển thị Breadcrumbs Yoast SEO trên WordPress
Hướng dẫn này mình tham khảo từ tài liệu của Yoast SEO để làm theo thôi, bạn xem qua các bước dưới đây và thực hiện nhé !

Đầu tiên bạn cần xác định vị trí cần chèn trong theme đang sử dụng. Nó nằm trong file single.php và vị trí cụ thể như theme Smartline mà Hocban.vn đang sử dụng như hình bên dưới:

Vị trí chèn code hiển thị breadcrumbs trong file single.php

Bây giờ bạn copy đoạn code sau và chèn vào chỗ như mình chỉ mũi tên xanh ở trên >> sau đó lưu file lại.

<?php
if ( function_exists(‘yoast_breadcrumb’) ) {
yoast_breadcrumb( ‘<p >’,'</p>’ );
}
?>

Bây giờ nó vẫn chưa hiển thị ra ngoài đâu, bạn phải kích hoạt Yoast SEO Breadcrumbs lên bằng cách: Vào SEO >> Search Appearance >> chọn tab Breadcrumbs và chọn Enable Breadcrumbs như hình bên dưới và lưu cài đặt lại.

Kích hoạt Yoast SEO Breadcrumbs trong Dashboard

Bây giờ bạn ra bên ngoài bạn đã thấy thanh Breadcrumbs hiển thị ngay bên trên tiêu đề bài viết rồi đấy. Nhưng nếu thấy nó xấu thì có thể tùy chỉnh lại cho nó đẹp hơn bằng cách thêm code sau vào Additions CSS của theme:

p#breadcrumbs {
border-bottom: dashed 0.5px #dbdcdd;
padding-bottom: 0.5em;
line-height: 1.7;
}
Lưu ý: phần tùy biến CSS cho cái Breadcrumbs nó còn phụ thuộc vào sở thích của mỗi người cũng như hiện trạng website đang dùng mà chỉnh cho phù hợp nhé !
Hiển thị Breadcrumbs trên Google
Cái này mình cũng không biết nói sao nữa, mình cứ cài, để vậy một thời gian bài viết nó index, hiển thị trên kết quả tìm kiếm và các kết quả nó kèm theo Breadcrumbs như hình bên dưới:
Breadcrumbs hiển thị trên kết quả tìm kiếm Google – anh minh hoa
Theo mình thì để hiển thị như trên bạn cứ cài breadcrumbs đi, chờ một thời gian là nó sẽ hiển thị ra kết quả tìm kiếm thôi mà. Mình cũng làm tới đây thôi chứ cũng không có tác động gì nữa ????
Như vậy là mình đã hướng dẫn xong cách hiển thị breadcrumb Yoast SEO trên WordPress rồi đấy. Nếu bạn có điều gì thắc mắc hoặc góp ý, cứ để lại bình luận bên dưới nhé, cảm ơn bạn !
Bài viết có vẻ liên quan:

Loại bỏ phần tiêu đề bài viết đang xem trong Yoast SEO Breadcrumbs
Yoast SEO gây ra lỗi không trả lời bình luận được và cách khắc phục.
Khai báo ngôn ngữ tiếng Việt cho website cài Yoast SEO.

4/5 – (5 votes)

window.addEventListener(‘DOMContentLoaded’, function() {
jQuery(document).ready(function( $) {
$.post( ‘https://hocban.vn/wp-admin/admin-ajax.php’, {action: ‘mts_view_count’, id: ‘9691’});
});
});
#Hiển #thị #breadcrumbs #Yoast #SEO #trên #WordPress
[rule_2_plain] #Hiển #thị #breadcrumbs #Yoast #SEO #trên #WordPress
[rule_2_plain] #Hiển #thị #breadcrumbs #Yoast #SEO #trên #WordPress
[rule_3_plain]

#Hiển #thị #breadcrumbs #Yoast #SEO #trên #WordPress

Trong bài viết này, Hocban.vn hướng dẫn bạn cách để hiển thị breadcrumbs Yoast SEO trên WordPress theo tài liệu hướng dẫn của “nhà sản xuất”.
MỤC LỤC NỘI DUNG1 Breadcrumbs là gì ?2 Tầm quan trọng của Breadcrumbs trên website3 Cách hiển thị Breadcrumbs Yoast SEO trên WordPress4 Hiển thị Breadcrumbs trên Google5 Bài viết có vẻ liên quan:
Breadcrumbs là gì ?
Breadcrumbs hay còn gọi là Breadcrumbs trail là một đường dẫn Anchor text, mô tả sự phân cấp nội dung cho trang web (web page) mà người dùng đang xem.
Breadcrumbs thường được hiển thị trên website như một thanh điều hướng nằm ngay phía bên trên bài viết như hình bên dưới:
Breadcrumbs của Yoast SEO hiển thị ngay bên trên tiêu đề bài viết
Tầm quan trọng của Breadcrumbs trên website
Tính ra nó không phải là thứ bắt buộc phải có nhưng theo mình bạn nên sử dụng nó vì những lý do sau:

Giúp người dùng điều hướng được nội dung của website dễ dàng hơn, thông qua Breadcrumbs họ biết được trang web / tài liệu đang xem đang nằm ở vị trí nào trên website.
Đối với công cụ tìm kiếm, điển hình là Google, khi website bạn có Breadcrumbs sẽ là một lợi thế. Thứ nhất là nó “cộng cho bạn một điểm” về trải nghiệm người trên website. Và thứ hai nó cộng cho thêm điểm nữa về cấu trúc website;
Một lợi thế nữa, theo mình thì khi kết quả tìm kiếm nó có hiển thị kèm Breadcrumbs trông chuyên nghiệp hơn;

Cách hiển thị Breadcrumbs Yoast SEO trên WordPress
Hướng dẫn này mình tham khảo từ tài liệu của Yoast SEO để làm theo thôi, bạn xem qua các bước dưới đây và thực hiện nhé !

Đầu tiên bạn cần xác định vị trí cần chèn trong theme đang sử dụng. Nó nằm trong file single.php và vị trí cụ thể như theme Smartline mà Hocban.vn đang sử dụng như hình bên dưới:

Vị trí chèn code hiển thị breadcrumbs trong file single.php

Bây giờ bạn copy đoạn code sau và chèn vào chỗ như mình chỉ mũi tên xanh ở trên >> sau đó lưu file lại.

<?php
if ( function_exists(‘yoast_breadcrumb’) ) {
yoast_breadcrumb( ‘<p >’,'</p>’ );
}
?>

Bây giờ nó vẫn chưa hiển thị ra ngoài đâu, bạn phải kích hoạt Yoast SEO Breadcrumbs lên bằng cách: Vào SEO >> Search Appearance >> chọn tab Breadcrumbs và chọn Enable Breadcrumbs như hình bên dưới và lưu cài đặt lại.

Kích hoạt Yoast SEO Breadcrumbs trong Dashboard

Bây giờ bạn ra bên ngoài bạn đã thấy thanh Breadcrumbs hiển thị ngay bên trên tiêu đề bài viết rồi đấy. Nhưng nếu thấy nó xấu thì có thể tùy chỉnh lại cho nó đẹp hơn bằng cách thêm code sau vào Additions CSS của theme:

p#breadcrumbs {
border-bottom: dashed 0.5px #dbdcdd;
padding-bottom: 0.5em;
line-height: 1.7;
}
Lưu ý: phần tùy biến CSS cho cái Breadcrumbs nó còn phụ thuộc vào sở thích của mỗi người cũng như hiện trạng website đang dùng mà chỉnh cho phù hợp nhé !
Hiển thị Breadcrumbs trên Google
Cái này mình cũng không biết nói sao nữa, mình cứ cài, để vậy một thời gian bài viết nó index, hiển thị trên kết quả tìm kiếm và các kết quả nó kèm theo Breadcrumbs như hình bên dưới:
Breadcrumbs hiển thị trên kết quả tìm kiếm Google – anh minh hoa
Theo mình thì để hiển thị như trên bạn cứ cài breadcrumbs đi, chờ một thời gian là nó sẽ hiển thị ra kết quả tìm kiếm thôi mà. Mình cũng làm tới đây thôi chứ cũng không có tác động gì nữa ????
Như vậy là mình đã hướng dẫn xong cách hiển thị breadcrumb Yoast SEO trên WordPress rồi đấy. Nếu bạn có điều gì thắc mắc hoặc góp ý, cứ để lại bình luận bên dưới nhé, cảm ơn bạn !
Bài viết có vẻ liên quan:

Loại bỏ phần tiêu đề bài viết đang xem trong Yoast SEO Breadcrumbs
Yoast SEO gây ra lỗi không trả lời bình luận được và cách khắc phục.
Khai báo ngôn ngữ tiếng Việt cho website cài Yoast SEO.

4/5 – (5 votes)

window.addEventListener(‘DOMContentLoaded’, function() {
jQuery(document).ready(function( $) {
$.post( ‘https://hocban.vn/wp-admin/admin-ajax.php’, {action: ‘mts_view_count’, id: ‘9691’});
});
});

Related Articles

Trả lời

Email của bạn sẽ không được hiển thị công khai.

Back to top button