Thêm điều hướng breadcrumb vào WordPress

Đ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.

Điều hướng breadcrumb là gì và tầm quan trọng của nó

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.

Cách thêm breadcrumb WordPress

Để 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:

Breadcrumb trên plugin Rank math SEO

<?php if (function_exists('rank_math_the_breadcrumbs')) rank_math_the_breadcrumbs(); ?>

Yoast SEO breadcrumbs

<?php
if ( function_exists('yoast_breadcrumb') ) {
  yoast_breadcrumb( '<p id="breadcrumbs">','</p>' );
}
?>

SEOPress breadcrumbs

<?php
if(function_exists("seopress_display_breadcrumbs")) {
    seopress_display_breadcrumbs();
}
?>

AIOSEO breadcrumbs

<?php if( function_exists( 'aioseo_breadcrumbs' ) ) aioseo_breadcrumbs(); ?>

Slim SEO breadcrumbs

/pre>
<?php echo do_shortcode( '[slim_seo_breadcrumbs]' ); ?>

Từ khóa
Nếu bạn thấy bài viết có ích hãy sao chép link và chia sẻ bài viết
daotiendung

Tiến Dũng Đào chuyên quản lý, vận hành các dịch vụ website. Anh có nhiều năm kinh nghiệm về VPS, Hosting, technical SEO, CMS. Đặc biệt yêu thích WordPress với hơn 5 năm phát triển theme và plugin. Sở thích của anh là đọc, viết blog, đi du lịch, tập võ và chia sẻ các kiến thức cho mọi người.

Bài viết liên quan