Insights / Threads
Open Graph para páginas multiidioma: cómo configurarlo
Open Graph para páginas multiidioma debe configurarse por cada versión de idioma. Cada URL necesita su propio título, descripción, imagen, locale y og:url para evitar previews mezcladas cuando la página se comparte en redes, mensajería o herramientas internas.
Open Graph para páginas multiidioma debe configurarse por URL
Open Graph para páginas multiidioma no debería resolverse con un único bloque de metadatos compartido para toda la web. Cada versión de idioma tiene una URL distinta, una intención distinta y, muchas veces, un texto adaptado a una audiencia distinta.
La regla práctica es sencilla: cada URL debe declarar sus propios metadatos Open Graph. Si estás en la versión en español, el título, la descripción, la imagen y la URL canónica de Open Graph deben corresponder a esa versión. Lo mismo para inglés, francés o cualquier otro idioma.
Cuando esto no se cuida, aparecen previews raras: una página en español se comparte con título en inglés, una imagen con copy equivocado o una URL que lleva a otra versión. Parece pequeño, pero comunica desorden en segundos.
Qué metatags Open Graph necesita una página multiidioma
Una página multiidioma debería incluir al menos og:title, og:description, og:url, og:image, og:type y og:locale. En contenidos editoriales, también puede tener sentido añadir datos complementarios según el tipo de página.
La clave está en que esos valores no sean traducciones automáticas mal pegadas. El og:title debe funcionar como título compartible en ese idioma. La og:description debe resumir bien la pieza. Y og:url debe apuntar a la URL exacta de esa versión, no a la home ni a otro idioma.
También conviene que la imagen esté pensada para esa página. Si usas una imagen Open Graph con texto, ese texto debería estar localizado. Si no hay texto dentro de la imagen, puedes reutilizarla con más facilidad.
Cómo usar og:locale en páginas multiidioma
og:locale indica el idioma y la región de la página. Por ejemplo, una página en español para España puede usar es_ES, mientras que una versión en inglés estadounidense puede usar en_US.
También existe og:locale:alternate, que permite declarar otros locales disponibles. Puede ser útil, pero no conviene sobrevalorarla. No arregla por sí sola una arquitectura multiidioma confusa ni sustituye etiquetas pensadas para buscadores.
Nuestra recomendación es usar og:locale de forma consistente y acompañarlo de una estructura clara de URLs. Si la web tiene /es/ y /en/, cada ruta debe publicar el locale que corresponda y apuntar a sí misma con og:url.
Open Graph multiidioma no sustituye a hreflang
Open Graph y hreflang resuelven problemas diferentes. Open Graph define cómo se ve una página cuando se comparte. Hreflang ayuda a buscadores a entender qué versiones lingüísticas o regionales existen de una misma página.
Por eso una web multiidioma seria debería cuidar ambas capas. Puedes tener un Open Graph perfecto y un hreflang mal configurado, o al revés. En los dos casos, algo se rompe: o la vista previa social, o la interpretación SEO de las versiones.
La forma ordenada de verlo es esta: hreflang orienta a buscadores; Open Graph orienta a plataformas sociales y de mensajería. No compiten. Se complementan.
Qué errores son habituales en Open Graph multiidioma
El error más común es copiar los mismos metatags en todos los idiomas. Suele pasar cuando el CMS genera Open Graph desde una configuración global y no desde el contenido localizado de cada página.
También vemos URLs incorrectas, imágenes sin traducir, descripciones demasiado genéricas, locales mal escritos y páginas que declaran una versión como og:url, pero se comparten desde otra. Cada una de esas pequeñas inconsistencias reduce confianza.
Otro fallo frecuente es olvidarse de probar los previews después de publicar. Muchas plataformas cachean la vista previa, así que corregir un metatag no siempre se ve de inmediato. Hay que validar y, cuando haga falta, forzar refresco con sus herramientas de depuración.
Cómo revisar Open Graph en una web multiidioma
La revisión debería empezar por una muestra de páginas reales: home, servicios, artículos, landings y páginas clave en cada idioma. Para cada una, comprueba que título, descripción, URL, imagen y locale coinciden con la versión que estás viendo.
Después revisa consistencia con canonical, hreflang y estructura de rutas. No porque Open Graph dependa de todo eso directamente, sino porque una web multiidioma necesita que las señales no se contradigan entre sí.
Por último, prueba previews en plataformas reales o herramientas de depuración. Una cosa es que el HTML parezca correcto y otra que LinkedIn, WhatsApp, Slack o Facebook lo rendericen como esperabas. En Open Graph, el resultado visible manda bastante.
Preguntas frecuentes
Cada versión de idioma debe tener sus propios metadatos Open Graph: og:title, og:description, og:url, og:image y og:locale. Lo importante es que la página en español no muestre previews en inglés, ni la versión inglesa arrastre textos o URLs de otro idioma.
La etiqueta más específica es og:locale. Sirve para indicar el idioma y región de la página, por ejemplo es_ES o en_US. También puede usarse og:locale:alternate para declarar otros idiomas disponibles, aunque no sustituye una buena estructura de URLs ni hreflang.
No. Open Graph controla cómo se presenta una página cuando se comparte en plataformas sociales o de mensajería. hreflang ayuda a buscadores a entender versiones lingüísticas alternativas. Son capas distintas y conviene configurar ambas correctamente.
No siempre, pero suele ser recomendable si la imagen incluye texto. Si la pieza visual tiene copy en español, la página inglesa debería usar una versión en inglés. Si la imagen es puramente visual o de marca, puede reutilizarse con más facilidad. Pero lo recomendable es estudiar bien las necesidades propias de cada mercado.
El error más común es reutilizar los mismos metadatos en todos los idiomas. Eso genera previews mezcladas: títulos en un idioma, descripciones en otro, URLs incorrectas o imágenes que no corresponden con la versión compartida.
Para profundizar en este tema
