Etiquetas H2 País/región y H2 Artículo agregado a tu carrito

[JOYANIMAL]

Hola, en la home de mi web https://joyanimal.com me aparecen:

H2 País/región
H2 Artículo agregado a tu carrito

He estado buscando en archivos donde creía que podían estar para cambiarlo por P o div pero no lo he conseguido.

A ver si sois capaces de ayudarme.

Un saludo

[Teo · Accepted solution]

Hola, @JOYANIMAL:

Gracias por escribirnos. Entiendo que en el código de la página de tu tienda aparecen dos etiquetas H2 que te gustaría modificar. Con todo, deseas saber dónde hacer el cambio ¿no es así? Será un placer ayudar.

A modo de contexto, en efecto, tras inspeccionar el código de tu página con la herramienta de inspección de Google Chrome, he podido localizar los dos extractos H2 a los que te refieres. Para darte más detalles, estas dos etiquetas son:  h2 class="visually-hidden" id="HeaderCountryMobileLabel" (país/región) y h2 class="cart-notification__heading caption-large text-body" (artículo agregado a tu carrito).

Por norma general, este tipo de etiquetas H2 se encuentran configuradas en la sección del código del encabezado. Como menciono en este otro hilo de la Comunidad donde hemos participado. Para acceder a esta sección específica del código del tema de tu tienda, puedes dirigirte a la sección Tienda online > Temas. En tu tema, selecciona Tres puntos > Editar código y busca la sección Sections > Header.liquid.

Dentro de este archivo, si haces clic en el mismo y luego pulsas Command + F (para dispositivos MAC) o Ctrl + F (para dispositivos Windows); se abrirá una función que te permitirá filtrar la búsqueda. En esta, busca el término H2 para filtrar todos los extractos de código que contienen dicha etiqueta. Una vez localizados, podrás hacer los cambios correspondientes. Como se tratan de etiquetas de texto, te recomendaría cambiarlo por otra etiqueta de tipo H o p, en lugar de una etiqueta de sección como Div.

Dime, ¿podrías confirmarme si estas etiquetas H2 aparecen en este archivo que te comento? Si las etiquetas no se encuentran dentro de Sections > Header.liquid, puedes intentar filtrar la búsqueda en otros archivos propios del encabezado. Por ejemplo, Snippets > Header.drawer.liquid. Si lo deseas, recuerda que puedes filtrar la búsqueda de todos los archivos que contengan el título de Header. Dicho esto, la posición de la etiqueta H2 puede variar en función del tema y/o versión de plantilla que estés usando.

Si aun así, no logras localizar estas etiquetas: si usas un tema de Shopify, puedes escribirnos de manera autenticada a través del Centro de ayuda, haciendo clic en Contacta con atención al cliente, iniciando sesión en tu tienda y seleccionando un tema de conversación. Esto nos dará acceso a tu cuenta y nuestros expertos en temas podrán asistir en la localización de la etiqueta. Si usas un tema externo a Shopify, te recomendaría contactar con su equipo de soporte para que confirmen la posición de la etiqueta en su código.

Alternativamente, también puedes contratar los servicios de un Partner de Shopify para cualquier modificación técnica que necesites con tu tienda. Este es un grupo de expertos que pueden darte presupuesto al respecto. Mientras, ¿cómo va el resto de cuestiones con la configuración de tu página?

[Teo · Accepted solution]

Hola, @JOYANIMAL:

Gracias por la respuesta y confirmación del tema que estás usando. Por una parte, me alegra escuchar que has podido localizar la etiqueta H2 de h2 class="visually-hidden" id="HeaderCountryMobileLabel" y has podido modificarla por un elemento de etiqueta HTML diferente a través del editor de código.

En cuanto a la etiqueta de cart-notification__heading caption-large text-body" es posible que esta se encuentre en un archivo de código diferente a los de encabezado. Tras investigar esta cuestión con más detenimiento, he podido comprobar que también hay diferentes archivos en el código del tema específicos de la notificación del carrito. Dime, ¿podrías confirmarme si ha revisado estos archivos de código?

Si no es así, te recomendaría acceder de nuevo a la sección Tienda online > Temas > Tres puntos > Editar código. En el menú de la izquierda, filtra la búsqueda con el término Cart. Antes de nada, te recomendaría verificar el archivo Snippets > Cart-notification.liquid. Es más que probable que esta etiqueta de H2 del encabezado de la notificación del carrito se encuentre en esta sección específica del código de la tienda.

Como te recomendaba en la respuesta anterior, en caso de que esta etiqueta H2 no se encuentre configurada dentro de este archivo específico que te comparto, puedes echar un vistazo al resto de archivos que contienen el término Cart. Para acelerar la búsqueda de la etiqueta H2 específica, te recuerdo que puedes filtrar la búsqueda por dicho término a través del atajo del teclado que te compartía.

Dicho esto, ¿podrías confirmarme si puedes localizar la etiqueta de h2 class="cart-notification__heading caption-large text-body" en alguno de los archivos que te comento? Si no es así, puedes proceder a escribir a nuestros especialistas del equipo de soporte de manera autenticada como te mencionaba para darnos acceso a tu tienda y poder revisar esta cuestión con más detenimiento. Entretanto, ¿qué objetivo estás buscando con el cambio de estructura en esta etiquetas? ¿Estás trabajando en SEO de la tienda? Si es así, te recomendaría echar un vistazo a nuestro artículo para mejorar la optimización para motores de búsqueda.

[Teo · Accepted solution]

Hola, @JOYANIMAL:

Gracias por escribirnos. Entiendo que en el código de la página de tu tienda aparecen dos etiquetas H2 que te gustaría modificar. Con todo, deseas saber dónde hacer el cambio ¿no es así? Será un placer ayudar.

A modo de contexto, en efecto, tras inspeccionar el código de tu página con la herramienta de inspección de Google Chrome, he podido localizar los dos extractos H2 a los que te refieres. Para darte más detalles, estas dos etiquetas son:  h2 class="visually-hidden" id="HeaderCountryMobileLabel" (país/región) y h2 class="cart-notification__heading caption-large text-body" (artículo agregado a tu carrito).

Por norma general, este tipo de etiquetas H2 se encuentran configuradas en la sección del código del encabezado. Como menciono en este otro hilo de la Comunidad donde hemos participado. Para acceder a esta sección específica del código del tema de tu tienda, puedes dirigirte a la sección Tienda online > Temas. En tu tema, selecciona Tres puntos > Editar código y busca la sección Sections > Header.liquid.

Dentro de este archivo, si haces clic en el mismo y luego pulsas Command + F (para dispositivos MAC) o Ctrl + F (para dispositivos Windows); se abrirá una función que te permitirá filtrar la búsqueda. En esta, busca el término H2 para filtrar todos los extractos de código que contienen dicha etiqueta. Una vez localizados, podrás hacer los cambios correspondientes. Como se tratan de etiquetas de texto, te recomendaría cambiarlo por otra etiqueta de tipo H o p, en lugar de una etiqueta de sección como Div.

Dime, ¿podrías confirmarme si estas etiquetas H2 aparecen en este archivo que te comento? Si las etiquetas no se encuentran dentro de Sections > Header.liquid, puedes intentar filtrar la búsqueda en otros archivos propios del encabezado. Por ejemplo, Snippets > Header.drawer.liquid. Si lo deseas, recuerda que puedes filtrar la búsqueda de todos los archivos que contengan el título de Header. Dicho esto, la posición de la etiqueta H2 puede variar en función del tema y/o versión de plantilla que estés usando.

Si aun así, no logras localizar estas etiquetas: si usas un tema de Shopify, puedes escribirnos de manera autenticada a través del Centro de ayuda, haciendo clic en Contacta con atención al cliente, iniciando sesión en tu tienda y seleccionando un tema de conversación. Esto nos dará acceso a tu cuenta y nuestros expertos en temas podrán asistir en la localización de la etiqueta. Si usas un tema externo a Shopify, te recomendaría contactar con su equipo de soporte para que confirmen la posición de la etiqueta en su código.

Alternativamente, también puedes contratar los servicios de un Partner de Shopify para cualquier modificación técnica que necesites con tu tienda. Este es un grupo de expertos que pueden darte presupuesto al respecto. Mientras, ¿cómo va el resto de cuestiones con la configuración de tu página?

[JOYANIMAL]

Muchas gracias de nuevo Teo, ya vi que me ayudaste en la otra ocasión también.

He buscado H2 en todos los archivos que contienen header. En el header liquid encontré la del país h2 class="visually-hidden" id="HeaderCountryMobileLabel" y ya la cambié.

En cambio la del carrito h2 class="cart-notification__heading caption-large text-body" no he podido encontrarla en ninguno.

El tema es de shopify, el dawn, en cuanto tenga un rato libre contacto.

Muchas gracias de nuevo

[Teo · Accepted solution]

Hola, @JOYANIMAL:

Gracias por la respuesta y confirmación del tema que estás usando. Por una parte, me alegra escuchar que has podido localizar la etiqueta H2 de h2 class="visually-hidden" id="HeaderCountryMobileLabel" y has podido modificarla por un elemento de etiqueta HTML diferente a través del editor de código.

En cuanto a la etiqueta de cart-notification__heading caption-large text-body" es posible que esta se encuentre en un archivo de código diferente a los de encabezado. Tras investigar esta cuestión con más detenimiento, he podido comprobar que también hay diferentes archivos en el código del tema específicos de la notificación del carrito. Dime, ¿podrías confirmarme si ha revisado estos archivos de código?

Si no es así, te recomendaría acceder de nuevo a la sección Tienda online > Temas > Tres puntos > Editar código. En el menú de la izquierda, filtra la búsqueda con el término Cart. Antes de nada, te recomendaría verificar el archivo Snippets > Cart-notification.liquid. Es más que probable que esta etiqueta de H2 del encabezado de la notificación del carrito se encuentre en esta sección específica del código de la tienda.

Como te recomendaba en la respuesta anterior, en caso de que esta etiqueta H2 no se encuentre configurada dentro de este archivo específico que te comparto, puedes echar un vistazo al resto de archivos que contienen el término Cart. Para acelerar la búsqueda de la etiqueta H2 específica, te recuerdo que puedes filtrar la búsqueda por dicho término a través del atajo del teclado que te compartía.

Dicho esto, ¿podrías confirmarme si puedes localizar la etiqueta de h2 class="cart-notification__heading caption-large text-body" en alguno de los archivos que te comento? Si no es así, puedes proceder a escribir a nuestros especialistas del equipo de soporte de manera autenticada como te mencionaba para darnos acceso a tu tienda y poder revisar esta cuestión con más detenimiento. Entretanto, ¿qué objetivo estás buscando con el cambio de estructura en esta etiquetas? ¿Estás trabajando en SEO de la tienda? Si es así, te recomendaría echar un vistazo a nuestro artículo para mejorar la optimización para motores de búsqueda.

[JOYANIMAL]

Muchas gracias de nuevo, tal como indicaste estaba en el  archivo Cart-notification.liquid por lo que pude cambiarlo rápidamente.

Estoy trabajando el SEO si, no me gustaba tener esos H2 en toda la tienda, entiendo que no tienen ninguna como headers, gracias a ti ya terminé con ello y creo tener bastante bien optimizada la web.

Un saludo!

[JOYANIMAL]

Perdón por molestar, creo que va a ser la última, acabo de encontrarme más Hs en las colecciones. He buscado en archivos que sean collection pero no pude localizarlos.

<H2> Filtrar:
<H2> Ordenar por:
<H2> 3 productos
<H2> Filtrar y ordenar
<H2> Filtrar
<H2> 3 productos

Si me puedes ayudar rápido te lo agradezco, sino contacto con atención al cliente. Realmente es un poco difícil optimizar el shopify para el SEO (por un lado es mejor para tener menos competencia en google jajaj).

Un saludo

[Teo · Accepted solution]

Hola, @JOYANIMAL:

Gracias por la respuesta. Será un placer poder revisar estas etiquetas H2 para que puedas modificarlas. A continuación, te dejo cómo se muestra el código H2 de cada extracto HTML específico:

• H2 Ordenar por: -> h2 class="facet-filters__label caption-large text-body"
• H2 x productos -> h2 class="product-count__text text-body"
• H2 Filtrar y ordenar -> h2 class="mobile-facets__heading medium-hide large-up-hide"
• H2 Filtrar -> h2 class="mobile-facets__heading small-hide"

En cuanto al H2 Filtrar: a diferencia de H2 Filtrar no he podido localizarlo en las páginas de colecciones de tu tienda. Dime, ¿podrías confirmarme si has podido modificar esta etiqueta H2 o si has optado por prescindir de la función de filtrado en estas páginas de colecciones dentro de tu página de Shopify?

Entretanto, tras revisar estas etiquetas H2 dentro del código del tema, me alegra informarte de que he podido localizarlas dentro del archivo Snippets > Facets.liquid. Desde este apartado, podrás modificar la estructura H2 de las etiquetas por otra diferente de todos estos elementos que me compartes. Para revisar qué etiqueta corresponde a qué sección específica, puedes fijarte en el nombre de la primera clase. Por ejemplo, para la sección de H2 Ordenar por: la primera clase es facet-filters__label.

Una vez implementados y guardados los cambios, las etiquetas H2 de estas secciones dentro de las páginas de colección de tu tienda se modificarán. Como te comento en las otras respuestas, si no localizas estas etiquetas dentro del archivo del código que te comento; puedes escribir a nuestros especialistas del equipo de soporte de manera autenticada para poder revisar con más detenimiento el código de tu tienda.

[JOYANIMAL]

Mil gracias de nuevo Teo, te debo unas cañas!!!

Siguiendo los pasos logré quitarlos todos (imagino que uno de los códigos quitaba el que me decías que no encontrabas)

Luego vi que la estructura me pasaba del H1 a los H3 de los productos listados en la cuadrícula, así que decidí dejar el H2 de X productos, que creo que da a entender que es una categoría de productos y es el que más me gustaba.

Por otro lado (esto es como hacer obra en una casa vieja, cada vez que tocas algo, sale algo) en la cuadrícula de productos salían repetidos los H3 (2 por cada producto), ya encontré donde quitarlo.

Ahora espero si haber terminado con los headers!!

Un saludo!!

[Cerma_SL]

Hola Teo,

Respecto a esta solución, yo tengo el tema Sense, creado por Shopify.

Si realizo cambios a mano en los liquid, ¿serán sobreescritos cuando el tema Sense se actualice?