Verificador de Open Graph
Comprobar y depurar las etiquetas de Open Graph
Pega una URL para leer sus etiquetas Open Graph y ver la vista previa del enlace que generan. Encuentra las etiquetas og que falten o entren en conflicto y corrígelas antes de compartir la página.
og:title
El titular que se muestra en la tarjeta de vista previa. Procura que tenga menos de unos 60 caracteres y que se entienda por sí solo, sin que el nombre del sitio web tenga que hacer todo el trabajo.
Título
Descripción
framer.com
og:description
El breve resumen debajo del título. Lo ideal es que tenga entre 110 y 160 caracteres. Algunas aplicaciones solo muestran la primera línea, así que empieza por la idea principal.
Título
Descripción
framer.com
og:image
La imagen de vista previa. Utiliza una URL HTTPS absoluta a un archivo JPG o PNG de 1200 x 630 píxeles, y añade og:image:width, og:image:height y og:image:alt.
og:url y og:type
og:url debe coincidir con la URL canónica para que el contenido compartido se contabilice en una sola dirección. og:type suele ser website para páginas y article para publicaciones de blog.
Título
Descripción
framer.com
Una guía práctica sobre las etiquetas Open Graph
Open Graph es el protocolo que utiliza la mayoría de las plataformas para generar vistas previas de enlaces. Un comprobador de Open Graph te muestra qué información leerán de tu página y te ayuda a solucionar problemas.
¿Qué es un comprobador de Open Graph?
Un comprobador de Open Graph rastrea una URL, lee sus etiquetas meta og y genera tarjetas de vista previa para plataformas como LinkedIn, Facebook, X, Slack y WhatsApp. Funciona como un depurador para comprobar cómo se ve tu enlace al compartirlo.
¿Qué etiquetas Open Graph son obligatorias?
Las cuatro etiquetas básicas son og:title, og:type, og:image y og:url. Añade og:description y og:site_name para obtener una vista previa completa, y og:locale si publicas en varios idiomas.
Cómo depurar las etiquetas de Open Graph
Pasa la URL por el comprobador y busca etiquetas faltantes, duplicados o valores que difieran de los de la página. Asegúrate de que las etiquetas estén en el HTML generado por el servidor, ya que muchos rastreadores no ejecutan JavaScript.
Open Graph vs. Twitter Cards
Las etiquetas de Twitter card como twitter:card y twitter:image son específicas de X. Si no están presentes, X recurre a las etiquetas de Open Graph. Configura twitter:card como summary_large_image y deja que Open Graph se encargue del resto.
¿Por qué sigue apareciendo la vista previa antigua?
Las plataformas guardan las vistas previas en caché. Después de cambiar las etiquetas, vuelve a publicar la página y utiliza la herramienta propia de la plataforma, como el Inspector de publicaciones de LinkedIn, para obtener una copia actualizada.
¿Ayudan las etiquetas Open Graph al SEO?
Las etiquetas Open Graph no son un factor directo de posicionamiento, pero unas vistas previas mejores consiguen más clics y compartidos, lo que atrae a más visitantes y aumenta las posibilidades de obtener enlaces a tu página.
Una lista de comprobación rápida para Open Graph
Un og:title y un og:description por página, una og:image de 1200 x 630 con una URL absoluta, la og:url coincidiendo con la canónica, twitter:card configurado y una nueva comprobación después de cada cambio.
Más herramientas gratuitas: el comprobador de tamaño de imágenes OG, el validador de Twitter Cards, el comprobador de favicons y el generador de metaetiquetas.