Tạo Breadcrumbs cho WordPress không cần Plugin hỗ trợ SEO cực chuẩn

Breadcrumbs là một tính năng giúp người dùng dễ dàng điều hướng đến trang mà họ muốn, và nó cũng rất hữu ích cho việc SEO trang web. Có rất nhiều plugin giúp chúng ta tạo breadcrumb cho trang WordPress. Tuy nhiên vì tính chất đơn giản của nó, mà mình khuyên các bạn nên tự tay tạo breadcrumb cho trang web của mình.

Image result for Breadcrumbs cho WordPress

Breadcrumbs là dạng menu chỉ cho người dùng biết họ đang ở đâu trên một trang web. Với những trang web có chiều sâu trong Categories thì Breadcrumbs rất hữu dụng khi người dùng đi sâu vào cấu trúc phức tạp bên trong của trang web. Trong bài viết này, mình sẽ hướng dẫn cách tạo Breadcrumbs cho website của bạn.

Và hiện nay, đa số các theme chuẩn SEO thì đều được tích hợp sẵn chức năng này. Tuy nhiên vẫn có một số theme chưa được tích hợp. Vậy làm sao để có được một thanh Breadcrumb trong trang web? Các bạn hãy làm theo hai bước đơn giản sau đây nhé!

Tính năng chính của Breadcrumbs không cần Plugin

Hiển thị đầy đủ vị trí link hiện tại. Ví vụ như bài viết có 2 cấp bật chuyên mục sẽ như thế này:

  • Trang chủ » Chuyên mục chính » Chuyên mục con » Tiêu đề bài viết

Breadcumb sẽ được hiển thị tại các khu vực sau trong wordpress:

  • paged navigation;
  • category archive;
  • tag archive;
  • daily archive;
  • monthly archive;
  • yearly archive;
  • author archive;
  • custom post type;
  • single post page;
  • single page;
  • attachment page;
  • search results;
  • 404 error page.

 

  • Thêm số trang (nếu archive page đang là 2 hoặc hơn 2)
  • Tùy chỉnh ký tự phân cách
  • Tùy chỉnh chữ cho “Home”
  • Tùy chỉnh style cho breadcumb.
  • Tương thích với microdata của Schema.org.
  • Tạo Breadcrumbs cho WordPress không cần dùng Plugin

Bước 1: Đầu tiên bạn mở file functions.php và copy vào đoạn code sau:

 

Bước 2: Sau đó, để hiển thị breadcrumbs trên wordpress của bạn, bạn mở file single.php lên và chèn hàm này vào chỗ nào phù hợp bạn muốn:

 

1
<?php if (function_exists('truongmanh_net_breadcrumbs')) truongmanh_net_breadcrumbs(); ?>

Sau khi thêm kết quả web của bạn sẽ như sau:

 

P/S: Trong quá trình vọc và làm web, mình hay dùng Flatsome nhưng đặc biệt Flatsome chỉ hỗ trỡ Breadcrumbs cho phần sản phẩm còn phần bài viết thì không có Breadcrumbs. Mình sẽ hướng dẫn bạn thêm Breadcrumbs vào Flatsome hoặc các themes khác kết hợp với Yoast SEO.

Trước tiên bạn vào Advanced của Yoast SEO –> Enable Breadcrumbs

Sau khi đã bật Breadcrumbs trong Yoast SEO rồi thì bạn chèn đoạn code sau vào vị trí mình cần hiển thị.

1
2
3
4
5
6
7
<?php
if ( function_exists('yoast_breadcrumb') ) {
yoast_breadcrumb('
<p id="breadcrumbs">','</p>
');
}
?>

Ở đây mình thêm vào file single.php như thế này

1
2
3
4
5
6
7
8
<div class="page-title-inner flex-row medium-flex-wap container">
<?php
if ( function_exists('yoast_breadcrumb') ) {
yoast_breadcrumb('
<p id="breadcrumbs">','</p>');
}
?>
</div>

Như vậy là mình đã thêm xong Breadcrumbs vào Flatsome kết hợp với Yoast SEO.

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

btn-dangkyhocthu
Chat Zalo

0988.392.366

0942.691.366