Bạn muốn cải thiện trải nghiệm người dùng trên website và tăng thứ hạng SEO? Breadcrumbs, hay còn gọi là "vụn bánh mì", là một công cụ điều hướng mạnh mẽ. Bài viết này sẽ hướng dẫn bạn cách tùy chỉnh breadcrumbs trong Yoast SEO để điều hướng website hiệu quả hơn, đồng thời tối ưu hóa cho các công cụ tìm kiếm. Chúng ta sẽ khám phá cách thêm, sửa đổi, hoặc loại bỏ các thành phần trong breadcrumb, đảm bảo nó phù hợp với cấu trúc website của bạn.
Breadcrumbs là một chuỗi các liên kết điều hướng, thường nằm ở đầu trang, cho phép người dùng biết họ đang ở đâu trên website và dễ dàng quay lại các trang trước đó. Ví dụ: Trang chủ > Danh mục sản phẩm > Tên sản phẩm. Điều này không chỉ cải thiện trải nghiệm người dùng mà còn giúp Google hiểu rõ hơn cấu trúc website của bạn, từ đó cải thiện thứ hạng SEO. Việc sử dụng breadcrumbs mang lại nhiều lợi ích, bao gồm:
Yoast SEO là một plugin SEO phổ biến cho WordPress, cung cấp tính năng breadcrumbs mạnh mẽ. Để tùy chỉnh breadcrumbs trong Yoast SEO, bạn có thể sử dụng các phương pháp sau:
Đầu tiên, bạn cần kích hoạt tính năng breadcrumbs trong Yoast SEO. Truy cập vào trang quản trị WordPress, chọn "Yoast SEO" > "Settings" (Cài đặt) > "Advanced" (Nâng cao) > "Breadcrumbs". Tại đây, bạn có thể bật/tắt breadcrumbs và cấu hình các tùy chọn cơ bản như:
Sau khi cấu hình xong, bạn cần thêm đoạn code vào theme của bạn để hiển thị breadcrumbs. Code này thường được đặt trong file `single.php`, `page.php`, hoặc `header.php`, tùy thuộc vào theme bạn đang sử dụng. Liên hệ với nhà phát triển theme của bạn nếu bạn không chắc chắn về vị trí đặt code.
<?php
if ( function_exists('yoast_breadcrumb') ) {
yoast_breadcrumb( '<p id="breadcrumbs">','</p>' );
}
?>
Yoast SEO cũng cung cấp một Breadcrumbs Block cho phép bạn dễ dàng thêm breadcrumbs vào các trang và bài viết cụ thể. Chỉ cần tìm kiếm "Yoast Breadcrumbs" trong trình chỉnh sửa Gutenberg và thêm block vào vị trí bạn muốn hiển thị breadcrumbs. Tuy nhiên, cách này chỉ hiển thị breadcrumbs trên trang bạn thêm block, không phải trên toàn bộ website.
Để tùy chỉnh sâu hơn, bạn có thể sử dụng các filter của Yoast SEO để thay đổi breadcrumbs. Phương pháp này đòi hỏi kiến thức về PHP và WordPress, nhưng mang lại sự linh hoạt cao nhất. Ví dụ, bạn có thể thay đổi URL, văn bản, hoặc thêm/xóa các thành phần trong breadcrumb.
Dưới đây là một số ví dụ cụ thể về cách tùy chỉnh breadcrumbs Yoast SEO bằng code:
Giả sử bạn muốn thêm một liên kết "Blog" vào breadcrumb của các bài viết. Bạn có thể sử dụng code sau:
<?php
add_filter( 'wpseo_breadcrumb_links', 'yoast_seo_breadcrumb_append_link' );
function yoast_seo_breadcrumb_append_link( $links ) {
global $post;
if ( is_single() ) {
$breadcrumb[] = array(
'url' => site_url( '/blog/' ),
'text' => 'Blog'
);
array_splice( $links, 1, -2, $breadcrumb );
}
return $links;
}
?>
Đoạn code này sẽ thêm liên kết "Blog" vào vị trí thứ hai trong breadcrumb (sau trang chủ).
Bạn cũng có thể thay đổi liên kết hiện có trong breadcrumb. Ví dụ, thay đổi URL của danh mục "Sản phẩm" thành một URL tùy chỉnh:
<?php
add_filter( 'wpseo_breadcrumb_links', 'custom_breadcrumb_links' );
function custom_breadcrumb_links( $links ) {
foreach ( $links as $index => $link ) {
if ( $link['text'] === 'Sản phẩm' ) {
$links[$index]['url'] = 'https://example.com/san-pham-moi';
}
}
return $links;
}
?>
Đoạn code này sẽ tìm liên kết có văn bản "Sản phẩm" và thay đổi URL của nó.
Đôi khi, bạn có thể muốn loại bỏ breadcrumb trên một trang cụ thể. Ví dụ, loại bỏ breadcrumb trên trang có ID là 123:
<?php
add_filter( 'wpseo_breadcrumb_links', 'wpseo_breadcrumb_remove_limited' );
function wpseo_breadcrumb_remove_limited( $breadcrumbs ) {
if ( is_page( 123 ) ) {
return array(); // Trả về mảng trống để loại bỏ breadcrumb
} else {
return $breadcrumbs;
}
}
?>
Đoạn code này sẽ kiểm tra nếu trang hiện tại có ID là 123, nếu đúng, nó sẽ trả về một mảng trống, loại bỏ breadcrumb.
Trước khi bắt đầu tùy chỉnh breadcrumbs Yoast SEO, hãy lưu ý những điều sau:
Tùy chỉnh breadcrumbs Yoast SEO là một cách hiệu quả để cải thiện trải nghiệm người dùng và tối ưu hóa website cho các công cụ tìm kiếm. Bằng cách làm theo hướng dẫn trong bài viết này, bạn có thể dễ dàng thêm, sửa đổi, hoặc loại bỏ các thành phần trong breadcrumb, tạo ra một hệ thống điều hướng hoàn hảo cho website của mình. Hãy nhớ sao lưu website và sử dụng child theme để đảm bảo an toàn cho dữ liệu của bạn. Chúc bạn thành công!
Bài viết liên quan