Cách sửa thẻ tiêu đề trong danh sách sản phẩm Flatsome

Theme Flatsome mặc định sử dụng thẻ

cho tên sản phẩm trong danh sách sản phẩm (archive page). Điều này không tối ưu cho SEO vì tiêu đề sản phẩm nên là heading tag.

Vấn đề

Trong trang danh mục sản phẩm (category page), mỗi sản phẩm hiển thị với tên sản phẩm. Tuy nhiên, Flatsome wrap tên sản phẩm trong thẻ

thay vì heading tag như

hoặc

.

Giải pháp

Tạo child theme và override template file của WooCommerce:

Bước 1: Tạo thư mục trong child theme:

child-theme/woocommerce/loop/

Bước 2: Copy file product-title.php từ Flatsome hoặc WooCommerce vào thư mục vừa tạo:

<?php
/**
 * Product loop title
 * Override: themes/flatsome/woocommerce/loop/title.php
 */
if ( ! defined( 'ABSPATH' ) ) exit;
?>
<h2 class="woocommerce-loop-product__title">
  <?php echo get_the_title(); ?>
</h2>

Bước 3: Thay thẻ

bằng

hoặc

tùy theo cấu trúc heading của trang.

Lưu ý

• Sử dụng child theme để tránh mất thay đổi khi update theme
• Kiểm tra lại cấu trúc heading của toàn trang sau khi thay đổi
• H2 nếu tên sản phẩm là heading chính trên trang archive
• H3 nếu đã có H2 khác trên trang (ví dụ: tên danh mục)