2 Cách tạo breadcrumb nhanh và hiệu quả nhất

Bạn có biết rằng breadcumb có rất nhiều lợi ích cho người dùng và những ai mà đang thực hiện cho việc triển khai chiến dịch SEO trên website. Bài viết hôm nay ThemeNest sẽ hướng dẫn bạn cách tạo breadcumb nhanh nhất. Hãy cùng theo dõi nhé!

Cách tạo Breadcrumb với NavXT plugin

NavXT plugin rất dễ để cài đặt thông qua repository trong WordPress. Bạn chỉ cần tìm kiếm từ khóa NavXT trong kho Plugin của Wordpress. Sau khi mà kết quả nó hiện lên thì bạn tải về, bấm nút cài đặt và kích hoạt nó.

NavXT sẽ thêm Breadcrumbs duới dạng Widget. Để mà có thể sử dụng được thì bạn thực hiện những bước sau đây:

1. Chọn tab Appearances → Widgets.

2. Nếu như mà bạn muốn thêm Breadcrumbs cho một trang website bất kỳ thì bạn chỉ cần thả widget NavTX là được.

Cách khác, bạn muốn tạo breadcums trực tiếp ở trên Theme thì bạn cũng chỉ cần gõ thêm đoạn Snippet code sau đây vào file header.php:

[su_note note_color=”#8ff2ff” text_color=”#333333″] <div class=”breadcrumbs” typeof=”BreadcrumbList” vocab=”https://schema.org/”>

<?php

if(function_exists(‘bcn_display’))

{

bcn_display();

}?>

</div>[/su_note]

Như thế là bạn dùng NavXT plugin để theo ý mình hiển thị Breadcrumbs. Sau đó thì bạn dùng page setting của plugin để cài đặt và thay đổi một số thuộc tính của Breadcumbs cho cấu hình chi tiết hơn nếu như cần.

Sử dụng Yoast SEO để thêm Breadcrumbs

Yoast SEO là một plugin Wordpress rất phổ biến nhằm giúp tối ưu hóa trong việc chuẩn SEO cho website. Ngoài ra thì plugin này cũng còn cung cấp nhiều tính năng hữu ích khác cho SEO.

Quy trình cài đặt plugin Yoast SEO cũng gần giống như NavXT.

1. Bạn đăng nhập vào trang quản trị chọn Plugin → chọn Cài đặt mới → tìm kiếm từ khóa " Yoast SEO" → Cài đặt và kích hoạt.

2. Sau khi mà đã hoàn thành thì hãy tạo Breadcrumbs cho Child Theme WordPress, hãy thêm Snippet Code vào file single .php, page.php hay header.php như bên dưới đây:

[su_note note_color=”#8ff2ff” text_color=”#333333″] <?php

if ( function_exists(‘yoast_breadcrumb’) ) {

yoast_breadcrumb( ‘<p id=”breadcrumbs”>’,'</p>’ );

}

?>[/su_note]

3. Sau khi mà thêm đoạn code vào thì hãy kích hoạt Breadcrumbs bằng Yoast SEO → Search Appearance → Breadcrumbs.

Thực chất mà nói thì breadcrumbs không khó nhưng mà cần làm thế nào mà breadcumb để cho breadcumb thực sự hữu ích với người dùng. Bên cạnh đó thì thiết kế của Breadcrumb cũng cần phải hài hòa với tổng quan của website.

Trên đây ThemeNest đã hướng dẫn cho bạn 2 cách tạo breadcrumb nhanh nhất và hiệu quả nhất. Hy vọng nó sẽ thực sự hữu ích đối với bạn. Nếu trong quá trình làm mà có câu hỏi gì liên quan thì hãy để lại comment ở dưới để mình giải đáp nhé. Chúc bạn thành công!