Cách tối ưu đường dẫn tĩnh trong Woocommerce

Sau khi cài đặt xong xuôi Woocommerce, bạn cần tối ưu đường dẫn tĩnh sao cho đẹp mắt và thân thiện SEO.

Trong bài viết hôm nay, mình sẽ chia sẻ một số thủ thuật liên quan đến tối ưu đường dẫn tĩnh.

Thay đổi dường dẫn tĩnh cho Woocommerce

Để thay đổi đường dẫn tĩnh cho Woocommerce, bạn đi tới Cài đặt -> Đường dẫn tĩnh

Ở đây, bạn sẽ nhìn thấy 3 phần như bên dưới:

Ở phần cài đặt thông dụng, bạn sẽ chọn tên bài. Đây là thiết lập đường dẫn tĩnh đề xuất cho mọi trang web WordPress.

Hai phần phía dưới sẽ áp dụng cho Woocommerce.

Mặc định, trang danh mục sản phẩm sẽ có dạng như sau: http://yourdomain.com/danh-muc/clothing/. Bạn để ý thấy từ danh mục (product-category) sẽ luôn có trong đường dẫn.

Còn trang chi tiết sản phẩm sẽ như sau: http://getwpdev.com/san-pham/happy-ninja/. Tương tự, từ san-pham (product) sẽ luôn có trong URL.

Bây giờ mình sẽ chia sẻ 2 cách thiết lập đường dẫn tĩnh cho Woocommerce

Xóa chữ san-pham (product) và danh-muc (product-category) trong đường dẫn

Cập nhật 2/11/2017: Bạn nên theo cách làm ở đây.

Để xóa chữ san-pham, bạn thêm đoạn code sau vào file functions.php. Nhớ tạo child theme trước khi thay đổi. Sau đó bạn Cài đặt -> Đường dẫn tĩnh và click vào nút Lưu thay đổi.

//Remove product form url

function devvn_remove_slug( $post_link, $post ) {

   if ( !in_array( get_post_type($post), array( 'product' ) ) || 'publish' != $post->post_status ) {

       return $post_link;

   }

if('product' == $post->post_type){

    $post_link = str_replace( '/san-pham/', '/', $post_link ); //Thay product bằng slug hiện tại của bạn

   }else{

    $post_link = str_replace( '/' . $post->post_type . '/', '/', $post_link );

   }    

   return $post_link;

}

add_filter( 'post_type_link', 'devvn_remove_slug', 10, 2 );



function devvn_parse_request( $query ) {

   if ( ! $query->is_main_query() || 2 != count( $query->query ) || ! isset( $query->query['page'] ) ) {

       return;

   }

   if ( ! empty( $query->query['name'] ) ) {

       $query->set( 'post_type', array( 'post', 'product', 'page' ) );

   }

}

add_action( 'pre_get_posts', 'devvn_parse_request' );

//Remove product form url

function devvn_remove_slug( $post_link, $post ) {

if ( !in_array( get_post_type($post), array( 'product' ) ) || 'publish' != $post->post_status ) {

return $post_link;

}

if('product' == $post->post_type){

$post_link = str_replace( '/san-pham/', '/', $post_link ); //Thay product bằng slug hiện tại của bạn

}else{

$post_link = str_replace( '/' . $post->post_type . '/', '/', $post_link );

}

return $post_link;

}

add_filter( 'post_type_link', 'devvn_remove_slug', 10, 2 );

function devvn_parse_request( $query ) {

if ( ! $query->is_main_query() || 2 != count( $query->query ) || ! isset( $query->query['page'] ) ) {

return;

}

if ( ! empty( $query->query['name'] ) ) {

$query->set( 'post_type', array( 'post', 'product', 'page' ) );

}

add_action( 'pre_get_posts', 'devvn_parse_request' );

Để xóa danh-muc (product-category), chúng ta sử dụng plugin WP Htaccess Control. Sau khi cài đặt và activate plugin, bạn đi tới Cài đặt -> htaccess control. Click vào phần Remove Taxonomies and Author Base để nhìn thấy thêm tùy chọn. Tích vào tùy chọn Remove Các danh mục sản phẩm Base. Nhớ click nút Save all changes để lưu lại cấu hình của bạn:

Cách đặt base trang danh mục sản phẩm giống base của trang sản phẩm.

Ở trên, bạn đã biết cách xóa từ san-pham (product) và danh-muc(product-category) khỏi URL. Bây giờ chúng ta sẽ thiết lập khác hoàn toàn. Cụ thể sau khi bạn thực hiện cách mình chia sẻ bên dưới chúng ta sẽ có cấu trúc đường dẫn như sau:

Trang sản phẩm: http://yourdomain.com/san-pham
Trang danh mục: http://yourdomain.com/san-pham/ten-danh-muc
Trang chi tiết: http://yourdomain.com/san-pham/danh-muc/ten-san-pham

Trước tiên chúng ta tạo một trang sản phẩm với slug hay đường dẫn là san-pham

Sau đó, bạn vào Woocommerce -> Cài đặt ->Sản phẩm -> Hiển thị. Chọn trang Sản phẩm ở tùy chọn Trang cửa hàng. Click Lưu thay đổi

Tiếp theo, bạn đi tới Cài đặt -> Đường dẫn tĩnh. Ở phần tùy chọn thêm bạn nhập vào san-pham ở Mặc định danh mục sản phẩm.

Kéo xuống dưới, ở phần đường dẫn tĩnh sản phẩm bạn nhập vào /san-pham/%product_cat%

Click Lưu thay đổi.

Cuối cùng bạn thêm đoạn code sau vào file functions.php:

add_filter( 'rewrite_rules_array', function( $rules )

{

$new_rules = array(

'products/([^/]*?)/page/([0-9]{1,})/?$' => 'index.php?product_cat=$matches[1]&paged=$matches[2]',

'products/([^/]*?)/?$' => 'index.php?product_cat=$matches[1]',

);

return $new_rules + $rules;

} );

add_filter( 'rewrite_rules_array', function( $rules )

{

$new_rules = array(

'products/([^/]*?)/page/([0-9]{1,})/?$' => 'index.php?product_cat=$matches[1]&paged=$matches[2]',

'products/([^/]*?)/?$' => 'index.php?product_cat=$matches[1]',

);

return $new_rules + $rules;

} );

Đến đây, bạn đã học được 2 cách tối ưu đường dẫn tĩnh cho Woocommerce.

Để cho mình biết nếu bạn còn cách nào hay ở phần bình luận bên dưới.

Nếu bạn yêu thích bài viết này, đừng quên đăng ký email để nhận thông báo bài viết mới, Mình xin cảm ơn rất nhiều.