Herramienta SEO gratis

Comprobar Open Graph y la vista previa de tu enlace

Comprueba gratis las etiquetas Open Graph de tu página y mira cómo se ve un enlace cuando alguien lo comparte en WhatsApp, LinkedIn, Facebook o X. La herramienta muestra todas las etiquetas og: y twitter: que encuentra y señala lo que falta.

Gratis, sin cuenta

¿Qué son las etiquetas Open Graph?

Las etiquetas Open Graph son metaetiquetas en el head de una página que indican a las redes sociales y apps de mensajería qué título, descripción e imagen mostrar al compartir un enlace. El protocolo Open Graph exige og:title, og:type, og:image y og:url; og:description es opcional pero útil. Sin og:image, un enlace compartido puede aparecer sin imagen o con una que elige la plataforma. Este comprobador lee las etiquetas de tu página y crea una vista previa aproximada para cuatro redes.

Qué muestra el comprobador de Open Graph

La herramienta descarga la dirección que introduces y lee las metaetiquetas del head de la página. Con ellas crea una tarjeta de vista previa al estilo de WhatsApp, LinkedIn, Facebook y X. Las vistas previas son una buena aproximación: cada red tiene su propio diseño, recorte y caché, así que la tarjeta real puede variar un poco.
  • Una tarjeta de vista previa para WhatsApp, LinkedIn, Facebook y X
  • Todas las etiquetas og: de la página, como og:title, og:description, og:image y og:url
  • Todas las etiquetas twitter:, como twitter:card y twitter:image
  • Un aviso si falta og:title u og:image, y un consejo si falta og:description

Cómo leer la vista previa

La vista previa toma el título de og:title. Si falta, usa twitter:title y después el título normal de la página. La descripción funciona igual y, en último lugar, usa la metadescripción. La imagen sale de og:image o twitter:image; si no hay ninguna, la tarjeta muestra Sin imagen. La tarjeta bajo las vistas previas enumera todas las etiquetas encontradas. Una tarjeta verde significa que las etiquetas Open Graph principales están presentes. Una tarjeta naranja indica lo que falta, para que sepas exactamente qué etiqueta añadir.

Errores frecuentes con Open Graph

Una vista previa rota casi siempre tiene una de estas causas.
  • No hay og:image, así que los enlaces compartidos aparecen sin imagen
  • Una imagen en un servidor que bloquea visitas externas o pide iniciar sesión, de modo que las redes no pueden descargarla
  • El mismo og:title y la misma imagen en todas las páginas, así que todos los enlaces se ven iguales
  • Una imagen antigua que sigue apareciendo después de cambiarla, porque la red la guardó en caché
  • Un og:url que apunta a una página distinta de la que se comparte

Qué hacer después

Añade las etiquetas que faltan en el head de la página o configúralas en tu creador de webs. Dale a cada página importante su propia imagen y un título que se entienda fuera de contexto, porque la gente lo ve en un chat o en su feed sin el resto de tu web. ¿Has cambiado la imagen pero sigue saliendo la antigua? Facebook guarda las imágenes según su dirección, así que lo más sencillo es subir la nueva imagen con otro nombre de archivo. Con el Sharing Debugger de Facebook también puedes hacer que vuelva a leer la página. Después, vuelve a pasar este comprobador para confirmar las nuevas etiquetas.

Cómo usar el comprobador de Open Graph

  1. Introduce la dirección

    Pega la dirección completa de la página que quieres compartir, como un artículo del blog o una página de producto.

  2. Ver las vistas previas

    Haz clic en Ver vistas previas. La herramienta lee las etiquetas Open Graph y Twitter de la página.

  3. Revisa las etiquetas

    Mira las cuatro tarjetas y la lista de etiquetas. Las que faltan aparecen con una breve explicación.

  4. Corrige y vuelve a probar

    Añade o corrige las etiquetas, guarda la página y vuelve a comprobarla antes de compartir el enlace.

Preguntas sobre Open Graph

¿Qué es el protocolo Open Graph?
Open Graph es un protocolo, descrito en ogp.me, que convierte una página web en un objeto enriquecido para las redes sociales. Sus cuatro propiedades obligatorias son og:title, og:type, og:image y og:url. Etiquetas opcionales como og:description, og:site_name y og:locale añaden más detalle.
¿Por qué mi enlace compartido no muestra imagen?
Normalmente la página no tiene etiqueta og:image, o la dirección de la imagen no es accesible desde fuera. Añade un og:image que apunte a una imagen pública y vuelve a comprobarlo.
¿La vista previa es exactamente lo que verán los demás?
Casi, pero no exactamente. Cada red usa su propio diseño, recorta las imágenes a su manera y guarda las vistas previas en caché. Usa la vista previa para encontrar etiquetas que faltan o están mal; la tarjeta final depende de la red.
¿Por qué sigue saliendo la imagen antigua después de cambiarla?
Facebook guarda las imágenes según su dirección y no las actualiza mientras esa dirección no cambie. Sube la nueva imagen con otro nombre de archivo o haz que el Sharing Debugger de Facebook vuelva a leer la página.
¿Qué diferencia hay entre las etiquetas og: y twitter:?
Las etiquetas twitter: son las etiquetas de tarjeta de X, como twitter:card, que define el tipo de tarjeta. Esta herramienta muestra ambas y usa las etiquetas twitter: como alternativa cuando falta una etiqueta Open Graph.
¿SitePack añade las etiquetas Open Graph por mí?
Sí. Cada página de SitePack recibe og:title, og:description, og:url y og:site_name, además de una imagen para compartir de 1200 por 630 píxeles creada a partir de la imagen y el título de la propia página, y una twitter:card para mostrar una imagen grande en X.

Herramientas y guías relacionadas

Cada página lista para compartir

SitePack crea automáticamente las etiquetas sociales y una imagen para compartir en cada página, junto con SSL, alojamiento en la UE y copias de seguridad diarias. Pruébalo gratis 14 días, sin datos de pago.

Empieza tu prueba gratis Ver precios
Preferencias de cookies

Las cookies nos ayudan a proporcionar, proteger y mejorar nuestros productos y servicios. Al utilizar nuestro sitio web, acepta nuestro uso de cookies.