Trang chủ WordpressWordpress Plugin [Woocommerce] Tối ưu đường dẫn tĩnh

[Woocommerce] Tối ưu đường dẫn tĩnh

bởi Thạch Phạm
33 bình luận 6753 views

Mặc định khi cài đặt Woocommerce thì có thể bạn sẽ thấy các sản phẩm có đường dẫn chưa đẹp cho lắm, mà nếu muốn các đường dẫn sản phẩm và các đường dẫn danh mục sản phẩm, từ khóa sản phẩm đẹp hơn thì chúng ta nên kích hoạt tính năng đường dẫn tĩnh cho Woocommerce. Trong bài viết này mình sẽ nói qua về cách cài đặt và một số thủ thuật liên quan đến tối ưu đường dẫn tĩnh.

Nên xem: Tìm hiểu đường dẫn tĩnh trong WordPress.

Thiết lập đường dẫn tĩnh cho Woocommerce

Để thiết lập chức năng này, bạn phải vào Cài đặt -> Đường dẫn tĩnh.

woocommerce-permalinks-01

Sau đó, ở phần cài đặt thông dụng bạn phải chọn cấu trúc đường dẫn tính cho WordPress trước để kích hoạt tính năng.

woocommerce-permalinks-02

Và ở phần tùy chọn thêm, bạn sẽ thấy nó có thêm các phần cho sản phẩm bao gồm:

  • Mặc định danh mục sản phẩm: Nghĩa là tên cơ sở trên đường dẫn tới các trang danh mục sản phẩm. Ví dụ trên đường dẫn vào danh mục sẽ có là https://thachpham.com/danh-muc-san-pham/quan-jean/ thì phần danh-muc-san-pham chính là tên cơ sở cho chuyên mục. Vì một số lý do, bạn nên đặt nó là muc-san-pham hay một cái gì đó không phải là danh-muc-san-pham vì nó sẽ bị lỗi 404 nếu đặt tên này.
  • Mặc định từ khóa sản phẩm: Giống ở trên nhưng dành cho các trang từ khóa sản phẩm.
  • Mặc định thuộc tính sản phẩm: Giống ở trên nhưng dành cho các trang lưu trữ cho thuộc tính sản phẩm.

Lưu ý, các bạn không được sử dụng tiếng Việt có dấu. Mình sẽ sửa lại thành như sau để không bị lỗi:

woocommerce-permalinks-03

Và ở dưới nữa là phần Mặc định liên kết tĩnh của sản phẩm hay nói cách khác dễ hiểu hơn là cấu trúc đường dẫn tĩnh cho trang sản phẩm. Ở đây bạn có thể chọn cấu trúc mà bạn thích nhưng tránh chọn cấu trúc có dấu tiếng Việt vì nó sẽ bị lỗi. Ví dụ mình muốn đường dẫn của mình là https://thachpham.com/san-pham/quan-levis thì sẽ thiết lập như sau:

woocommerce-permalinks-04

Hoặc nếu mình muốn đường dẫn sản phẩm có chứa tên danh mục sản phẩm của sản phẩm đó thì thiết lập như sau:

woocommerce-permalinks-05

Xóa mặc định danh mục sản phẩm và mặc định sản phẩm

Mình viết vậy cho nó khớp với bản dịch thôi chứ nếu nói chính xác là xóa tên cơ sở cho các đường dẫn sản phẩm và danh mục. Ở trên bạn đã thấy mỗi khi ta vào đường dẫn của danh mục sản phẩm sẽ có thêm /muc-san-pham/ trên đường dẫn và đối với sản phẩm sẽ có thêm /san-pham/. Nếu bạn muốn xóa hai cái đó đi thì hãy lần lượt cài hai plugin này vào.

Đầu tiên là cài Remove Taxonomy Base Slug vào và kích hoạt lên. Sau đó bạn vào Gói mở rộng -> Remove Taxonomy Base Slug và chọnproduct_catproduct_tag (ấn shift để chọn) và ấn Apply Changes.

woocommerce-permalinks-06

Cuối cùng vào Cài đặt -> Đường dẫn tĩnh ấn nút Lưu thay đổi lần nữa để nó flush permalink.

Kế tiếp là cài plugin Remove slug from custom post type vào và kích hoạt lên, sau đó vào Cài đặt -> Đường dẫn tĩnh và ấn nút Lưu thay đổi là được.

Thêm .html cho sản phẩm

Khi cài plugin Remove slug from custom post type ở trên là trong plugin đó đã có tính năng hỗ trợ thêm hậu tố cho đường dẫn. Bạn vào Cài đặt -> Custom post type và điền html vào trong đó.

wc26-them-html-url

Sau đó vào Cài đặt -> Đường dẫn tĩnh và ấn nút lưu thay đổi để nó cập nhật. Bây giờ ra lại trang chủ website và click vào sản phẩm sẽ thấy sản phẩm đã có .html ở đuôi rồi.

 

Lời kết

Đó là một số kinh nghiệm của mình trong việc tối ưu đường dẫn của Woocommerce, thứ nhất là cho nó đẹp hơn và dĩ nhiên thứ hai là cho cấu trúc đường dẫn nó chuẩn SEO một tí phải không nào. Chúc bạn làm thành công.

33 bình luận

Có thể bạn quan tâm

0 0 vote
Article Rating
guest
33 Comments
mới nhất
cũ nhất đánh giá nhiều
Inline Feedbacks
View all comments
Thịnh

CHo e hỏi tí, e đã làm theo. Nhưng trang báo lỗi 404 thì xử lý sao ạ?

hoàng

Xóa mặc định danh mục sản phẩm và mặc định sản phẩm

Mình bị mất hét nội dung ở trong mục danh mục khi làm theo ở mục trên

datatai

thank you, have problem remember you

XiongSoft

cho em hỏi tý. em là dân không chuyên nên đau đầu với cái đuôi html này quá. số là em đang chạy ngon lành, nhưng bài viết và trang không có đuôi html. em đã đổi có đuôi htlm. chạy ok, nhưng vấn đề là kích vào mấy đường link khi tìm trong google thì nó chuyển hướng là không tìm thấy, dù nó chạy đến đúng địa chỉ nhưng chỉ thiếu cái html nên nó báo không tìm thấy. Em đau đầu quá, vậy nên html hay vẫn để như cũ không có html. Mấy anh kinh nghiệm… Xem thêm »

MHD Trung Văn

LÀM THEO mà bị lỗi. hix. khó ghê

Anh Kiệt

toàn bị lỗi ko tìm thấy ko ad ơi

Lâm

Thạch ơi, mình đã làm theo cách của Thạch hướng dẫn nhưng chết dở là:

mục tin tức(post) bị lỗi 404.

Nên mình đã gỡ hết plugin ra và thiết lập lại mặc định như hình Thạch đã chụp:
comment imagecomment imagecomment image

Và bây giờ mục tin tức vẫn bị lỗi 404. Thạch giúp mình xử lý vụ này với.

web mình đang bị: denlednhat.com.vn

Anh Kiệt

sửa được chưa vậy bạn…..theme bạn sài là theme tên gì vậy

Nguyen Hao

Mình muốn bỏ URL phân cấp trong woocommenrce làm sao nhỉ Mình có chuyên mục phân cấp như sau Thay linh kiện iphone – Thay linh kiện iphone 5 – Thay linh kiện iphone 6 Khi URL hiện thị cái chuyên mục nó sẽ ra domain.com/thay-linh-kien-iphone/thay-linh-kien-iphone-5 domain.com/thay-linh-kien-iphone/thay-linh-kien-iphone-6 Mình nghĩ nó bị trùng lặp nội dung trong URL nên mình muốn bỏ chỉ còn hiển thị domain.com/thay-linh-kien-iphone-5 domain.com/thay-linh-kien-iphone-6 Tất nhiên là vẫn giữ nguyên cấu trúc CHUYÊN MỤC CHA VÀ CON Ai biết hỗ trợ mình với nhé . Thank

Cty TNHH SX và in ấn bao bì Thảo Nguyên

bạn sài seo by yoast ẩn category trong advanced —–> chọn permak chọn remove category nhé

nam

mình đã cài Remove slug from custom post type và làm theo thach nhưng nó không tìm thấy trang , sau đó mình xóa nó đi thì vào được bình thường, như vậy là bị gì bạn ?

Lê Phong

Đã chỉnh sửa xong. Thank

Lê Phong

Làm theo xong bây giờ toàn trả về 404 hết bạn ơi

Ngô Công Tự

Hi anh
Em làm hết các bước link sản phẩm ra được , nhưng khi cài Remove slug from custom post type thêm .html lại lỗi 404 anh !

Ngô Công Tự

Em sửa được link sản phẩm có .html nhưng bài post là mất .html ( dạng http://www.domain/post/)

Cường Nguyễn

mình muốn thêm danh mục sản phẩm trước sản phẩm nhưng khi thêm dòng /%product_cat% dô thì khi tạo một trang mới bị lỗi 404 Thạch ơi .

Cường Nguyễn

mình thêm đoạn này dô thì khi lưu lại nó bị mất cái ” / ” cuối !

Quang

Trong phần thiết lập đường dẫn tĩnh
Mục Product Permalinks -> Mặc định riêng: /%category%
thì link sản phẩm ok theo ý mình muốn rồi: danh-muc/tensanpham
Nhưng những link trang page, như: gio-hang, thanh-toan, cua-hang… thì báo lỗi không tim thấy trang .

Mong bạn giúp mình fix lỗi này với. Thanks ad nhiều nhé!

MIN

xem PAGE tạm ( LÚC THÊM ) thì được , CÒN LẠI LỖI HẾT ??????

Cường Nguyễn

mình cũng bị tình trạng này ! hôm nọ cũng có 1 bạn giải đáp là do theme ! nhưng khi mình update lại một bản wordpress hoàn toàn mới và chỉ cài plugin woocommerce thì cũng vẫn bị lỗi trang !

Nhân Hoàng

Mình thiết lập Product Permalinks -> /%product_cat%/ cũng bị lỗi không tìm thấy trang gio-hang, thanh-toan, cua-hang,… Mình đang dùng Woocommerce 2.6.2, theme StoreFront.

Vang

Mình làm như Thạch Phạm hướng dẫn nhưng không xóa được /san-pham/, chỉ xóa được /muc-san-pham/. Code thì mình chưa biết chèn vào đâu

vietnguyen

@Thạch Phạm : cho mình hỏi mình đã làm nhưng giống như bạn nhưng bị lỗi báo khi thêm sản phẩm mới (mình thử thêm vẫn thêm sản phẩm bình thường ko ảnh hưởng gì ) Remove Slug Custom post type error! .htaccess is not writable, please add following lines to complete your installation: RewriteRule ^san-pham/(.+)$ /$1 [R=301,L] RewriteRule ^product_variation/(.+)$ /$1 [R=301,L] RewriteRule ^/(.+)$ /$1 [R=301,L] RewriteRule ^shop_order_refund/(.+)$ /$1 [R=301,L] RewriteRule ^/(.+)$ /$1 [R=301,L] RewriteRule ^/(.+)$ /$1 [R=301,L] Mình cũng đọc thread này https://hoidap.thachpham.com/chu-de/minh-khi-dang-san-pham-moi-thi-no-bao-loi.8903/ mà hình như vẫn chưa có câu trả lời ! mình cũng thử ngừng plugin “Remove… Xem thêm »

tran tu

mình cũng bị giống bạn. admin giúp với

vietnguyen

bn paste đoạn này thay đoạn cũ là okie nhé !

BEGIN REMOVE SLUG CUSTOM POST TYPE RULES

RewriteRule ^product/(.+)/$ /$1 [R=301,L]
RewriteRule ^product_variation/(.+)/$ /$1 [R=301,L]
RewriteRule ^/(.+)/$ /$1 [R=301,L]
RewriteRule ^shop_order_refund/(.+)/$ /$1 [R=301,L]
RewriteRule ^/(.+)/$ /$1 [R=301,L]
RewriteRule ^/(.+)/$ /$1 [R=301,L]
RewriteRule ^/(.+)/$ /$1 [R=301,L]

END REMOVE SLUG CUSTOM POST TYPE RULE

BEGIN WordPress

RewriteEngine On
RewriteBase /
RewriteRule ^index.php$ – [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]

END WordPress

Tung

Mình cũng đã thử theo hướng dẫn nhưng khi thêm .html vào sản phẩm thì lại bị mất danh mục custom phía trước bạn ạ,

Lâm

Thạch giúp mình chỉnh lại cái website bên mình sau khi áp dụng bài này https://thachpham.com/wordpress/wp-plugin/duong-dan-tinh-woocommerce.html

Thì mục tin tức, tin khuyến mãi bị lỗi 404 không vào được.

Mặc dù đã xóa plugin nhưng vẫn không được.

Xin cứu giúp mình với

33
0
Would love your thoughts, please comment.x
()
x