Vista Previa de Compartir Open Graph
Una vista previa Open Graph muestra cómo se ve un enlace cuando alguien lo comparte. Esta herramienta gratuita obtiene tu página, lee sus etiquetas og: y twitter:, carga la og:image y dibuja la tarjeta de compartir para Facebook, LinkedIn y X lado a lado, listando las etiquetas que encontró. Para validar las etiquetas en sí, usa el verificador Open Graph.
Open Graph Preview
On-page SEO
Sobre esta herramienta
Cuando un enlace se pega en una red social, la plataforma no muestra tu página; muestra una tarjeta construida a partir de algunas etiquetas meta en el head. Las etiquetas Open Graph establecen el título, descripción e imagen, y las etiquetas Twitter o X pueden anularlas. Una página sin etiquetas obtiene una tarjeta simple, a menudo fea, y una tarjeta con una imagen mal recortada obtiene menos clics.
La herramienta de vista previa carga tu página desde nuestro servidor, lee las etiquetas og: y twitter:, recurre al título de la página y meta descripción donde falta una etiqueta, y descarga la og:image para colocarla en cada tarjeta. Ves tres tarjetas, una en el estilo de Facebook, una de LinkedIn y una de X, más la tabla de etiquetas a partir de las cuales se construyeron las tarjetas.
Las tarjetas son aproximaciones cercanas, no capturas de pantalla. Cada red recorta y estiliza las tarjetas a su manera y cambia el diseño de vez en cuando. También almacenan en caché una página durante días, así que después de corregir etiquetas es posible que necesites actualizar el caché con la herramienta de depuración de la plataforma. Esta página muestra el resultado visual; el verificador Open Graph prueba si las etiquetas están completas y son válidas.
Preguntas frecuentes
¿Qué tamaño debe tener una imagen Open Graph?
Usa una imagen de 1200 por 630 píxeles, una relación de 1.91 a 1, menor a 5 MB, como JPEG o PNG. Mantén el texto importante y los rostros alejados de los bordes porque algunas aplicaciones recortan. Facebook, LinkedIn y X manejan bien este tamaño, así que una imagen puede servir para cada red.
¿Por qué mi imagen antigua sigue mostrándose después de cambiarla?
Las redes sociales almacenan en caché la tarjeta de una página. Usa el Depurador de Compartir de Facebook y el Inspector de Publicaciones de LinkedIn para obtener la página nuevamente. X actualiza su caché por su cuenta después de un tiempo. También verifica que la URL de la imagen sea nueva o que el archivo realmente fue reemplazado.
¿Necesito etiquetas de tarjeta de Twitter además de Open Graph?
X recurre a etiquetas Open Graph, así que og:title, og:description y og:image son suficientes. Añade twitter:card con summary_large_image para obtener el diseño de imagen grande, y añade etiquetas twitter solo cuando quieras que X muestre algo diferente de las otras redes.
¿Cuál es la diferencia entre esta herramienta y el verificador Open Graph?
Esta herramienta dibuja cómo puede verse un compartir. El verificador Open Graph audita las etiquetas: propiedades faltantes, tamaño de imagen, consistencia de URL y errores comunes. Visualiza primero para ver el resultado, luego valida para descubrir qué corregir. Juntas cubren cómo aparecen tus enlaces cuando se comparten.