La herramienta de vista previa OG es una herramienta online gratuita que muestra cómo aparecen las etiquetas Open Graph en redes sociales.
¿Cómo usar Vista previa OG?
Introduce la información de las etiquetas OG (título, descripción, URL de imagen).
Selecciona la plataforma de vista previa (Facebook, Twitter, etc.).
Comprueba la vista previa en tiempo real y optimiza.
Preguntas frecuentes sobre Vista previa OG
¿Cuál es el tamaño recomendado de la imagen OG?
Facebook recomienda 1200×630px y Twitter 1200×628px. Crear imágenes de 1200×630px generalmente funciona bien en la mayoría de plataformas.
¿Qué pasa si no hay etiquetas OG?
Las redes sociales extraerán título, descripción e imágenes arbitrariamente de tu página. Las etiquetas OG te dan control preciso sobre lo que se muestra al compartir.
He corregido las etiquetas OG pero al compartir sigue saliendo la imagen antigua.
Porque cada plataforma cachea la vista previa que leyó la primera vez, a veces durante días o semanas. El Depurador de uso compartido de Facebook, el Post Inspector de LinkedIn y el validador de tarjetas de X permiten pedir un nuevo rastreo de esa URL y la refrescan al instante. Para mensajeros sin una herramienta así, el apaño habitual es añadir algo como ?v=2 al enlace para que se registre como una dirección nueva.
¿Qué debo vigilar al poner texto en una imagen OG?
El tamaño recomendado es 1200×630 px, pero cada plataforma recorta los bordes a su manera, así que mantén las palabras esenciales dentro del 80 % central. En un feed la imagen se reduce a unos 300 px de ancho, de modo que las letras deben medir al menos 60 px de alto en el original para seguir legibles. Y como el título ya aparece debajo, la imagen rinde más con una frase corta que insinúe el tema de un vistazo que repitiendo el titular.
¿Cómo aprovechar Vista previa OG al máximo?
Usa 1200x630 (1.91:1) en og:image: es lo que esperan Facebook, LinkedIn y Slack.
Los enlaces compartidos quedan en caché; pasa el Depurador de Facebook tras cambiar la imagen.
Sin og:title se reutiliza el <title>; escribir un texto propio para compartir mejora el CTR.