Thêm điều hướng breadcrumb vào WordPress
Sơ đồ trang
Điều hướng trang web không thích hợp có thể dẫn đến trải nghiệm người dùng (UX) kém và tăng tỷ lệ thoát. Menu chính của bạn có thể cần một số tính năng bổ sung để giúp người dùng lọc nội dung của bạn, chẳng hạn như điều hướng đường dẫn WordPress.
Breadcrumbs (tên bắt nguồn từ những câu chuyện cổ tích của Hansel và Gretel) hiển thị cho người dùng link qua các bài viết trên website của bạn, khách hàng sẽ biết họ đang ở đâu đó trên trang web của bạn.
Trong bài viết này, Vũ Trụ Số sẽ hướng dẫn bạn cách để thêm breadcrumbs vào website WordPress một cách đơn giản và nhanh chóng nhất.
Breadcrumbs là một loạt các liên kết điều hướng được kết nối hiển thị đường dẫn của bạn đến các trang của website. Chúng xuất hiện khi bạn duyệt qua các trang web và tạo thành một hệ thống phân cấp bắt đầu với trang đầu tiên bạn truy cập, sau đó là từng trang tiếp theo.
Breadcrumbs thường được hiển thị ở đầu trang để dễ dàng truy cập:
Tính năng điều hướng nâng cao có thể làm giảm tỷ lệ thoát vì người dùng có thể tìm thấy thứ họ cần dễ dàng hơn. Ví dụ, khi tìm kiếm sản phẩm, danh mục, thương hiệu, giá cả, v.v.
Như đã nói, breadcrumbs cải thiện SEO cho trang web của bạn. Chúng hỗ trợ các công cụ tìm kiếm duyệt qua các trang và hiểu cấu trúc phân cấp.
Để thêm breadcrumb cho website WordPress bạn hãy làm theo 2 bước dưới đây:
1. Thêm đoạn code dưới đây vào file functions.php
2. Sau đó, bạn thêm dòng sau vào nơi bản muốn hiển thị, thường là nằm ở file single.php
<?php if ( function_exists('vts_breadcrumb') ) vts_breadcrumb(); ?>
Hiện tại năm 2024 thì đa số người dùng sử dụng plugin SEO để thêm breadcrumb vào web luôn cho tiện lợi và nên bạn có thể dùng code do các plugin cung cấp sẵn, ví dụ như sau:
<?php if (function_exists('rank_math_the_breadcrumbs')) rank_math_the_breadcrumbs(); ?>
<?php if ( function_exists('yoast_breadcrumb') ) { yoast_breadcrumb( '<p id="breadcrumbs">','</p>' ); } ?>
<?php if(function_exists("seopress_display_breadcrumbs")) { seopress_display_breadcrumbs(); } ?>
<?php if( function_exists( 'aioseo_breadcrumbs' ) ) aioseo_breadcrumbs(); ?>
Slim SEO breadcrumbs
/pre>
<?php echo do_shortcode( '[slim_seo_breadcrumbs]' ); ?>