Cuando configuramos una tienda en WooCommerce, la estructura de encabezados (<h1>, <h2>, <h3>, etc.) es clave para el SEO. Sin embargo, WooCommerce genera automáticamente encabezados H2 en lugares que no siempre son los ideales, como en la sección de reseñas y valoraciones de productos:
Desde un punto de vista de SEO y experiencia de usuario, esto puede generar problemas, ya que:
❌ Puede restar relevancia al H1 de la ficha de producto, lo que afecta la indexación del producto en Google.
❌ Desordena la jerarquía de encabezados, lo que puede reducir la claridad semántica de la página.
❌ No siempre encaja con el diseño del tema, afectando la apariencia y la conversión.
En este artículo, te mostraré cómo quitar el H2 de las reseñas en WooCommerce consiguiendo:
✅ Mejorarás la arquitectura SEO de tu web.
✅ Mantendrás el diseño visual sin cambios.
✅ Optimizarás la legibilidad y accesibilidad del contenido.
Índice
¿Por Qué Es Importante la Arquitectura SEO en WooCommerce?
- Jerarquía Correcta de Encabezados para un Mejor SEO. El H1 de la ficha de producto debería ser el nombre del producto y los encabezados H2 y H3 deberían organizar correctamente el contenido. Sin embargo, WooCommerce coloca un H2 en las reseñas, lo que puede confundir a los motores de búsqueda y afectar la prioridad semántica del contenido. Ejemplo incorrecto (estructura que genera WooCommerce):
<h1>Nombre del Producto</h1>
<h2>Valoraciones</h2>
<h2>Descripción</h2>
<h2>Productos Relacionados</h2>PROBLEMA: Se repiten varios H2 en elementos que no deberían tener tanto peso SEO.
Ejemplo corregido (estructura SEO optimizada):
<h1>Nombre del Producto</h1>
<h2>Descripción</h2>
<h3>Características</h3>
<h3>Beneficios</h3>
<h3>Valoraciones</h3> <!-- Se cambia de H2 a H3 o div -->SOLUCIÓN: Convertimos el H2 de las valoraciones en un <div> o en un H3 según la necesidad.
Cómo Quitar el H2 de la Sección de Reseñas en WooCommerce
Para conseguir pasar el H2 de la zona de reseñas a un div, es tan sencillo como añadir este código al functions.php de nuestro Child Theme o bien en nuestro plugin de funcionalidades como explico aquí.
// Reemplazar el H2 de valoraciones por un div
add_action('wp_footer', 'cambiar_encabezado_resenas_woocommerce');
function cambiar_encabezado_resenas_woocommerce() {
?>
<script>
document.addEventListener('DOMContentLoaded', function() {
const reviewTitle = document.querySelector('.woocommerce-Reviews-title');
if (reviewTitle) {
const newDiv = document.createElement('div');
newDiv.innerHTML = reviewTitle.innerHTML;
newDiv.className = reviewTitle.className;
reviewTitle.parentNode.replaceChild(newDiv, reviewTitle);
}
});
</script>
<?php
}
Con esto conseguiremos cambiar la etiqueta y que no se muestre en la ficha de producto ya sea con la plantilla base de WooCommerce o la de Elementor PRO, si tienes cualquier duda, revisa el vídeo que te adjunto para no perderte ningún paso ni la explicación:
Por otro lado, he hecho otros ajustes que te pueden venir muy bien para mejorar el SEO de tu WooCommerce:
