¿Cómo se verá mi enlace en Facebook y X?
Pega una URL, pulsa "Comprobar" y descargamos la página desde nuestro servidor (tu navegador no puede hacerlo, CORS bloquea las peticiones cross-origin), extraemos las etiquetas OpenGraph y Twitter Card, y renderizamos cómo se verá tu enlace en Facebook, Slack, X (Twitter), LinkedIn, Discord e iMessage.
También obtienes una lista de problemas: etiquetas ausentes, tamaño de imagen incorrecto, URL inalcanzable, título demasiado largo, tipo de tarjeta Twitter incoherente, rutas de imagen relativas (algunos crawlers las rechazan).
Perfecto antes de publicar una entrada de blog, una oferta de empleo, una campaña de marketing o una nueva landing.
Cómo usarla
- Pega la URL completa de la página (p. ej. `https://tu-sitio.com/blog/articulo`). Puedes omitir `https://`, lo añadimos.
- Pulsa "Comprobar" o Enter. El servidor dispone de 8 segundos para descargar la página: normalmente 1-3 segundos.
- Verás 5 previsualizaciones en paralelo, una tabla con cada meta tag encontrado y una lista de incidencias.
- Si ves errores rojos (`og:image` ausente, imagen inalcanzable), arréglalos en tu CMS y vuelve a comprobar.
- Tras publicar, fuerza el refresco de caché con las herramientas de cada plataforma: Facebook Sharing Debugger, LinkedIn Post Inspector, X Card Validator.
Cuándo es útil
Seis situaciones típicas en las que merece la pena previsualizar un enlace antes de enviarlo:
- Una nueva entrada de blog. Comprueba que la imagen destacada se captó como `og:image` y no queda recortada por los bordes.
- Una página de oferta de empleo. RR. HH. va a compartir el enlace en LinkedIn: la previsualización debe verse profesional. Sin `og:image` LinkedIn solo muestra el dominio.
- Campaña en redes sociales. Marketing planifica publicaciones de pago: cada enlace necesita una imagen 1200×630 y un título legible de menos de 60 caracteres.
- Una nueva landing de producto. Verifica que `twitter:card` es `summary_large_image` (tarjeta grande) y no `summary` (miniatura pequeña).
- Auditoría SEO de cliente. Escanea las páginas clave una a una, compila una lista de carencias y entrega el informe al equipo de desarrollo.
- Tras una migración de CMS. Comprueba que `og:url` apunta al nuevo dominio, no al antiguo (bug habitual al migrar de WordPress a Next.js).
¿Necesitas redactar los meta tags desde cero? Usa el generador de meta tags. Cuando la página esté en producción, genera el sitemap.xml y el robots.txt correspondientes para que los buscadores la indexen sin problemas.