Seo Doktoru
Open Graph & Social Preview

Open Graph & Social Preview

Preview how your page looks when shared on Facebook, LinkedIn and X.

¿Qué es Open Graph & vista previa social?

La herramienta Open Graph y vista previa social lee las etiquetas Open Graph y Twitter Card de una página y muestra en directo cómo se verá al compartirla en Facebook, LinkedIn y X. Ves al instante si el título, la descripción y la imagen son correctos o faltan, para que tus publicaciones se vean profesionales.

Open Graph & Social Preview

Cómo usarlo

  1. 1Introduce la dirección (URL) de la página que quieres previsualizar.
  2. 2Revisa la vista previa de la tarjeta social para Facebook, LinkedIn y X.
  3. 3Detecta y corrige las etiquetas Open Graph / Twitter ausentes o erróneas.

Cómo interpretar el resultado

og:title y og:description
Fundamental — Si faltan, cada plataforma elegirá automáticamente fragmentos aleatorios del texto de tu página, ofreciendo a menudo un resultado poco profesional.
og:image 1200×630
Elemento crítico — Es el componente visual que capta la atención en el feed. Omitirlo o usar medidas erróneas reduce drásticamente el CTR del enlace.
Peso de la imagen
Menor de 5 MB — Los archivos muy pesados provocan caídas por tiempo de espera en los rastreadores, mostrando la publicación sin ninguna creatividad visual.
Imágenes con tipografía
Precaución — En pantallas móviles reducidas las tarjetas se comprimen, haciendo que los textos insertados dentro de la propia imagen resulten totalmente ilegibles.
Cambios en etiquetas
Caché de plataformas — Redes como Facebook o LinkedIn almacenan la vista previa antigua. Tras actualizar el código, debes forzar su borrado con sus depuradores oficiales.

Cuándo usarlo

Revisión previa al publicar

Los redactores verifican en segundos que el titular no quede cortado en móviles y que la imagen destacada encaje perfectamente antes de lanzar un artículo.

Lanzamiento de ofertas comerciales

Los especialistas en comercio electrónico confirman que los enlaces promocionales muestren el banner de descuento actualizado y no creatividades caducadas de campañas anteriores en redes.

Migración o rediseño web

Los desarrolladores comprueban tras cambiar de plantilla que el CMS no aplique un logotipo genérico por defecto en todas las fichas y artículos del portal.

Errores comunes

Rutas de imagen relativas

Especificar una ruta sin dominio impide que los rastreadores de redes sociales descarguen la imagen. Es obligatorio utilizar siempre una URL absoluta con el protocolo https:// completo.

Uso de formatos cuadrados

Subir creatividades con formato 1:1 genera barras laterales grises o recortes agresivos en LinkedIn y Facebook. La proporción recomendada estándar es horizontal en 1200×630 píxeles.

Archivos demasiado pesados

Utilizar imágenes que superen los 5 MB suele provocar tiempos de espera en los bots sociales. Conviene optimizar el archivo para mantenerlo por debajo de 1 MB.

Preguntas frecuentes

¿Para qué sirven las etiquetas Open Graph?

Las etiquetas Open Graph (og:title, og:description, og:image) definen el título, la descripción y la imagen que aparecen al compartir tu página en redes sociales.

¿Por qué no se muestra mi imagen al compartir?

Puede faltar la etiqueta og:image, la imagen ser demasiado pequeña o estar la caché de la plataforma desactualizada; el tamaño recomendado es 1200×630 píxeles.

¿Diferencia entre Twitter Card y Open Graph?

X (Twitter) usa primero las etiquetas Twitter Card y recurre a Open Graph si faltan; definir ambas es lo más seguro.

¿Acepta WhatsApp las etiquetas Open Graph?

Sí, WhatsApp genera la tarjeta de vista previa leyendo directamente las etiquetas og:title, og:description y og:image de tu web. No obstante, para que la miniatura cargue con fiabilidad, la imagen debe pesar preferiblemente menos de 300 KB y encontrarse alojada bajo HTTPS con una URL absoluta.

¿Se puede usar formato WebP o SVG en og:image?

No es recomendable recurrir a SVG ni WebP para og:image, ya que plataformas como LinkedIn o WhatsApp aún presentan problemas para procesarlos. La opción más segura y con compatibilidad universal en todas las redes sociales sigue siendo utilizar archivos en formato JPG o PNG optimizados.