Vista Previa de Etiquetas OG
Pega meta-tags OG o rellena título/descripción/imagen — previsualiza tarjetas de Twitter/X, Facebook, LinkedIn y Discord.
¿Para qué sirve?
Al compartir un enlace en Twitter/X, Facebook, LinkedIn, Discord o Slack, se convierte en una tarjeta (título, descripción, imagen) según los meta-tags Open Graph. Cada plataforma renderiza distinto. Esta herramienta te muestra el contenido en paralelo.
Cuándo usarlo
- Verificar imagen OG / textos antes de desplegar.
- Probar imagen hero en crop 1,91:1.
- Comprobar dónde recorta cada plataforma el título/descripción.
- Redactar tags OG ausentes.
Tags mínimos
og:title,og:description,og:image(URL absoluta),og:url,og:typetwitter:card="summary_large_image"
Errores comunes
- Vista previa estática, no fetch en vivo. Usa los debuggers oficiales.
- URLs de imagen absolutas.
- Imagen accesible públicamente.
- Aspecto 1,91:1 (1200×630) funciona en todas.
- Tamaño <1 MB.
- Caché — fuerza re-scrape con el debugger.
- Recortes diferentes: Twitter ~70, FB ~88, LinkedIn ~100.
- Discord usa
theme-colorpara el borde izquierdo.