Dedicas una hora a escribir una publicación en LinkedIn, pegas el enlace y esperas a que aparezca la vista previa. Nada. O peor: sale la imagen equivocada, el título sale ilegible y la descripción es un fragmento cualquiera del texto de la página que no tiene sentido fuera de contexto.
No eres el único. Las vistas previas rotas son uno de los problemas más comunes del marketing digital, y también de los más fáciles de arreglar. Esta guía repasa las ocho causas más frecuentes, te muestra exactamente qué comprobar y te permite probar tu propia URL con la herramienta Open Graph Preview que tienes más abajo.
¿Qué son las etiquetas Open Graph?
Cuando compartes una URL en LinkedIn, Facebook, Slack, Twitter/X, iMessage o casi cualquier plataforma social, la plataforma no se limita a mostrar el enlace tal cual. Descarga la página en segundo plano, lee un conjunto de etiquetas HTML ocultas llamadas etiquetas Open Graph (OG) y las usa para construir una tarjeta de vista previa con un título, una descripción y una imagen.
Open Graph lo desarrolló originalmente Facebook, que lo publicó como protocolo abierto en 2010.[1] Desde entonces se ha convertido en el estándar universal de las vistas previas de enlaces en casi todas las plataformas. Un conjunto típico de etiquetas OG en el <head> del HTML de una página tiene este aspecto:
<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="A short description of this page." />
<meta property="og:image" content="https://example.com/images/preview.jpg" />
<meta property="og:url" content="https://example.com/your-page/" />
<meta property="og:type" content="website" />
Cuando estas etiquetas están presentes, son correctas y se puede acceder a ellas, las vistas previas funcionan muy bien. Cuando falta alguna, es incorrecta o está bloqueada, la vista previa se rompe, a veces sin ningún aviso.
¿No conoces estos términos? Consulta el glosario de acortamiento de enlaces, con definiciones sencillas de las etiquetas Open Graph, las vistas previas en redes sociales, las URL canónicas y otros conceptos relacionados.
Prueba tu URL ahora mismo
Antes de entrar en las ocho causas, usa la herramienta de abajo para comprobar cualquier URL con la que estés trabajando. Descarga la página igual que lo hacen LinkedIn y Facebook y te muestra exactamente qué etiquetas hay, cuáles faltan y cómo se verá la vista previa.
Pruébalo gratis, sin registro
Comprobador de Open Graph
Mira las etiquetas que hay detrás de un enlace y la tarjeta que generan.
Los 8 motivos más comunes por los que la vista previa de tu enlace está rota
1. Las etiquetas OG no existen
Es la causa más común. Muchos sitios web, sobre todo los antiguos, las herramientas hechas a medida y las páginas de aplicaciones, simplemente no tienen etiquetas Open Graph en su HTML. Cuando una plataforma social no las encuentra, improvisa: puede tomar el <title> de la página, usar el primer párrafo del texto o no mostrar ninguna imagen.
Qué comprobar: abre el código fuente de la página (clic derecho → «View Page Source» o la opción equivalente de tu navegador) y busca og:title. Si no encuentras nada, las etiquetas no están.
Cómo arreglarlo: añade las cinco etiquetas básicas de arriba a la sección <head> de la página. Si usas WordPress, plugins como Yoast SEO o Rank Math se encargan de esto automáticamente. En la mayoría de los creadores de sitios web (Squarespace, Webflow, Wix) hay un panel de configuración de SEO o de redes sociales para cada página.
2. La imagen OG es demasiado pequeña
Las plataformas exigen unas dimensiones mínimas y no muestran las imágenes que no llegan a ellas. LinkedIn, por ejemplo, exige que las imágenes midan al menos 1200 × 627 píxeles para el formato de tarjeta grande.[2] Facebook recomienda las mismas dimensiones y, si la imagen es más pequeña, la reduce a una miniatura o no muestra ninguna.
Los culpables habituales son el logotipo de la empresa (normalmente cuadrado y pequeño), un favicon o una foto de banco de imágenes que se comprimió antes de subirla.
Qué comprobar: la herramienta de vista previa te muestra la imagen que se usa y sus dimensiones. Una imagen OG del tamaño correcto para las plataformas actuales mide 1200 × 630 píxeles (una relación de aspecto de 1,91:1).
Cómo arreglarlo: crea una imagen específica para compartir en redes de 1200 × 630 píxeles. No es la misma que la imagen principal de la página: está pensada para verse bien recortada en una tarjeta horizontal. Herramientas como Canva tienen plantillas con exactamente ese tamaño.
3. La plataforma tiene en caché una vista previa antigua
LinkedIn, Facebook y otras plataformas guardan en caché las vistas previas de forma agresiva, a veces durante días o incluso semanas. Por eso, aunque corrijas las etiquetas OG, sigue apareciendo la vista previa antigua (rota): la plataforma no ha vuelto a descargar la página.
Es uno de los casos más frustrantes, porque la corrección ya está publicada pero parece que nada ha cambiado.
Cómo arreglarlo: cada plataforma importante ofrece una herramienta de rastreo o depuración que fuerza una nueva descarga:
- LinkedIn: usa LinkedIn Post Inspector. Pega la URL, haz clic en «Inspect» y la herramienta volverá a rastrear la página y borrará la caché de esa URL.
- Facebook / Meta: usa el Meta Sharing Debugger. Pega la URL y haz clic en «Scrape Again».
- Twitter/X: la caché se borra con más frecuencia, pero puedes forzar una actualización añadiendo un parámetro de consulta inofensivo (por ejemplo,
?v=2) la primera vez y quitándolo después.
Vacía la caché como primer paso después de cualquier cambio en las etiquetas OG.
4. Una redirección se interpone
Si la URL redirige a otra antes de que cargue la página final, algunas plataformas leen las etiquetas OG de la URL intermedia en lugar del destino final, o directamente no siguen la redirección.[3]
Pasa sobre todo con:
- Enlaces cortos (que redirigen a una URL de destino larga)
- URL antiguas con una redirección 301 a otras nuevas
- Enlaces con parámetros de seguimiento que pasan por una capa de redirección
- Enlaces de afiliado que pasan por varios saltos
Una cadena de redirecciones, en la que la URL A redirige a la URL B, que a su vez redirige a la URL C, agrava mucho el problema. Cada salto es una ocasión más para que el rastreador se rinda o lea la página equivocada.
Cómo arreglarlo: usa la ruta de redirección más corta posible (lo ideal es un solo salto directo a la página final). Asegúrate de que la página de destino final tenga las etiquetas OG correctas. Si usas un acortador de enlaces, comprueba si tu plataforma transmite las etiquetas OG o permite personalizar la vista previa social: muchas plataformas de gestión de enlaces te dejan definir los datos OG directamente en el enlace corto, sin depender de lo que haya en la página de destino.
5. La imagen OG es demasiado grande (peso del archivo)
Las dimensiones importan, pero el peso del archivo también. La guía oficial de Facebook recomienda que las imágenes OG pesen menos de 8 MB,[4] pero en la práctica las imágenes de más de 1-2 MB suelen provocar que el rastreador agote el tiempo de espera al descargarlas, sobre todo en servidores lentos o en alojamiento compartido.
Una captura de pantalla en 4K, un PNG sin comprimir exportado desde un programa de diseño o una foto sin procesar de una cámara pueden pesar fácilmente 5-15 MB aunque tengan las dimensiones en píxeles correctas.
Cómo arreglarlo: comprime la imagen OG antes de subirla. Herramientas como Squoosh (el compresor de imágenes gratis de Google que funciona en el navegador) o TinyPNG reducen el peso un 60-80 % sin pérdida de calidad visible. Apunta a menos de 500 KB para que cargue rápido y sin errores en todas las plataformas.
6. El servidor envía un tipo MIME incorrecto
Un tipo MIME es la etiqueta que un servidor asigna a un archivo para indicar al navegador (o al rastreador) qué clase de archivo es. Si el servidor envía una imagen con el tipo MIME incorrecto, por ejemplo marcando un JPEG como text/html, los rastreadores la rechazan y no muestran ninguna imagen, aunque el archivo en sí sea perfectamente válido.[5]
Parece un detalle raro, pero ocurre más de lo que crees, sobre todo con:
- Imágenes servidas desde una CDN con cabeceras mal configuradas
- Archivos subidos sin la extensión adecuada (por ejemplo,
previewen lugar depreview.jpg) - Servidores que asignan por defecto
application/octet-streama todos los archivos desconocidos
Qué comprobar: la herramienta Open Graph Preview te muestra el tipo de contenido que se devuelve para la imagen OG. Debe ser image/jpeg, image/png, image/gif o image/webp. Cualquier otro dará problemas al menos en algunas plataformas.
Cómo arreglarlo: si controlas el servidor, configúralo para que sirva las imágenes con la cabecera Content-Type correcta. Si usas un CMS o una CDN, vuelve a subir la imagen con la extensión correcta y comprueba las cabeceras con las herramientas para desarrolladores del navegador (pestaña «Network» → haz clic en la petición de la imagen → «Headers»).
7. Las etiquetas OG y las de Twitter Card se contradicen
LinkedIn y Facebook usan etiquetas Open Graph. Twitter/X usa su propio sistema, llamado Twitter Cards.[6] La mayoría de las plataformas recurren a las etiquetas OG si no hay etiquetas de Twitter Card, pero cuando están presentes los dos conjuntos y se contradicen (títulos distintos, imágenes distintas), algunas plataformas se confunden y muestran el que no es, o alternan entre ellos de forma imprevisible.
Un conflicto típico: un desarrollador añadió etiquetas OG que apuntaban a un banner horizontal y, más tarde, alguien del equipo de marketing añadió etiquetas de Twitter Card que apuntaban a un logotipo cuadrado. Ahora LinkedIn muestra el logotipo cuadrado en lugar del banner.
Cómo arreglarlo: revisa los dos conjuntos de etiquetas a la vez. En la mayoría de las páginas, las etiquetas og: y sus equivalentes twitter: deberían ser idénticas, salvo que tengas un motivo deliberado para mostrar contenido distinto en cada plataforma. Si quieres coherencia, define explícitamente las etiquetas de Twitter Card para que coincidan con las OG:
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Your Page Title" />
<meta name="twitter:description" content="A short description." />
<meta name="twitter:image" content="https://example.com/images/preview.jpg" />
8. El inspector de LinkedIn tiene sus propias manías
El rastreador de LinkedIn se comporta de forma distinta a los de Facebook y Twitter en varios aspectos importantes:
- No sigue todas las redirecciones. A veces se detiene en la primera redirección y lee las etiquetas de la URL intermedia, no de la página final.[2]
- Respeta
X-Frame-Optionsy algunas reglas derobots.txt. Si turobots.txtbloquea el rastreador de LinkedIn (Linkedinbot), las vistas previas fallarán. - Autenticación en la CDN de imágenes. Si la imagen OG está detrás de cualquier tipo de autenticación, token o URL firmada que expira, LinkedIn la rastreará bien la primera vez, pero fallará en los intentos siguientes, cuando el token haya expirado.
- Tarda más en borrar su caché. Incluso después de forzar un nuevo rastreo con Post Inspector, las publicaciones de LinkedIn que ya salieron con la vista previa antigua pueden no actualizarse; LinkedIn lo hace así a propósito.
Cómo arreglarlo: pasa la URL por LinkedIn Post Inspector antes de publicar, no después. Úsalo como comprobación previa cada vez que compartas un enlace importante. Asegúrate de que tu robots.txt permite Linkedinbot. Sirve las imágenes OG desde una URL pública y permanente, sin autenticación ni tokens que expiren.
Cómo construyen las apps la tarjeta de vista previa
Toda vista previa enriquecida de un enlace sale de la misma secuencia, sea cual sea la app en la que pegues el enlace.
- Descarga. El rastreador de la plataforma solicita la URL con su propio agente de usuario, sigue las redirecciones y lee el HTML que devuelve el servidor. No ejecuta tu JavaScript como lo haría un navegador; por eso suelen faltar las etiquetas que se insertan en el cliente.
- Lectura de etiquetas. Busca
og:title,og:descriptionyog:image(X consulta primerotwitter:*y, si no los encuentra, recurre a Open Graph; Discord y Slack también leen oEmbed cuando un sitio lo publica). Si falta una etiqueta, el rastreador recurre al título de la página, a la metadescripción o a nada. - Descarga de la imagen. La URL de la imagen se solicita por separado y se comprueban su peso y sus dimensiones. Una ruta relativa, una redirección o un archivo demasiado grande o demasiado pequeño son el motivo más habitual de que una tarjeta salga sin imagen.
- Caché y presentación. El resultado se guarda en caché durante
horas o días, según la plataforma, y se dibuja con el diseño de esa
plataforma: imagen grande arriba en el
summary_large_imagede X y en LinkedIn, una tarjeta compacta en iMessage, una inserción con una franja de color en Discord.
El comprobador de vistas previas de enlaces hace por ti los pasos uno a tres y muestra la tarjeta final en ocho plataformas una al lado de otra; el comprobador de Open Graph muestra las etiquetas en bruto que hay detrás. Si la tarjeta se ve bien en la herramienta pero mal en la app, la causa casi siempre está en el paso cuatro: una copia en caché de antes de la corrección.
Lista de comprobación rápida
Úsala antes de compartir cualquier enlace importante:
| Comprobación | Condición para darla por buena |
|---|---|
og:title presente | Sí |
og:description presente | Sí |
og:image presente | Sí |
og:url presente y canónica | Coincide con el destino final |
| Dimensiones de la imagen | Al menos 1200 × 630 px |
| Peso de la imagen | Menos de 1 MB (idealmente menos de 500 KB) |
| Tipo MIME de la imagen | image/jpeg, image/png o image/webp |
| Saltos de redirección hasta la página final | 1 o menos |
| Sin URL de imagen expiradas o con autenticación | Sí |
| Caché borrada en LinkedIn Post Inspector | Ejecútalo antes de publicar |
| Etiquetas de Twitter Card coherentes con las OG | Sí |
Por qué importa más allá de la estética
Una vista previa rota no es solo un problema estético. Los estudios muestran de forma constante que las publicaciones con vistas previas enriquecidas con imagen reciben mucha más interacción que las publicaciones con un enlace solo de texto. Los datos de LinkedIn indican que las publicaciones con imágenes reciben un 98 % más de comentarios que las que no las tienen.[2] En Facebook, las publicaciones con enlaces que tienen una vista previa bien preparada rinden de forma constante por encima de las que no la tienen, tanto en alcance orgánico como en anuncios de pago.
Si distribuyes cualquier tipo de contenido (artículos de blog, páginas de destino, páginas de producto, notas de prensa), corregir las etiquetas Open Graph es una de las inversiones de 30 minutos que más rendimiento te pueden dar.
Referencias
[1] Meta Platforms, Inc. (2010, en curso). The Open Graph Protocol. ogp.me. https://ogp.me/
[2] LinkedIn. (2024). Share on LinkedIn — Developer Documentation: Best Practices. LinkedIn Developer Platform. https://learn.microsoft.com/en-us/linkedin/consumer/integrations/self-serve/share-on-linkedin
[3] Fielding, R., Nottingham, M., & Reschke, J. (2022). RFC 9110: HTTP Semantics, §15.4 (Redirection). Internet Engineering Task Force (IETF). https://www.rfc-editor.org/rfc/rfc9110#section-15.4
[4] Meta for Developers. (2024). Sharing Best Practices for Websites & Mobile Apps. https://developers.facebook.com/docs/sharing/best-practices/
[5] Freed, N., & Borenstein, N. (1996). RFC 2046: MIME Part Two — Media Types. IETF. https://www.rfc-editor.org/rfc/rfc2046
[6] X Corp. (2024). Cards — X Developer Platform. https://developer.x.com/en/docs/twitter-for-websites/cards/overview/abouts-cards
Última actualización: mayo de 2026. Consulta también el glosario de acortamiento de enlaces: etiquetas Open Graph / OG, vista previa social, URL canónica, cadena de redirecciones.