Vista previa Open Graph
Comprueba cómo se ve tu página cuando alguien la comparte, antes de publicarla.
Obtenido por nuestro servidor
Para leer una página web, nuestro servidor descarga la página y su imagen para compartir por ti. No las guardamos, ni tampoco la dirección que compruebas. Qué hacemos con tus datos
Sellado
Vistas previas del enlace
Escribe la dirección de una página para ver su vista previa de enlace en cinco apps populares.
Cómo funciona
-
Pega la dirección
Escribe la dirección de la página que vas a compartir: un artículo, un producto o tu página de inicio.
-
Compara las vistas previas
Mira tu tarjeta de enlace tal y como aparecería, aproximadamente, en Facebook, X, LinkedIn, Discord y Slack, una al lado de otra.
-
Corrige las etiquetas
Las comprobaciones señalan las etiquetas que faltan o son mejorables y los problemas de imagen. Actualiza tu página y vuelve a comprobarla.
Preguntas frecuentes
¿Qué son las etiquetas Open Graph?
Son meta etiquetas en el head de una página, como og:title, og:description y og:image. Las redes sociales y las apps de mensajería las leen para crear la tarjeta que se muestra cuando alguien comparte un enlace.
¿Por qué esta herramienta necesita vuestro servidor?
Los navegadores no permiten que un sitio web lea las páginas de otro. Nuestro servidor descarga la página y su imagen para compartir por ti, y solo te devuelve lo necesario para las vistas previas. No se guarda nada.
¿Qué tamaño debe tener mi imagen para compartir?
Usa 1200 × 630 píxeles, una proporción de 1,91:1. Las imágenes más pequeñas tienen una vista previa pequeña, y las de menos de 200 × 200 suelen ignorarse. Aleja el texto importante de los bordes, porque algunas apps recortan la imagen.
¿Estas vistas previas son exactamente lo que mostrará cada app?
Son aproximaciones fieles del diseño habitual de cada app. Las apps cambian su diseño de vez en cuando y pueden guardar en caché una versión antigua de tu página, así que la tarjeta real puede variar un poco.
He actualizado mis etiquetas, pero sigue saliendo la vista previa antigua. ¿Por qué?
Las redes sociales guardan una copia de cada enlace durante un tiempo. La mayoría ofrece una herramienta para actualizarla, como el Sharing Debugger de Facebook o el Post Inspector de LinkedIn.
¿Necesito etiquetas aparte para X (Twitter)?
Casi nunca: X lee el título, la descripción y la imagen de Open Graph. Añade twitter:card con el valor summary_large_image si quieres una imagen grande en lugar de un cuadrado pequeño.