Ir al contenido
  • Blog
    • WooCommerce
    • Snippets para WooCommerce
    • Guías
    • Herramientas
    • eCommerce
    • SEO
    • WordPress
  • Cursos
  • Servicios
    • Tiendas online con WooCommerce
    • TPV físico para tu tienda
    • SEO para tiendas online
    • Publicidad en redes sociales
    • Desarrollo de páginas web
  • Sobre mí
  • Blog
    • WooCommerce
    • Snippets para WooCommerce
    • Guías
    • Herramientas
    • eCommerce
    • SEO
    • WordPress
  • Cursos
  • Servicios
    • Tiendas online con WooCommerce
    • TPV físico para tu tienda
    • SEO para tiendas online
    • Publicidad en redes sociales
    • Desarrollo de páginas web
  • Sobre mí
Buscar Contactar →

SEO

Cambiar el encabezado del catálogo de WooCommerce(de H2 a H3)

Por Diegol

Actualizado el 8 de noviembre de 2022·2 min de lectura

Aprende en YouTubeSuscríbete gratis al canalYouTubeSígueme en LinkedInConsejos de eCommerce
Opciones de lectura
LucusHost, el mejor hosting

Posicionar las categorías de tu tienda online es fundamental para conseguir ese tráfico SEO recurrente, esto no es nada nuevo ya que explicaba como posicionar categorías aquí.

Servicio de posicionamiento SEO en WooCommerce

Uno de los puntos clave eran los encabezados, en este caso en WooCommerce los productos en vista de catálogo(tienda, categorías, etiquetas…) son H2. Lo que es un fallo grave en la arquitectura de los headers, puesto que estos deberían estar en H3(productos). Los otros encabezados serían H2(Encabezados texto SEO) y H1(el título de la categoría).

Recuerdo que en WooCommerce no puedes poner un texto SEO debajo de las categorías por defecto, pero con este tutorial lo conseguirás.

cambiar h2 por h3 catalogo woocommerce

Así que en este tutorial os voy a enseñar mediante código a modificarlo de forma efectiva. Lo primero que vamos a hacer es ver con qué encabezados nos salen los productos en WordPress, para esto nos vamos a una categoría cualquiera e inspeccionamos el título de cualquiera de los productos:

NewsletterLo mejor de WooCommerce, directo a tu emailTutoriales, snippets y estrategias para vender más con tu tienda online. Sin spam: te das de baja cuando quieras.
modificar la etiqueta de productos en modo vista woocommerce
Botón derecho y le damos a inspeccionar para ver este resultado

En nuestro caso están en H2 y los quiero pasar a h3, pero lo podréis pasar a cualquier formato. Para ello vamos a copiar el siguiente código en el functions.php de nuestro Child Theme:

if ( ! function_exists( 'woocommerce_template_loop_product_title' ) ) {
	function woocommerce_template_loop_product_title() {
		echo '<h3 class="woocommerce-loop-product__title">' . get_the_title() . '</h3>';
	}
}

No suele funcionar en plugins como Code Snippets como en otros tutoriales. Una vez actualizado el fichero volvemos a la url de categorías y comprobamos el cambio:

modificar el titulo del producto categorias woocommerce

Así de fácil, recordad que si vuestra plantilla está muy modificada quizás no funcione correctamente. Es por esto que os recomiendo usar estas plantillas en WooCommerce

Saber dónde encontrar palabras clave y tener un buen enlazado interno en tu tienda online también son estrategias clave para que todos estos ajustes tengan resultados en las SERPS! Cualquier duda como siempre os leo en comentarios.

Otros tutoriales de interés:

  • Cambiar el H2 de productos relacionados

¡Haz clic para puntuar esta entrada!
(Votos: 9 Promedio: 4.6)
Añade diegol.top como fuente preferida de Google.
Últimas noticias de actualidad para tu tienda online.
Add as preferred source on Google
Diegol
Escrito porDiegolEspecialista en Comercio electrónico con Woocommerce. Te ayudo a crear, gestionar y publicitar tu Ecommerce en función de tu sector y público objetivo. Puedes encontrarme en Diegol.topSobre míLinkedInYouTube
Newsletter¿Te ha sido útil? Recibe el próximo en tu emailTutoriales, snippets y estrategias para vender más con tu tienda online. Sin spam: te das de baja cuando quieras.

Índice

  • 12 respuestas
  • Deja una respuesta Cancelar la respuesta

12 respuestas

  1. Javier dice:
    julio 17, 2020 a las 10:04 am

    Buenos dias

    Me vino genial tu post! Era justo lo que estaba buscando.
    Te hago una pregunta similar… En mi plantilla el ACCEDER/REGISTRARSE y CARRITO estan como h3 y h4 y me gustaria quitarlos… se puede puede usar un codigo similar?

    Muchas graicas

    Responder
    1. Diegol dice:
      julio 18, 2020 a las 11:50 am

      Hola Javier,

      Muchas gracias! La función sería parecida sí. Sería volver a sustituir la función que hay en la página por la nueva con un

      por ejemplo. Nunca lo he hecho porque no son páginas que indexe, si te parece me guardo la idea para futuros tutoriales!

      Un saludo

      Responder
  2. Carlos dice:
    septiembre 21, 2021 a las 10:24 am

    Buenas,

    Muchas gracias por aportar tus conocimientos l primero, aunque a mi no me ha funcionado. Utilizo el tema Shopkeeper. ¿Sabes cuál puede ser el motivo?

    ¡Mil gracias de nuevo!

    Responder
    1. Diegol dice:
      septiembre 21, 2021 a las 1:12 pm

      Hola Carlos,

      Seguramente sea por la plantilla, que tienen esta parte personalizada. Es decir, que la clase woocommerce-loop-product__title no sea la misma o se haya sobreescrito. Mi recomendación es que hables con el soporte de la plantilla para que te ayuden y de no ser así con un programador.

      Un saludo!

      Responder
      1. Carlos dice:
        septiembre 21, 2021 a las 1:23 pm

        Perfecto, así lo haré. Muchas gracias por tu ayuda y por compartir tus conocimientos.

        ¡Saludos!

        Responder
  3. Daniel dice:
    mayo 5, 2022 a las 3:21 am

    Buenas noches, ¿y como haría para que no afecte la página de productos?. ahi me gustaría que siga manteniendo el H2. Excelente articulo.

    Responder
    1. Diegol dice:
      mayo 24, 2022 a las 5:40 pm

      Hola Daniel,

      No se puede, ya que utilizan los mismos atributos :/

      Un saludo!

      Responder
  4. LOAN dice:
    mayo 9, 2022 a las 1:58 pm

    Hola Diego, no sé si 2 años después de un post aún contestas o no…
    La cuestión es que en nuestro caso queremos cambiar los H2 de los típicos PRODUCTOS RELACIONADOS, y VALORACION de productos al final de la ficha de cada producto ya que si no los considera títulos repetidos en todos los productos.
    ¿Esto es posible?, qué hook se ejecuta para esto.
    Muchas gracias por adelantado.

    Responder
    1. Diegol dice:
      agosto 17, 2022 a las 4:56 pm

      Hola Loan,

      Sí, respondo cuando puedo, que tengo muchas dudas y mira con que retraso voy jeje.

      En cuanto a tu consulta tienes lo de productos relacionados aquí:
      https://diegol.top/woocommerce/cambiar-de-h2-a-h3-los-productos-relacionados-en-el-producto-woocommerce/

      En cuanto a las valoraciones, lo tengo pendiente de crear. Mientras te recomiendo hacer una copia del archivo: single-product-reviews.php. Hubicado en: wp-content/plugins/woocommerce/templates/single-product-reviews.php

      Modificas ahí el h2 de las valoraciones y lo subes en el directorio de tu child theme en la carpeta woocommerce/templates. Seguramente tengas que crearlas.

      Espero que te sirva!

      Responder
  5. David dice:
    julio 17, 2022 a las 2:40 pm

    Hola, uso el tema Astra y no me ha funcionado porque podría ser?

    Responder
    1. Diegol dice:
      julio 18, 2022 a las 6:50 am

      Hola David,

      La prueba está hecha en el Theme de Astra y Generatepress. Comprueba si hay algún otro plugin que use la misma función o bien revisa la caché.

      Un saludo!

      Responder
  6. Pablo dice:
    enero 21, 2025 a las 8:48 pm

    Me ha sido de utilidad.

    Responder

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

  +  75  =  84

LucusHost, el mejor hosting

¿Hablamos de tu tienda online?

Cuéntame en qué punto está tu proyecto y te digo cómo puedo ayudarte a vender más con WooCommerce.

Pide tu consultoría →

Consultor eCommerce especializado en WooCommerce. Ayudo a tiendas online a crecer con tecnología, SEO y publicidad, y comparto lo que sé en el blog y en YouTube.

YouTube · LinkedIn · WordPress.tv

Servicios

  • Tiendas online con WooCommerce
  • TPV físico para tu tienda
  • SEO para tiendas online
  • Publicidad en redes sociales
  • Desarrollo de páginas web
  • Todos los servicios

Aprende conmigo

  • Blog
  • Snippets para WooCommerce
  • Guías
  • Cursos en YouTube
  • Sobre mí

Legal

  • Aviso legal
  • Política de privacidad
  • Política de cookies
  • Contactar

© 2026 Diego Nieto · Consultor eCommerce

Web alojada en LucusHost

Busca entre más de 300 tutoriales, guías y snippets de WooCommerce.