Thêm Breadcrumb Của Rank Math SEO Vào Phần Header

Để thêm breadcrumb của Rank Math SEO vào phần header của website WordPress, bạn có thể thực hiện các bước sau:

Thêm Breadcrumb của Rank Math SEO vào phần header

Kiểm tra Breadcrumb của Rank Math SEO

Rank Math hỗ trợ tính năng breadcrumb sẵn. Đầu tiên, hãy đảm bảo bạn đã bật tính năng này:

Thêm Breadcrumb của Rank Math SEO vào phần header

Bật Breadcrumb trong Rank Math:

Vào Rank Math > General Settings > Breadcrumbs.
Bật tùy chọn Breadcrumbs.
Tùy chỉnh thiết kế nếu cần.

Copy Mã Shortcode hoặc PHP Function:

Shortcode: Home » Wordpress » Flastsome » Thêm Breadcrumb của Rank Math SEO vào phần header.
PHP function: rank_math_the_breadcrumbs();.

Thêm Breadcrumb vào Header

Để thêm breadcrumb vào header của theme, bạn cần chỉnh sửa file header.php.

Bước 1: Mở File `header.php`

Trong WordPress Dashboard, vào Appearance > Theme File Editor.

Xem thêm bài viết khác

Tìm và mở file header.php.

Bước 2: Chèn Breadcrumb vào header cho tất cả các trang trừ trang chủ

Thêm đoạn mã sau vào vị trí bạn muốn breadcrumb xuất hiện (ví dụ: ngay dưới <header> hoặc <nav>):

<header class="site-header">
    <div class="container">
        <h1><?php bloginfo('name'); ?></h1>
        <?php
        // Hiển thị breadcrumb nếu không phải trang chủ
        if (!is_front_page()) {
            if (function_exists('rank_math_the_breadcrumbs')) {
                rank_math_the_breadcrumbs();
            }
        }
        ?>
    </div>
</header>

<?php

// Hiển thị breadcrumb nếu không phải trang chủ

if (!is_front_page()) {

if (function_exists('rank_math_the_breadcrumbs')) {

rank_math_the_breadcrumbs();

}

</div>

</header>

Giải thích:

!is_front_page(): Kiểm tra nếu không phải trang chủ.
rank_math_the_breadcrumbs(): Chỉ hiển thị breadcrumb trên các trang khác.

Chèn Breadcrumb vào header cho tất cả các trang trừ trang chủ

Tùy Chỉnh Breadcrumb

Bạn có thể tùy chỉnh breadcrumb của Rank Math bằng cách:

Vào Rank Math > General Settings > Breadcrumbs.

Tùy chỉnh:

Separator: Ký tự phân tách giữa các mục breadcrumb.
Home Label: Tên hiển thị cho trang chủ.
Style: Thiết kế breadcrumb.

Kiểm Tra Breadcrumb

Lưu lại thay đổi và kiểm tra website.
Breadcrumb sẽ xuất hiện tại vị trí bạn đã thêm trong file header.php
Nếu bạn sử dụng theme builder như Elementor, bạn có thể thêm shortcode Home » Wordpress » Flastsome » Thêm Breadcrumb của Rank Math SEO vào phần header trực tiếp vào vùng header.
Với các theme không hỗ trợ chỉnh sửa file header.php, hãy kiểm tra tài liệu theme hoặc sử dụng child theme để tránh mất thay đổi khi cập nhật theme.

Theo dỗi tên trên Fanpage và Youtube của mình nhé.