Quitar el h2 de las valoraciones en Productos de WooCommerce

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: