Mặc định nếu kiểm tra schema bằng công cụ kiểm tra cấu trúc dữ liệu của google cho chi tiết sản phẩm sử dụng Woocommerce sẽ bị thiếu các mục như aggregateRating, brand, review… Nhiều người hay dùng plugin Schema Pro hay 1 số plugin khác để fix lỗi này. Nhưng hôm nay mình sẽ hướng dẫn các bạn sử dụng code để và một số thao tác để sửa lỗi này
Website demo đã sửa lỗi schema: https://flatsome.hanoitourtips.com/san-pham/adelia-bag-nypd/
Sửa lỗi thiếu aggregateRating, review
Để fix lỗi này bạn chỉ cần thêm review cho sản phẩm là được. Review rất tốt cho website và chính sản phẩm đó. Google cũng sẽ đọc review của bạn để index mới cho sản phẩm. Vì vậy bạn không nên fake số star rating mà không kèm review
Sửa lỗi thiếu brand, isbn, mpn…
Trước tiên bạn hãy thêm một thuộc tính thương hiệu cho sản phẩm nếu bạn chưa có thì hãy tạo mới. Hoặc nếu có sẵn rồi thì dùng luôn thuộc tính đó.
Như trong bài viết này mình sẽ tạo thêm một thuộc tính có tên là Thương hiệu với slug là thuong-hieu như hình
Và thêm thuộc tính đó vào sản phẩm như sau
Mẫu website nổi bật của tôi
Sau đó thêm đoạn code này vào functions.php của theme bạn đang sử dụng là được
function devvn_custom_woocommerce_structured_data_product ($data) global $product; $data['brand'] = array( '@type' => 'Brand', 'name' => $product->get_attribute('pa_thuong-hieu') ? $product->get_attribute('pa_thuong-hieu') : null ); $data['mpn'] = $product->get_sku() ? $product->get_sku() : null; $data['id'] = $product->get_id() ? $product->get_id() : null; return $data; add_filter( 'woocommerce_structured_data_product', 'devvn_custom_woocommerce_structured_data_product' );
Bước tiếp theo là nhập mã sản phẩm (SKU) cho sản phẩm
Chú ý: tại dòng 4 hãy đổi tên thuộc tính pa_thuong-hieu thành tên slug của bạn nếu thuộc tính thương hiệu của bạn khác slug thuong-hieu. nhớ là thêm pa_ vào trước slug. Ví dụ slug của bạn là brands thì đổi tên thành pa_brands
Tóm lại để sửa lỗi thiếu schema bạn chỉ cần
- Thêm review cho sản phẩm
- Thêm mã sản phẩm
- Thêm thuộc tính thương hiệu cho sản phẩm
- Thêm code trên vào functions.php của theme
Tất cả đã xong. Hãy check lại cấu trúc dữ liệu đi nào ^^
À để có review đẹp như trong demo thì bạn có thể dùng thêm plugin này của chính mình viết nhé. Plugin DevVN Woocommerce Reviews
Chúc các bạn thành công!
Bài viết liên quan
Hướng dẫn thêm trọng lượng carat vào woocommerce
sau đây mình xin hướng dẫn thêm trọng lượng "carat" vào woocommerce, Hôm trước mình...
Th7
Fix lỗi thư viện ảnh theo chiều dọc trong theme flatsome
Có thể bạn đang quan tâm Flatsome là 1 theme tuyệt vời cho website wordpress...
Th7
Thêm nút Mua Ngay vào Woocommerce 1 cách rất dễ dàng
Trong bài này mình sẽ chia sẻ code Thêm nút Mua Ngay vào Woocommerce 1...
Th7
Hướng dẫn thêm trường yêu cầu xuất hóa đơn VAT vào Woocommerce
Trong bài này mình sẽ hướng dẫn các bạn các thêm trường yêu cầu xuất...
Th7
Thay đổi cách hiển thị thông tin tài khoản ngân hàng của Woocommerce
Dù là chi tiết nhỏ nhưng cũng góp phần làm cho website của bạn trở...
Th7
Edit error icon loading is not lost of Contact Form 7 khi sử dụng theme Flatsome
Gần đây với phiên bản 5.4 của Contact Form 7 khi sử dụng với chủ...
Th7