Xoá Shop trong breadcrumbs khi sử dụng plugin Yoast SEO
Yoast SEO là một plugin miễn phí cho WordPress, được phát triển bởi Yoast, một công ty nổi tiếng trong lĩnh vực tối ưu hóa công cụ tìm kiếm. Plugin này giúp người dùng dễ dàng cải thiện và quản lý SEO của website của họ mà không cần phải có kiến thức chuyên sâu về kỹ thuật SEO.
Yoast SEO được ví như anh cả trong plugin SEO, mặc dù hiện tại nhiều tại Việt Nam ưa thích Rank Math hơn nhưng Yoast SEO vẫn có những tính năng hay mà nhiều người dùng vẫn chọn gắng bó thay vì chuyển sang Rank Math hoặc plugin SEO khác.
Để hiển thị Yoast SEO breadcrumbs nơi bạn muốn bạn có thể dễ dàng sử dụng shortcode [wpseo_breadcrumb] hoặc nếu cho vào template cụ thể bạn có thể sử dụng code như sau:
<?php if ( function_exists('yoast_breadcrumb') ) {
echo do_shortcode('[wpseo_breadcrumb]');
} ?>
Trong bài viết này mình sẽ hướng dẫn cách để bạn có thể add code để cải tiến breadcrumb khi sử dụng plugin này.
Xoá Shop trong breadcrumb khi sử dụng plugin Yoast SEO
Do nhiều khách hàng sử dụng plugin bán hàng WooCommerce và cần xoá chữ shop khỏi breadcrumb nên mình tiện thể share code ở đây để bạn có thể sử dụng nếu cũng muốn xoá Shop trên breadcrumb
add_filter( 'wpseo_breadcrumb_links', 'vutruso_wpseo_remove_shop_breadcrumb' );
function vutruso_wpseo_remove_shop_breadcrumb( $links ) {
if ( is_singular( 'product' ) ) {
// Lặp qua tất cả các liên kết trong breadcrumb
foreach ( $links as $key => $link ) {
// Nếu tiêu đề của liên kết là "shop" thì loại bỏ nó
if ( $link['text'] === 'Shop' ) {
unset( $links[$key] );
}
}
// Đặt lại các key của mảng để không bị lỗi hiển thị
$links = array_values( $links );
}
return $links;
}
Dưới đây là kết quả.
Bài viết liên quan
Code hiển thị toàn bộ danh mục sản phẩm trên breadcrumb
Bonus thêm code viết để hiển thị toàn bộ danh mục thuộc sản phẩm X
Yoast SEO sẽ không lấy toàn bộ danh mục sản phẩm thuộc sản phẩm để show ra nên cần phải code để lấy toàn bộ danh mục thuộc sản phẩm ra và show lên breadcrumb thì mới được
Lưu ý khi dùng code phía dưới thì bạn bỏ code ở bên trên đi nhé.
add_filter('wpseo_breadcrumb_links', 'vutruso_wpseo_product_breadcrumb');
function vutruso_wpseo_product_breadcrumb($links) {
if (is_product()) {
global $post;
$terms = get_the_terms($post->ID, 'product_cat');
if ($terms && !is_wp_error($terms)) {
$unique_terms = array();
// Xây dựng danh sách các danh mục từ cấp con lên cấp cha
foreach ($terms as $term) {
$ancestors = array_reverse(get_ancestors($term->term_id, 'product_cat'));
$ancestors[] = $term->term_id;
foreach ($ancestors as $ancestor_id) {
if (!isset($unique_terms[$ancestor_id])) {
$ancestor_term = get_term($ancestor_id, 'product_cat');
$unique_terms[$ancestor_id] = $ancestor_term;
}
}
}
// Sắp xếp các danh mục theo cấp bậc (từ cha đến con)
$unique_terms = wp_list_sort($unique_terms, 'parent', 'ASC');
// Tạo mảng mới cho breadcrumbs
$new_links = array();
// Thêm liên kết Home
$new_links[] = $links[0];
// Thêm các liên kết danh mục
foreach ($unique_terms as $term) {
$new_links[] = array(
'text' => $term->name,
'url' => get_term_link($term->term_id, 'product_cat'),
'allow_html' => true
);
}
// Thêm liên kết sản phẩm hiện tại
$new_links[] = array(
'text' => get_the_title($post->ID),
'url' => get_permalink($post->ID),
'allow_html' => true
);
return $new_links;
}
}
return $links;
}
Kết quả đúng như yêu cầu hiển thị đầy đủ danh mục của sản phẩm.
Ngoài ra do khách không yêu cầu nhưng tôi khuyến nghị thêm tiêu đề sản phẩm vào breadcrumb luôn cho chuẩn SEO, thay code ở trên bằng code dưới này là được.
add_filter('wpseo_breadcrumb_links', 'vutruso_wpseo_product_breadcrumb');
function vutruso_wpseo_product_breadcrumb($links) {
if (is_product()) {
global $post;
$terms = get_the_terms($post->ID, 'product_cat');
if ($terms && !is_wp_error($terms)) {
$unique_terms = array();
// Xây dựng danh sách các danh mục từ cấp con lên cấp cha
foreach ($terms as $term) {
$ancestors = array_reverse(get_ancestors($term->term_id, 'product_cat'));
$ancestors[] = $term->term_id;
foreach ($ancestors as $ancestor_id) {
if (!isset($unique_terms[$ancestor_id])) {
$ancestor_term = get_term($ancestor_id, 'product_cat');
$unique_terms[$ancestor_id] = $ancestor_term;
}
}
}
// Sắp xếp các danh mục theo cấp bậc (từ cha đến con)
$unique_terms = wp_list_sort($unique_terms, 'parent', 'ASC');
// Tạo mảng mới cho breadcrumbs
$new_links = array();
// Thêm liên kết Home
$new_links[] = $links[0];
// Thêm các liên kết danh mục
foreach ($unique_terms as $term) {
$new_links[] = array(
'text' => $term->name,
'url' => get_term_link($term->term_id, 'product_cat'),
'allow_html' => true
);
}
// Thêm liên kết sản phẩm hiện tại (tiêu đề sản phẩm)
$new_links[] = array(
'text' => get_the_title($post->ID),
'url' => get_permalink($post->ID),
'allow_html' => true
);
return $new_links;
}
}
return $links;
}
Okay, vậy là xong.
Hy vọng bài viết sẽ giúp ích được cho nhiều người, theo dõi Vũ Trụ Số để cập nhật các tip hay cho website.
Bài viết liên quan
