WhatsApp, Facebook, X, LinkedIn, Telegram y Slack, cada uno corta distinto. Míralo antes de publicar y llévate las etiquetas listas.
1200 × 630 píxeles es la medida que usan todas. Sube una para verla o pega su dirección.
Un enlace sin imagen pierde clics contra uno que se ve bien, aunque lleven al mismo lugar.
Cuando pegas un enlace en WhatsApp o en Facebook, la plataforma manda un robot a leer tu página y busca unas etiquetas especiales en el head del HTML. Esas etiquetas son el protocolo Open Graph, creado por Facebook en 2010 y adoptado después por casi todos.
Si no las encuentra, la plataforma improvisa: toma el title, a veces el primer párrafo, y muchas veces ninguna imagen. El resultado es un enlace pelón que se pierde entre los demás.
Son cuatro etiquetas las que hacen el 95% del trabajo: og:title, og:description, og:image y og:url.
Es el más común con diferencia. Poner /imagenes/portada.png no funciona: Open Graph exige la dirección absoluta, con https y dominio completo. El robot que lee tu página no sabe desde dónde resolver una ruta relativa.
Si pesa varios megas, el robot se rinde antes de descargarla. Si mide menos de 600 píxeles de ancho, se muestra pequeña y a un lado en vez de ocupar todo el ancho. La medida correcta es 1200 por 630 y menos de 300 KB, algo que resuelves con el compresor de imágenes.
Actualizas la página y la vista previa sigue mostrando lo de antes. Cada plataforma guarda lo que leyó la primera vez, a veces por semanas. Facebook tiene un depurador de enlaces, LinkedIn su inspector y X su validador. WhatsApp usa la caché de Facebook, así que depurar ahí arregla las dos.
| Plataforma | Título | Descripción |
|---|---|---|
| 65 aprox. | 110 aprox. | |
| 88 | 200, muestra menos en móvil | |
| X | 70 | 200 |
| 120 | casi no la muestra |
La regla práctica que sobrevive a todas: título de hasta 60 caracteres y descripción de hasta 110. Con eso nada se corta en ningún lado, incluida WhatsApp, que es la más estricta y también la que más se usa en México.
Casi siempre porque falta og:image, porque está puesta con dirección relativa en vez de absoluta, o porque la imagen pesa tanto que el robot se rinde antes de bajarla.
1200 por 630 píxeles, que da la proporción 1.91 a 1. Por debajo de 600 de ancho se muestra chiquita y a un lado. Que pese menos de 300 KB.
No. Un navegador no puede leer otro sitio por una restricción de seguridad llamada CORS. Los datos se escriben a mano, lo cual tiene la ventaja de que puedes probar títulos e imágenes antes de publicarlos.
No son obligatorias: X lee Open Graph si no encuentra las suyas. Vale la pena poner twitter:card porque es lo único que decide entre tarjeta grande y chica.
Open Graph pide una dirección absoluta y estable. En NEUBOX tenemos hosting y dominios para que esa dirección sea tuya.
