Hreflang
Técnico e InfraestructuraUn atributo HTML que indica a los buscadores qué versión de idioma de una página mostrar en cada región.
Definición
Hreflang es un atributo HTML utilizado en etiquetas `<link>` para indicar a los motores de búsqueda que existen múltiples versiones lingüísticas o regionales de una página y cuál debe aparecer en los resultados de búsqueda para los usuarios de cada localidad. El atributo sigue el formato `hreflang="xx"` para segmentación solo por idioma (ej. `hreflang="es"` para español) o `hreflang="xx-YY"` para segmentación por idioma más región (ej. `hreflang="pt-BR"` para portugués brasileño). Cada página de un conjunto multilingüe debe referenciar a todas las demás versiones, incluyéndose a sí misma, creando un mapa bidireccional completo que los motores de búsqueda pueden rastrear. Un valor especial `hreflang="x-default"` designa la página de respaldo para usuarios cuyo idioma o región no coincide con ninguna versión especificada.
Por Qué Es Importante
Sin etiquetas hreflang, los motores de búsqueda enfrentan dos problemas con los sitios multilingües. Primero, pueden mostrar la versión de idioma incorrecta a los usuarios — mostrando una página en inglés a un hablante de alemán, por ejemplo — lo que perjudica la experiencia del usuario y aumenta las tasas de rebote. Segundo, los motores de búsqueda pueden tratar las páginas traducidas como contenido duplicado y aplicar penalizaciones de ranking, ya que las páginas comparten estructura e intención similares. Una implementación correcta de hreflang resuelve ambos problemas: dirige a cada usuario a la versión de idioma correcta y comunica a los motores de búsqueda que las páginas traducidas son alternativas intencionales, no duplicados. Para editores con audiencias internacionales, una configuración hreflang adecuada puede mejorar significativamente el tráfico orgánico desde mercados de búsqueda no anglófonos.
Cómo Funciona en FlipLink
El sitio de marketing de FlipLink en fliplink.me implementa etiquetas hreflang en todas las páginas localizadas — incluyendo el blog, glosario, páginas de funcionalidades, páginas de herramientas y páginas de comparación — a través de su infraestructura de [localización](/features/localization) impulsada por next-intl. Cada página incluye automáticamente elementos `<link rel="alternate" hreflang="...">` que apuntan a las ocho versiones de idioma disponibles (inglés, italiano, español, alemán, japonés, portugués-BR, ruso y neerlandés), más un `x-default` que apunta a la versión en inglés. Esto asegura que los motores de búsqueda indexen cada traducción correctamente y sirvan la versión correcta según el idioma y la ubicación del buscador. Para tus flipbooks y documentos publicados, hreflang se aplica a tus páginas de alojamiento y no al visor del [flipbook](/glossary/flipbook) en sí — si integras una publicación FlipLink en un sitio web multilingüe, agregar etiquetas hreflang a tus páginas de integración asegura que los visitantes lleguen a la versión de idioma correcta desde los resultados de búsqueda.
Detalles Técnicos
Hreflang puede implementarse de tres maneras: como etiquetas HTML `<link>` en la sección `<head>`, como encabezados HTTP (útil para archivos no-HTML como PDFs) o dentro de un [sitemap](/glossary/sitemap) XML usando elementos `xhtml:link`. Cada enfoque tiene sus compromisos:
- **Etiquetas HTML link** son el método más común y el más fácil de depurar usando las herramientas de desarrollo del navegador. Funcionan bien para sitios con un número manejable de versiones de idioma.
- **Encabezados HTTP** son necesarios cuando el contenido en sí no es HTML (ej. servir un PDF en múltiples idiomas).
- **Entradas en sitemap XML** escalan mejor para sitios con cientos de páginas y muchas versiones de idioma, ya que evitan sobrecargar la sección `<head>` del HTML.
Independientemente del método de implementación, cada anotación hreflang debe ser recíproca — si la página A declara la página B como su alternativa en español, la página B debe declarar la página A como su alternativa en inglés. Los enlaces recíprocos faltantes hacen que los motores de búsqueda ignoren las señales hreflang por completo. Los códigos de idioma deben seguir ISO 639-1 (códigos de idioma de dos letras) y los códigos de región deben seguir ISO 3166-1 Alpha 2 (códigos de país de dos letras).
Conceptos Erróneos Comunes
- **"Hreflang controla qué página indexa Google."** No es así. Hreflang influye en qué versión aparece en los resultados de búsqueda para una localidad dada, pero todas las versiones aún pueden ser indexadas. Es una sugerencia de servicio, no una directiva de indexación.
- **"Solo necesito hreflang si me dirijo a diferentes países."** El hreflang solo de idioma (`hreflang="de"` para alemán) es válido y útil incluso si no te diriges a países específicos. Usa idioma más región solo cuando tengas contenido diferente para variantes regionales (ej. `pt-BR` vs. `pt-PT`).
- **"Hreflang reemplaza la necesidad de un sitemap."** No es así. Hreflang y los sitemaps sirven propósitos diferentes. Tu sitemap le dice a los motores de búsqueda qué páginas existen; hreflang les dice cómo esas páginas se relacionan entre idiomas.
- **"Las páginas traducidas automáticamente deberían usar hreflang."** Técnicamente pueden, pero los motores de búsqueda pueden devaluar traducciones de baja calidad. Hreflang funciona mejor cuando cada versión de idioma proporciona contenido genuinamente útil y de sonido natural.
Preguntas Frecuentes
**¿Qué pasa si las etiquetas hreflang tienen errores?**
Los motores de búsqueda ignoran silenciosamente las anotaciones hreflang no válidas. Los errores comunes incluyen enlaces recíprocos faltantes, códigos de idioma incorrectos y páginas autorreferenciadas que omiten su propia etiqueta hreflang. Usa el informe de Segmentación Internacional de Google Search Console para identificar errores hreflang en tu sitio.
**¿Las etiquetas hreflang afectan la velocidad de carga de la página?**
El impacto es insignificante. Cada etiqueta `<link>` hreflang agrega aproximadamente 80-120 bytes al HTML. Incluso con ocho versiones de idioma, la sobrecarga total es inferior a 1 KB — mucho menos que una sola imagen.
**¿Debo usar hreflang con etiquetas canonical?**
Sí. Cada versión de idioma debe tener una etiqueta canonical autorreferenciada que apunte a sí misma y etiquetas hreflang que apunten a todas las versiones. La etiqueta canonical le dice a los motores de búsqueda "esta es la URL principal para esta versión de idioma", mientras que las etiquetas hreflang conectan las versiones entre sí.
Términos relacionados
HTTPS
Una versión segura de HTTP que cifra los datos entre el navegador y el servidor usando SSL/TLS.
iFrame
Un elemento HTML que incrusta una página web dentro de otra, comúnmente usado para insertar flipbooks.
Enlazado Interno
Conectar páginas dentro del mismo sitio web para mejorar la navegación y distribuir la autoridad SEO.
JSON-LD
Un formato de datos estructurados basado en JSON que ayuda a los buscadores a entender mejor el contenido de la página.
Carga Diferida (Lazy Loading)
Una técnica que retrasa la carga del contenido de la página hasta que es necesario, mejorando la velocidad inicial.
Disponible en otros idiomas
¿Listo para transformar
tus PDFs?
Únete a miles de empresas que usan FlipLink para crear contenido atractivo e interactivo a partir de sus PDFs. Empieza gratis — sin tarjeta de crédito.