Vista previa Open Graph: mira cómo se ve tu enlace al compartirlo

Para quién es esta página: para quien ya tiene las etiquetas publicadas y quiere saber qué hace cada red con ellas antes de mandar el enlace a una lista, un grupo o un anuncio. Si todavía tienes que escribir las etiquetas, empieza por el generador de meta tags, que arma el bloque del head completo listo para pegar. Si tu pregunta es sobre la página de resultados de Google, y no sobre redes sociales, el camino es el simulador de SERP, que mide el corte del title en píxeles. Las tres herramientas miran partes distintas del mismo head: una lo escribe, otra mide la búsqueda, y esta mide el compartido.

El mismo enlace se convierte en seis tarjetas distintas

Hay una ilusión cómoda de que Open Graph es un estándar, y de que estándar significa comportamiento idéntico. No lo significa. Las etiquetas son las mismas, pero cada plataforma decide sola tres cosas: qué etiqueta lee, dónde corta el texto y cómo recorta la imagen. El resultado es que el mismo enlace puede aparecer entero en Slack, con el título cortado en WhatsApp y sin ninguna descripción en LinkedIn, sin que exista un solo error en tu código.

Tres ejemplos que aparecen todos los días. LinkedIn no muestra la og:description en la tarjeta del feed: lo que queda es imagen, título y dominio, y un título que dependía de la segunda línea para tener sentido llega por la mitad. X, con la etiqueta twitter:card en summary_large_image, dibuja el título por encima de la propia imagen y tampoco muestra descripción. WhatsApp sí acepta descripción, pero tiene el presupuesto de texto más corto de todos y un límite práctico de peso de archivo que hace desaparecer la imagen sin ningún aviso.

Ninguna de esas tres cosas aparece en tu editor, en tu CMS ni en un validador de HTML. Solo aparecen cuando alguien pega el enlace. Esta herramienta adelanta ese momento.

Cómo usarla

1. Si ya tienes las etiquetas publicadas, abre pegar el head aquí, pega el bloque de meta etiquetas y pulsa leer las etiquetas. Los campos se completan solos. Si todavía no las tienes, escribe directo en los campos.
2. Indica las dimensiones y el peso de la imagen. Es el dato que casi ninguna vista previa pide y es justamente el que decide si la tarjeta va a tener imagen. Si prefieres, elige el archivo en ver con la imagen real y los tres campos se completan solos.
3. Recorre el selector de plataforma. La tarjeta se vuelve a dibujar en cada cambio, con el formato, el corte y el recorte de esa red.
4. Mira la tabla las mismas etiquetas en todas las plataformas. Responde de una sola vez dónde tu texto sobrevive entero y dónde se corta, con cuántos caracteres desaparecen en cada lugar.
5. Arregla lo que aparezca en la lista qué arreglar antes de compartir y mira subir la nota. La nota mide el conjunto de etiquetas; el corte es una lectura aparte, campo por campo.

Cómo funciona: las tres decisiones de cada plataforma

Todo lo que hace la herramienta sale de cuatro reglas simples aplicadas con los números de referencia de cada red:

La cuarta regla es la que suele sorprender. Una red social no deforma la imagen: la recorta desde el centro. Un arte de 1200 por 630, que es 1,90:1, encaja casi perfecto en un marco de 1,91:1 y pierde el 0,3% del área. Ese mismo arte, metido en un cuadrado, pierde el 47,5% de su ancho, y todo lo que estaba en los laterales desaparece. Como no eliges en qué formato va a caer tu enlace, la regla práctica es diseñar para los dos: información esencial dentro del cuadrado central, aire en los bordes.

El conteo de caracteres usa caracteres percibidos, no puntos de código: un emoji con tono de piel cuenta como uno, que es como corta la plataforma y como cuenta una persona. Y el corte prefiere soltar la última palabra entera en lugar de partirla por la mitad, que es el comportamiento observado en las tarjetas reales.

Ejemplo trabajado (reproduce el resultado por defecto)

El ejemplo ya cargado es el enlace de una guía de zapatillas de running, con una imagen de 1200 por 630 píxeles y 240 KB, en la plataforma WhatsApp. Revisando lo que muestra la herramienta, número por número:

• Título: 74 caracteres, contra el límite de 65 de WhatsApp. La tarjeta muestra hasta "probados en" y se detiene ahí: desaparecen 16 caracteres, junto con asfalto y cinta.
• Descripción: 144 caracteres, contra el límite de 100. La línea termina en "peso del" y desaparecen 50 caracteres, incluida la tabla de amortiguación, que era la mitad del argumento.
• Imagen: proporción 1,90:1, recorte del 0,3% en el marco de 1,91:1 de la tarjeta grande. En el diagrama, el trazo verde cubre casi todo el arte y el cuadrado punteado corta el 47,5%.
• Nota de las etiquetas: 92, banda A, con dos salvedades en la lista: el título y la descripción pasan del límite más estrecho entre las plataformas.

Ahora recorre el selector de plataforma sin tocar nada más y mira el mismo enlace cambiar de comportamiento. En LinkedIn el título aparece entero, porque el límite ahí es de 100 caracteres, pero la descripción desaparece por completo. En X el título pierde 6 caracteres, porque el límite es de 70, y la descripción tampoco aparece: la tarjeta grande es imagen con el título encima. En Facebook, Telegram y Slack todo cabe entero. Seis plataformas, tres resultados distintos, un único bloque de etiquetas.

Haz dos pruebas más para ver las dos roturas que nadie detecta a tiempo. Cambia el peso del archivo de 240 a 420 KB y vuelve a WhatsApp: la tarjeta pierde la imagen y se vuelve texto puro, con el aviso de que el archivo pasa de lo que la plataforma descarga. Después devuelve 240 y cambia las dimensiones a 800 por 800: la imagen se vuelve cuadrada, el recorte en el marco de la tarjeta grande salta al 47,6% y la nota cae de 92 a 83.

Las medidas de referencia, plataforma por plataforma

Estos son los valores que usa la herramienta, revisados en septiembre de 2026. Ninguna plataforma los publica como contrato, y todas cambian la tarjeta sin avisar, así que trata los límites como orden de magnitud. Lo que no es estimación es la cadena de etiquetas: esa es la regla de lectura documentada de cada red y es lo que más explica una vista previa inesperada.

• WhatsApp: tarjeta grande cuando la imagen tiene al menos 300 por 200 píxeles y el archivo queda por debajo de unos 300 KB. Título en torno a 65 caracteres, descripción en torno a 100. Es la plataforma más estrecha de las seis, en los dos sentidos.
• LinkedIn: tarjeta grande en 1,91:1, título de hasta unos 100 caracteres, sin descripción en el feed. Recomienda 1200 por 627 píxeles.
• X (Twitter): el formato viene de la etiqueta twitter:card. En summary_large_image, imagen grande con el título encima y sin descripción, con título en torno a 70 caracteres. En summary, miniatura cuadrada con título y descripción al lado.
• Facebook: tarjeta grande, título en torno a 88 caracteres en escritorio y bastante menos en móvil, descripción en torno a 155, dominio escrito en mayúsculas en el pie.
• Telegram: tarjeta con el nombre del sitio arriba, título en torno a 90 caracteres y descripción en torno a 200. Es la más generosa con el texto después de Slack.
• Slack: muestra el nombre del sitio, título en torno a 80 caracteres y descripción de hasta unos 300. La imagen solo aparece grande cuando es ancha, a partir de unos 500 píxeles.

Cómo interpretar cada número

La nota de las etiquetas sociales mide el conjunto, no la tarjeta de una plataforma: las etiquetas existen, apuntan a un archivo que se puede cargar, y el texto cabe en el presupuesto más estrecho. Se puede tener buena nota y aun así ver corte en una red, y por eso la línea de veredicto debajo de la tarjeta habla por plataforma, no por el conjunto.

Los caracteres que desaparecen responden la pregunta que el porcentaje no responde: qué se pierde exactamente. Dieciséis caracteres al final de un título suelen ser dos palabras; cincuenta al final de una descripción suelen ser el motivo por el que alguien haría clic. Si lo que desaparece es irrelevante, el corte también lo es. Si lo que desaparece es la promesa, el arreglo casi siempre es mover la información al principio, no borrar palabras.

El área de la imagen cortada solo se vuelve un problema cuando pasa de más o menos el 20%. Por debajo de eso el recorte se come margen; por encima empieza a comerse contenido. El número del recorte cuadrado es el peor caso y sirve de techo de seguridad: si tu arte sobrevive al cuadrado, sobrevive a cualquier tarjeta.

La etiqueta que ganó es la fila más subestimada del informe. Cuando muestra que el título vino de la etiqueta title del documento, y no de og:title, significa que el texto de la tarjeta es el que escribiste para Google, con nombre de marca al final y todo. Suele ser la explicación de esa tarjeta rara que nadie logra justificar.

Límites conocidos

El límite mayor es la caché. Toda plataforma guarda la tarjeta por días después de la primera lectura, así que un enlace que ya circuló sigue mostrando la versión vieja aunque las etiquetas hayan cambiado. Facebook, LinkedIn y X tienen herramientas oficiales para forzar la relectura; WhatsApp y Telegram no, y ahí el truco es versionar la URL de la imagen.

Las medidas de cada plataforma son referencia, no contrato. El mismo enlace rinde tarjetas algo distintas en la aplicación y en el navegador, en el móvil y en la computadora, y las redes ajustan esos diseños sin ningún anuncio. La diferencia entre 88 y 92 caracteres no cambia ninguna decisión de escritura; la diferencia entre mostrar y no mostrar la descripción sí, y por eso la herramienta separa esos dos niveles de información.

La herramienta tampoco descarga tu URL ni tu imagen: trabaja con lo que indicas. Ese es el precio de no tener un servidor en el medio, y es un intercambio deliberado, porque significa que las etiquetas de una página en borrador nunca pasan por una máquina que no sea la tuya. Para revisar el head completo después de arreglar la tarjeta, el generador de meta tags devuelve el bloque entero, y el generador de schema Article se encarga de los datos estructurados, que son otro asunto.

De la tarjeta bonita al clic testeado

Una tarjeta que cabe es el piso, no el objetivo. Una vez que el enlace aparece entero en todos lados, la pregunta siguiente es qué versión hace que más gente haga clic y qué pasa con quien lo hace:

• Si el destino es una landing page, pásala por el evaluador de landing page antes de pelear por más clics hacia una página que no convierte.
• Antes de decidir si una versión de página gana a la otra, mira cuánto tráfico exigiría el test en la calculadora de tamaño de muestra.
• Con el test en el aire, revisa el veredicto en la calculadora de significancia estadística en lugar de cerrarlo el primer día bueno.
• Para saber si el sitio está listo para ser citado por sistemas de IA, y no solo compartido, usa el checklist de preparación GEO.

Preguntas frecuentes

¿Por qué mi enlace aparece sin imagen en WhatsApp?

Son cuatro causas, en ese orden de frecuencia. La primera es el peso del archivo: WhatsApp descarga la imagen en una ventana corta y desiste cuando es demasiado grande, y en la práctica a partir de unos 300 KB la vista previa empieza a fallar de forma intermitente. La segunda es la URL: la etiqueta tiene que apuntar a una dirección absoluta en https, porque la plataforma lee la etiqueta fuera del contexto de la página y no resuelve rutas relativas. La tercera es el tamaño de la imagen: por debajo de 300 por 200 píxeles la tarjeta cae a la miniatura cuadrada o desaparece. La cuarta es la caché: si el enlace ya circuló una vez con la etiqueta equivocada, la versión guardada se sigue sirviendo por bastante tiempo. Indica el peso y las dimensiones de tu imagen en la herramienta de arriba y la tarjeta cambia al instante, mostrando cuál de las cuatro es la tuya.

¿Cuál es el tamaño ideal de la imagen de Open Graph?

1200 por 630 píxeles, que da la proporción de 1,91:1 recomendada por Facebook, LinkedIn y X para la tarjeta grande, con un archivo por debajo de 300 KB para sobrevivir a WhatsApp. Ese formato pasa en todas las plataformas sin recorte relevante. El detalle que casi nadie considera es el recorte cuadrado: cuando una plataforma cae a la miniatura, corta el centro en 1:1 y tira casi la mitad del ancho de tu arte. Por eso la regla práctica importa más que el número: mantén el logotipo y el texto dentro del cuadrado central y la imagen funciona en los dos formatos.

¿LinkedIn muestra mi meta description en la tarjeta?

En el feed no. La tarjeta de enlace de LinkedIn hoy es imagen, título y dominio, y la og:description no aparece ahí. Eso cambia lo que escribes: en LinkedIn el título tiene que sostenerse solo, porque no hay una segunda línea para cerrar el argumento. Vale el mismo razonamiento en X con la tarjeta grande, que también dibuja solo el título por encima de la imagen. Sigue completando la og:description, porque WhatsApp, Facebook, Telegram y Slack sí la usan, pero no cuentes con ella para cerrar la promesa.

¿Necesito las etiquetas twitter: si ya tengo Open Graph?

Necesitas una: twitter:card. Las demás son opcionales, porque X cae a las etiquetas Open Graph cuando no encuentra la versión twitter:. Sin twitter:card, en cambio, no arma la tarjeta grande ni con la imagen correcta, y pierdes el formato que ocupa más espacio en pantalla. twitter:title y twitter:image solo valen la pena cuando quieres un texto o un arte distinto para X, que es un caso legítimo pero raro. La herramienta de arriba muestra qué etiqueta ganó en cada plataforma en las filas del informe, justamente para que veas cuándo el texto que aparece no es el que creías haber escrito.

Cambié las etiquetas y la vista previa sigue siendo la vieja. ¿Qué hago?

Toda plataforma guarda la tarjeta en caché por días, y algunas por semanas. La salida es forzar la relectura en la herramienta oficial de cada una: el depurador de contenido compartido de Facebook, el inspector de publicaciones de LinkedIn y el validador de tarjetas de X tienen un botón para volver a leer. WhatsApp y Telegram no tienen herramienta pública, y ahí el camino es cambiar la URL de la imagen, agregando una versión al nombre del archivo, porque la clave de la caché es la dirección. Antes de forzar cachés, revisa aquí si las etiquetas nuevas de verdad resuelven el problema: forzar la relectura de una etiqueta todavía equivocada solo cambia una tarjeta mala por otra.

¿La herramienta descarga las etiquetas de mi URL?

No, y es a propósito. Descargar una URL exigiría un servidor nuestro en el medio, y entonces el texto de tu página en borrador pasaría por él. Aquí todo corre en tu navegador: pegas el bloque de meta etiquetas y la lectura ocurre en tu máquina, sin ninguna llamada de red. La imagen, si eliges el archivo, se lee del disco local por una dirección temporal del navegador y tampoco se envía a ningún lado. Puedes confirmarlo abriendo la pestaña de red del navegador mientras usas la herramienta: no sale nada.

¿La og:image:alt sirve para algo?

Sirve, y para dos cosas. La primera es accesibilidad: es el texto que un lector de pantalla anuncia en lugar del arte cuando alguien comparte el enlace, y sin él la persona solo escucha que existe una imagen. La segunda es diagnóstico: un alt bien escrito obliga a quien produce la tarjeta a responder qué hay en la imagen, y esa pregunta suele revelar que el arte no comunica nada por sí solo. No influye en la posición en la búsqueda ni en el tamaño de la tarjeta, así que quien promete eso está vendiendo algo que no existe.

¿Cuántos caracteres cuenta un emoji en el og:title?

Uno, y esa es la cuenta correcta. La herramienta usa caracteres percibidos, que es como cuenta una persona y como cortan las plataformas en pantalla. Un emoji común, una bandera o un emoji con tono de piel pueden ocupar dos, cuatro o más puntos de código, y un contador ingenuo diría que tu bandera se come cuatro caracteres del presupuesto. Ten en cuenta, eso sí, que un emoji ocupa más ancho que una letra: si tu título ya está al límite, el emoji puede adelantar el corte antes de lo que indica el número.

Sigue leyendo

Para entender cómo la búsqueda y las respuestas de IA tratan lo que publicas, sigue por CRO y SEO, qué cambia en cada uno, mira la guía de GEO en 2026 y lee sobre test A/B de landing page en SaaS B2B.