Cuando alguien pega la dirección de tu página en WhatsApp, aparece una tarjeta con imagen, título y descripción. Esa tarjeta la controlas tú con unas etiquetas llamadas Open Graph. Si no las pones, WhatsApp inventa lo que puede, y a veces no muestra nada. La herramienta de NEUBOX te enseña cómo va a quedar en cada red y te da el código.
Herramienta: Vista previa de enlaces y generador Open Graph
Paso 1. Llena los datos de la página
El título y la descripción de aquí no son los mismos que los de Google, aunque se parezcan. En Google escribes para alguien que está buscando algo. Aquí escribes para alguien que va pasando por un chat y decide en un segundo si abre o no.
Puedes poner el mismo texto en los dos lados y no pasa nada malo. Pero si tienes tiempo para diferenciarlos, aquí conviene ser más directo.
Paso 2. Revisa cómo queda en cada red
Aquí se ve por qué no basta con revisar en una sola red. Cada plataforma corta en un punto distinto:
- WhatsApp es la más apretada: muestra la imagen chica, a un lado, y corta pronto la descripción.
- Facebook da la imagen grande y el título completo.
- X y LinkedIn tienen sus propios límites de título.
Si tu público comparte sobre todo por WhatsApp, que es lo normal en México, ajusta pensando en esa tarjeta y las demás salen sobrando.
Paso 3. La imagen, que es donde se falla
Tres reglas, y las tres se rompen seguido:
- La dirección de la imagen tiene que ser absoluta y pública. Completa, con
https://y tu dominio. Una ruta como/img/portada.jpgno funciona: las redes leen tu página desde fuera y no saben completarla. - 1200 por 630 píxeles. Es la medida que todas aceptan sin recortar mal.
- Que se entienda en chico. En WhatsApp esa imagen se ve del tamaño de una uña. Un texto de doce puntos ahí no se lee.
Paso 4. Copia y pega el código
Fíjate que salen dos bloques: uno de Open Graph, que usan WhatsApp, Facebook y LinkedIn, y otro para X, que tiene sus propias etiquetas. Copia los dos.
- En WordPress, tu plugin de SEO ya tiene una sección de redes sociales donde llenas estos campos sin tocar código.
- En un sitio hecho a mano, pega el bloque dentro del
<head>.
Si ya compartiste el enlace y sigue saliendo mal
Esto le pasa a todo el mundo y desespera: cambias la imagen, recargas, y la tarjeta sigue mostrando la anterior.
No es tu error. Las redes guardan una copia de la tarjeta la primera vez que alguien comparte el enlace, y no vuelven a leer tu página cada vez. Mientras esa copia siga guardada, verás la versión vieja aunque tu página ya esté corregida.
Se resuelve así:
- Facebook y WhatsApp comparten la misma copia. En el depurador de enlaces de Facebook, para desarrolladores, pega tu dirección y pide que la vuelva a leer. Al arreglarse en Facebook, se arregla en WhatsApp.
- LinkedIn tiene su propio inspector de publicaciones.
- El truco de emergencia: agrega
?v=2al final de la dirección. Para la red es un enlace nuevo, así que lo lee de cero. Sirve para salir del paso cuando la campaña ya está corriendo.
La moraleja práctica: revisa la tarjeta antes de mandar el enlace, no después. Corregir es mucho más lento que hacerlo bien la primera vez.
Herramientas que se usan junto con esta
- Comprimir y redimensionar imágenes, para dejar tu portada en 1200 por 630 y que pese poco.
- Previsualizador de resultados de Google, que es lo equivalente para el buscador.
- Generador de UTM, para saber cuánta gente llegó por el enlace que compartiste.
En la página de la herramienta está la guía completa, con los tres errores que dejan tu enlace sin imagen.