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

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í.

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:

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:

¡Haz clic para puntuar esta entrada!
(Votos: 9 Promedio: 4.6)
mailerlite diegol

Especialista 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.top

¿Necesitas ayuda con este tutorial? Mándame un correo y te resuelvo todas las dudas!


Ver servicios Curso de WooCommerce

También puedes realizar una donacion para seguir apoyando la salida de nuevos tutoriales y actualizaciones

mailerlite diegol

Reader Interactions

comentarios

  1. Javier says

    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

    • Diegol says

      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

  2. Carlos says

    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!

    • Diegol says

      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!

  3. Daniel says

    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.

  4. LOAN says

    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.

    • Diegol says

      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!

Deja una respuesta

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