FROM CACHE - es_header

Problema H1 duplicado

juliaPN
Visitante
2 0 0

Buenas, 

 

tengo un problema con los H1 de mi Home Page (www.pintarnumeros.com)

 

Resulta que me sale el H1 duplicado, y es porque me está cogiendo el logo del header como H1, además del H1 que ya tenia establecido en la página. No se por que motivo sucede esto ni como cambiarlo, puesto que el titulo que me interesa como H1 es "Tienda líder en kits para pintar por números", que es el otro H1 que tengo en la página. 

 

He mirado en el liquid del header del theme y aparentemente no aparece nada de H1... 

 

Agradezco mucho la ayuda puesto que no encuentro la solución 

4 RESPUESTAS 4

Teo
Shopify Staff
2237 497 316

Hola, @juliaPN:

 

Muchas gracias por escribirnos. Entiendo que en el código de la página principal de tu tienda aparece la etiqueta H1 duplicada en el logo y en el título. Con todo, te gustaría proceder con la modificación de dicha etiqueta en el código del logo, ¿no es así? Estaré encantado de poder ayudar.

 

A modo de contexto, es importante tener en cuenta que Shopify tiene establecido la etiqueta H1 en la sección del logo del encabezado de la tienda por defecto. Con todo, me alegra informarte de que puedes editar el código de tu plantilla en todo momento para modificar esta sección. Antes de nada, ¿podrías confirmarme si estás usando un tema desarrollado por Shopify o por un proveedor externo? Puedes revisar esto en la sección Tienda online > Temas > Personalizar. Si haces clic en los tres puntos en la esquina superior izquierda, accederás al nombre del tema y del desarrollador.

 

Si se trata de un tema de Shopify, puedes modificar la etiqueta H1 del logo del encabezado y expresarla como un H2, H3, H4, H5, H6 o P. Con cualquiera de estas etiquetas, el diseño se seguirá manteniendo como hasta ahora. Para proceder con la modificación, puedes seguir estos pasos:

 

  1. Dirígete a la sección Tienda online > Temas.
  2. Haz clic en los tres puntos y Editar código.
  3. Localiza la carpeta Secciones > header.liquid.
  4. Busca las líneas que dicen <h1 class="header__heading">.
  5. Modifica la etiqueta H1 de apertura y cierre.
  6. Guarda la configuración.

 

Nota: Puesto que estos cambios afectan al diseño de tu tienda, desde aquí te recomendaría hacer una copia de seguridad del tema. El hecho de hacer una copia de seguridad te ayudará a descartar cualquier cambio que hayas realizado y también a comenzar de nuevo si es necesario. Te dejo un enlace en el que encontrarás una guía con más información sobre cómo duplicar un tema.

 

Una vez hecho esto, habrás modificado con éxito la etiqueta H1 del logo del encabezado de tu tienda. Si tu tema ha sido desarrollado por un proveedor externo y no encuentras la ruta de Secciones > header.liquid en el código de la plantilla; te recomendaría revisar la documentación del desarrollador o contactar con ellos, ya que podrán darte un mayor contexto sobre cómo proceder. Te dejo un enlace con más información sobre dónde encontrar ayudar para tu tema que estás usando en tu tienda.

 

Mientras tanto, me pregunto cómo está siendo tu experiencia con Shopify hasta el momento. Dime, ¿has podido comenzar a trabajar para mejorar la optimización para motores de búsqueda (SEO)? ¿Has podido hacer uso de la herramienta de informes de Shopify? Si es así, ¿Cómo van las estadísticas de sesiones, conversiones, ventas, etc. con tu negocio?

Teo | Social Care @ Shopify 
 - ¿Te resultó útil mi respuesta? Dale Me gusta para hacérmelo saber 
 - ¿Resolvimos tu pregunta? Dale a Aceptar como solución
 - Para saber más visita el Centro de ayuda de Shopify o nuestro Blog de Shopify

JOYANIMAL
Curioso(a)
9 0 1

Hola Teo, tengo el mismo problema en JOYANIMAL pero en vez de salirme lo que indicas ( <h1 class="header__heading">) me aparece esto otro:

 

<h1 class="h2 site-header__logo" itemscope itemtype="http://schema.org/Organization">

 

Podrías indicarme por favor?

 

Gracias y un saludo

Joyas para amantes de los perros, gatos y animales -> https://joyanimal.com
Y los mejores GPS para mascotas en https://ipettracker.es
Teo
Shopify Staff
2237 497 316

Hola, @JOYANIMAL:

 

Gracias por la respuesta y por compartir conmigo cómo aparece la etiqueta HTML con el H1 en tu tienda de Shopify. Entiendo que te gustaría modificarlo a otra categoría diferente de H, ¿cierto?

 

Con base en cómo aparece la etiqueta en tu tienda, simplemente tendrás que modificar la sección de apertura. Esto es, solo tienes que cambiar el apartado que dice H1. Por lo tanto, para proceder; puedes modificar tu actual etiqueta <h1 class="h2 site-header__logo"...> para que quede como te muestro a continuación. Te pongo de ejemplo un cambio de etiqueta H1 a H2:

 

 <h2 class="h2 site-header__logo"...>

 

Nota: Como sabrás, el lenguaje HTML rige etiquetas de apertura (que sería la que estamos modificando) y de cierre. Por ello, para evitar cualquier tipo de error en el código, tendrás que localizar también la actual etiqueta de cierre del H1. Esta se debería de mostrar como </h1>. Según los cambios que estamos realizando, necesitarás cambiar la etiqueta de cierre para que quede como </h2>.

 

Hecho esto, habrás modificado la sección actual de H1 de tu tienda a H2. Si estás siguiendo los pasos de la guía de mi mensaje anterior; estos se aplicarán en la sección del encabezado de tu tienda. Dicho todo esto, ¿podrías confirmarme si la etiqueta H1 también te aparece actualmente duplicada?

 

También como comento, puesto que estos cambios requieren modificar el código; siempre recomendamos duplicar tu tema como copia de seguridad o consultar con nuestros especialistas si ellos pueden aplicar este cambio a través de este enlace. Alternativamente, también tienes la opción de contratar a un experto de Shopify. Este es un portal de especialistas y desarrolladores que pueden darte un presupuesto para cualquier tipo de modificación que necesites implementar en tu tienda. Mientas tanto, ¿cómo va el resto de configuraciones con tu tienda de Shopify?

Teo | Social Care @ Shopify 
 - ¿Te resultó útil mi respuesta? Dale Me gusta para hacérmelo saber 
 - ¿Resolvimos tu pregunta? Dale a Aceptar como solución
 - Para saber más visita el Centro de ayuda de Shopify o nuestro Blog de Shopify

JOYANIMAL
Curioso(a)
9 0 1

Muchas gracias Teo, ya lo tengo bien. Un saludo!!

Joyas para amantes de los perros, gatos y animales -> https://joyanimal.com
Y los mejores GPS para mascotas en https://ipettracker.es