Cómo implementar etiquetas hreflang en Shopify

CASOS PRIVADOS REALES DE SEO DE LA COMUNIDAD EN TU CORREO 📩

Índice de Contenidos

En el artículo + vídeo de hoy te explicaré el paso a paso para optimizar los Hreflang del Shopify de tu proyecto.

Pasos para modificar las etiquetas hreflang en Shopify

  • Construir las directrices de Hreflang
  • Código de hreflang para shopify.
  • Introducir el código de hreflang en el tema de shopify theme.liquid.
  • Pedir a soporte de Shopify que elimine el código de hreflang.

Construir las directrices de Hreflang

Define los hreflang del proyecto según sus objetivos de SEO internacional y divisas.

Veamos el caso de Tappwater

Dónde tienes creados todas estas URLs

Nuestro objetivo será eliminar las regiones «ES» para no limitar la versión alemana y otras a España, sino que las eliminaremos para que estén disponibles a todo el mundo con la divisa €.

Por esta razón los hreflangs correctos para este proyecto serían 👇

<link rel="alternate" hreflang="x-default" href="https://tappwater.co/" /> <link rel="alternate" hreflang="en" href="https://tappwater.co/" /> <link rel="alternate" hreflang="en-ZA" href="https://tappwater.co/en-za/" /> <link rel="alternate" hreflang="en-US" href="https://tappwater.co/en-us/" /> <link rel="alternate" hreflang="es" href="https://tappwater.co/es/" /> <link rel="alternate" hreflang="de" href="https://tappwater.co/de/" /> <link rel="alternate" hreflang="fr" href="https://tappwater.co/fr/" /> <link rel="alternate" hreflang="it" href="https://tappwater.co/it/" /> <link rel="alternate" hreflang="tr" href="https://tappwater.co/tr/" /> 

Código de hreflang para shopify.

Crea el código teniendo en cuenta las buenas prácticas de hreflang para crear el código tipo para tu proyecto en Shopify.

Este es el código que tienes que utilizar de plantilla para que los hreflang sean dinámicos y se adaptará a los slugs de cada URL 👇

{{ content_for_header }} {% assign localeString = "/" | append: request.locale.iso_code %} <link rel="alternate" hreflang="es" href="https://midominio.com{{ request.path | remove: localeString }}" /> <link rel="alternate" hreflang="en" href="https://{{ request.host }}/en{{ request.path | remove: localeString }}" /> <link rel="alternate" hreflang="fr" href="https://{{ request.host }}/fr{{ request.path | remove: localeString }}" />

Código de ejemplo utilizado para el caso:

 <!-- Hreflang VON --> {{ content_for_header }}   {% assign localeString = "/" | append: request.locale.iso_code %}   <link rel="alternate" hreflang="x-default" href="https://tappwater.co{{ request.path | remove: localeString }}" />   <link rel="alternate" hreflang="en" href="https://{{ request.host }}{{ request.path | remove: localeString }}" />   <link rel="alternate" hreflang="en-ZA" href="https://{{ request.host }}/en-za{{ request.path | remove: localeString }}" />   <link rel="alternate" hreflang="en-US" href="https://{{ request.host }}/en-us{{ request.path | remove: localeString }}" />   <link rel="alternate" hreflang="es" href="https://{{ request.host }}/es{{ request.path | remove: localeString }}" />   <link rel="alternate" hreflang="de" href="https://{{ request.host }}/de{{ request.path | remove: localeString }}" />   <link rel="alternate" hreflang="fr" href="https://{{ request.host }}/fr{{ request.path | remove: localeString }}" />   <link rel="alternate" hreflang="it" href="https://{{ request.host }}/it{{ request.path | remove: localeString }}" />   <link rel="alternate" hreflang="tr" href="https://{{ request.host }}/tr{{ request.path | remove: localeString }}" />

Introducir el código de hreflang en el tema de shopify theme.liquid.

📂 ¿Dónde agregar el código en Shopify?

  1. Ve a tu panel de Shopify y haz clic en Online Store > Themes.
  2. Haz clic en el botón Customize del tema que estés usando.
  3. En la esquina superior derecha, haz clic en el menú desplegable y selecciona Edit Code.
  4. Busca el archivo theme.liquid en la carpeta Layout.
  5. Pega el código de las etiquetas hreflang antes del cierre de la etiqueta <head>

Y con esto ya tendrás el código implementado correctamente 👇

Ahora solo quedará eliminar el código duplicado por parte de Shopify.

Pide a soporte de Shopify que eliminen el código de Hreflang nativo

Una vez ya tengas el código Hreflang aplicado deberás solicitar al soporte de Shopify que eliminen el código que crea Shopify.

Aquí te dejo un copy 👇

✉️ Solicitud para eliminar hreflang autogenerado en Shopify:

Asunto: Solicitud de eliminación del código hreflang autogenerado en mi tienda

Mensaje:

Hola, equipo de soporte de Shopify,

Espero que estén bien.

Les escribo para solicitar que se elimine el código hreflang autogenerado que Shopify añade por defecto a mi tienda.

Hemos implementado un código personalizado de hreflang para gestionar mejor las versiones de idioma y evitar conflictos. Sin embargo, el código hreflang predeterminado que Shopify genera automáticamente está creando duplicaciones y problemas en nuestra estrategia de SEO internacional.

Agradecería que pudieran deshabilitar este código hreflang generado automáticamente.

Muchas gracias por su ayuda.
Quedo a la espera de su respuesta.

Saludos cordiales,

Notas importantes

Prueba tu configuración: Usa herramientas como Google Search Console o el Hreflang Tag Tester de Merkle para verificar que la implementación sea correcta.

Dinamismo de las URLs: Si tu tienda usa aplicaciones o métodos para detectar automáticamente el idioma del usuario y redirigirlo, asegúrate de que el código coincida con la estructura de tus URLs.

Compatibilidad con idiomas adicionales: Si agregas más idiomas en el futuro, solo necesitas extender el código con nuevas etiquetas hreflang.

Recursos de hreflang

Picture of Josep Deulofeu
Josep Deulofeu
Consultor SEO apasionado del mundo del eCommerce. El SEO, Google Ads, la Analítica Web y la creación de tiendas online con socios son los medios dónde me puedes encontrar y en mis ratos libres cuando hay olas en la Fosca o Griells haciendo surf o leyendo un buen libro :)

Deja una respuesta

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

Artículos Recientes del Blog

Eliminar pr-strat de url productos en Shopify

¿Te has encontrado con una URL parecida a esta url: https://brannipets.com/en-in/products/pink-toy-dog-collar?pr_prod_strat=collection_fallback&pr_rec_id=76cf2ed3d&pr_rec_pid=4664871780439&pr_ref_pid=8856283087171&pr_seq=uniform Shopify? Esto es una URL parametrizada de Shopify y

Migración SEO a Shopify

Buenas 🙂 Si estas valorando migrar a Shopify y te preocupa el SEO en este CMS y la propia migración