Cómo agregar la etiqueta H1 en Shopify

Nuestro sitio web del producto 'keyboard jiggler' se migró de Wix a la plataforma Shopify a fines de 2022. Nos beneficiamos enormemente de una experiencia de SEO mejorada y, de alguna manera, las reglas más estrictas sobre el diseño de la página nos mantuvieron enfocados en vender a través de nuestro sitio web en lugar de ajustar constantemente el diseño.

Aunque nos encantó usar Shopify, encontramos un problema muy específico con nuestro tema de Shopify: el problema que encontramos fue que la etiqueta Colecciones <H1> no existía como parte de nuestro tema. Esto fue solo un problema para nuestras colecciones. Esto llevó a que nuestra plataforma de SEO de terceros destacara este problema como un error cuando realizamos una auditoría de SEO en nuestro sitio.

Nos gustaría compartir cómo solucionamos esto.

Descargo de responsabilidad: tenga en cuenta que estamos aprendiendo a resolver desafíos a medida que aparecen en Shopify, tal como lo está haciendo usted. No somos expertos en SEO o Shopify, así que use lo que podemos ofrecer, pero verifique que nuestra sugerencia no le cause un problema en otro lugar.

¿Cómo agregar la etiqueta H1 en Shopify Collection?

Tenga en cuenta que la etiqueta H1 probablemente debería ser una parte automatizada del proceso de creación de su página. Si el tema se creó de la mejor manera posible, recibir el error H1 faltante para sus páginas de Colecciones no debería convertirse en un problema. Sin embargo, experimentamos este problema y tuvimos que resolverlo usando el método 2 a continuación.

Método 1 :

Tienda en línea > Personalizar tema > Agregar la sección "Texto enriquecido" a su página > Seleccione el texto que desea como título > Dar formato a "Encabezado 1" > Guardar.

Método 2:

Tienda en línea > Personalizar tema > Seleccione la colección a la que desea agregar la etiqueta H1 > Agregue el bloque "Líquido personalizado" > Pegue y edite el texto que se muestra a continuación > Guardar.

Copie el código a continuación y agréguelo al bloque 'Líquido personalizado':

<div class="texto enriquecido__envoltorio texto enriquecido__envoltorio--centro página-ancho">
<div class="rich-text__blocks center"><div class="rich-text__text rte" >
<H1>Mouse Jiggler sin software</H1>
<p>Vea nuestra colección completa de clips de teclado para usuarios de Microsoft Teams.<p>

Mostramos una captura de pantalla debajo de dónde pegar el código de Custom Liquid.

Si nuestro código falla, simplemente agregue su título en el campo de código líquido personalizado y agregue <H1> al comienzo de su texto. Luego agregue </H1> al final:

es decir. <H1>Mouse Jiggler sin software</H1>