Vista Previa Open Graph | Google, Twitter, Facebook, LinkedIn | Awesome Toolkit

Vista Previa Open Graph

Previsualiza el aspecto de tus páginas en Google, Twitter/X, Facebook y LinkedIn. Contador de caracteres integrado.

Por Marshkalk

0 / 60 chars (Google truncates at ~60)
0 / 160 chars (recommended max)
example.com
Título de la página
La descripción de la página aparecerá aquí.

Cómo usar la vista previa de Open Graph

  1. Completa el título, la descripción, la URL, el nombre del sitio y opcionalmente una URL de imagen.
  2. Cambia entre las pestañas Google, Twitter, Facebook y LinkedIn para ver cómo se muestra en cada plataforma.
  3. Ajusta hasta quedar satisfecho y copia los meta tags en el <head> de tu página.

Meta tags clave

  • og:title, titular de la tarjeta en Facebook, LinkedIn y Twitter
  • og:description, descripción en tarjetas sociales (150-200 caracteres ideal)
  • og:image, tamaño recomendado: 1200×630 px (ratio 1,91:1)
  • og:url, URL canónica de la página
  • twitter:card, configurar a summary_large_image para Twitter/X
  • title + meta name="description", usados por Google en los resultados de búsqueda

Recomendaciones de título y descripción

  • Título: 50-60 caracteres. Los títulos más largos se truncan con "...".
  • Descripción: 150-160 caracteres.

Tamaños de imagen por plataforma

PlataformaTamaño recomendadoTamaño mínimo
Facebook / LinkedIn1200×630 px600×315 px
Twitter/X (tarjeta grande)1200×628 px300×157 px