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

Bài này thuộc phần 25 của 32 phần trong serie Học Woocommerce

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.

Thạch Phạm

Đam mê với web và lập trình, thích viết và chia sẻ, nghiện cà phê và xăm mình, hứng thú với nhạc dân ca và nhạc không lời.

Xem thêm bài viết Subscribe

Để lại bình luận

29 Bình luận trên "[Woocommerce] Tối ưu đường dẫn tĩnh"

avatar
Sắp xếp theo:   mới nhất | cũ nhất | đánh giá nhiều
XiongSoft
Khách
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
Khách

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

Anh Kiệt
Khách

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

Lâm
Khách

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
Khách

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

Nguyen Hao
Khách

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
Khách
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
Khách

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
Khách

Đã chỉnh sửa xong. Thank

Lê Phong
Khách

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

Ngô Công Tự
Khách

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ự
Khách

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
Khách

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 .

Quang
Khách

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é!

Nhân Hoàng
Khách

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.

Cường Nguyễn
Khách

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 !

Vang
Khách

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

wpDiscuz
menu
menu