Code tạo Breadcrumbs cho WordPress chuẩn Google Rich Snippets

by Việt Nam Tutor
0 comment

Breadcrumb là gì

Breadcrumb là 1 tập hợp những liên kết giúp người dùng xác định vị trí hiện tại của mình trong cấu trúc site. Thuật ngữ này gắn với câu chuyện cổ Grimm: Hansel và Gretel, trong đó 2 đứa trẻ đã rải những mẩu bánh mỳ vụn (breadcrumb) dọc đường để tìm về nhà.

Đây cũng chính là nhiệm vụ của breadcrumb trong User Experience của website và SEO. Trong một website có cấu tạo phức tạp hoặc chứa nhiều nội dung, breadcrumb navigation là một cách hiệu quả để giúp người dùng định vị vị trí trong website và giúp việc di chuyển giữa các trang thuận tiện hơn.

Vai trò của Breadcrumb trong SEO

1. Breadcrumb tiện dụng với người dùng

- Có ích cho người dùng: Breadcrumb là công cụ hỗ trợ để người dùng điều hướng một trang web. Đối với một website lớn với nhiều nội dung, breadcrumb giúp người dùng định vị bản thân so với cấu trúc toàn site

- Giảm số click và thao tác để quay trở lại các trang cấp cao: Thay vì sử dụng nút "Back" hoặc top menu của website để quay trở lại trang cấp cao hơn, người dùng có thể sử dụng breadcrumb và dễ dàng di chuyển đến các category hoặc tổ chức cao hơn trong website

- Giảm bounce rate: Các điều hướng của breadcrumb là một phương pháp hữu hiệu để khuyến khích người truy cập kiểm tra nội dung của một website sau khi đã xem trang đích. Các liên kết của breadcrumb sẽ dẫn người dùng đến các phân trang khác và cung cấp những thông tin liên quan. Điều này giúp làm giảm tỷ lệ thoát trang nói chung.

2. Breadcrumb có tác dụng đặc biệt với SEO

Rất nhiều người làm SEO dùng breadcrumb như một cách tăng lượng anchor text có gắn keyword trên website; tuy nhiên nếu bị lạm dụng, kĩ thuật này có thể làm giảm UX (trải nghiệm người dùng), và việc này thì không bao giờ là tốt.

Quan trọng hơn, trong một vài trường hợp, breadcrumb của bạn có thể hiện lên trên kết quả tìm kiếm (SERPs), tăng khả năng người dùng click vào kết quả của bạn giữa những kết quả tìm kiếm khác

Cài đặt Breadcrumb cho site WordPress của bạn

Đầu tiên các bạn dán code này vào trong functions.php của theme:

CSS: dán xuống cuối file style.css của bạn


Sau đó đặt code vào chỗ cần hiển thị breadcrumbs trên trang:

<?php do_action('vietnamtutor_breadcrumbs); ?>

Kiểm tra tại Google Rich Snippet Test

Truy cập: https://search.google.com/test/rich-results

Dán URL của site bạn sau khi đã thêm breadcrumbs rồi bấm TEST URL

img 5f2a8d1384045 tại Việt Nam Tutor

Nếu kết quả ra xanh đẹp như hình là hoàn thành!

img 5f2a8c7e69f2a tại Việt Nam Tutor

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

You may also like

Leave a Comment