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

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

¡Haz clic para puntuar esta entrada!
(Votos: 1 Promedio: 5)

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 Contactar

También puedes suscribirte a mi newsletter para no perderte ninguna novedad

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

Deja una respuesta

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