Cómo usar: Comprobador de Open Graph
- Pega la URL que quieres compartir y haz clic en Comprobar etiquetas.
- Compara las vistas previas de Facebook/LinkedIn, X y Slack: muestran lo que cada plataforma construiría con tus etiquetas.
- Busca las insignias rojas de “falta” en las tablas de etiquetas y comprueba que la og:image carga con el tamaño recomendado.
- Copia el fragmento generado para las etiquetas que faltan en el
<head>de tu página y vuelve a rastrear la URL en cada plataforma.
¿Qué es un comprobador de Open Graph?
Cuando se comparte un enlace en Facebook, LinkedIn, Slack, WhatsApp, Discord y la mayoría de apps, la plataforma descarga la página y crea una tarjeta de vista previa a partir de sus metaetiquetas Open Graph, un protocolo creado originalmente por Facebook. X (antes Twitter) usa sus propias etiquetas twitter:*, pero recurre a Open Graph cuando faltan. Un comprobador de Open Graph descarga tu página de la misma forma y muestra las etiquetas que encuentra y las tarjetas que generarían, para que puedas arreglar una vista previa rota antes de que alguien la comparta.
Las etiquetas que toda página debería tener
| Etiqueta | Función |
|---|---|
og:title | Titular de la tarjeta. Puede ser más conversacional que el título SEO. |
og:description | Una o dos frases debajo del titular. |
og:image | URL absoluta de la imagen de vista previa, el factor más determinante para los clics. |
og:url | URL canónica, para que las comparticiones de variantes se cuenten juntas. |
og:type | Normalmente website o article. |
twitter:card | summary_large_image para una imagen grande, summary para una miniatura cuadrada pequeña. |
Los extras recomendados son og:site_name, og:locale, og:image:alt (describe la imagen para lectores de pantalla) y og:image:width/og:image:height, que permiten a algunas plataformas renderizar la tarjeta antes de descargar la imagen.
Recomendaciones de tamaño de imagen
- 1200 × 630 px (1,91 : 1) funciona bien en Facebook, LinkedIn y Slack. Mantén el texto importante alejado de los bordes, ya que algunas apps recortan a cuadrado o 2 : 1.
- Tarjeta grande de X: relación de aspecto 2 : 1, al menos 300 × 157 px, menos de 5 MB. Una imagen de 1200 × 630 se muestra con un ligero recorte.
- Usa JPEG o PNG para la máxima compatibilidad, una URL absoluta
https://y asegúrate de que la imagen no esté bloqueada por robots.txt ni tras un inicio de sesión.
¿Necesitas una imagen? Créala con el Generador de imágenes OG.
¿Por qué sigue apareciendo mi vista previa antigua?
Las plataformas guardan las vistas previas en caché, a menudo durante días. Tras corregir las etiquetas, pide a cada plataforma que vuelva a leerlas: el Sharing Debugger de Facebook (“Scrape Again”), el Post Inspector de LinkedIn y, en Slack, basta con compartir la URL con una cadena de consulta inofensiva como ?v=2. Comprueba también que la página no bloquee a los rastreadores y que las etiquetas estén en el HTML renderizado por el servidor, porque la mayoría de los rastreadores no ejecuta JavaScript. Para escribir un conjunto completo de etiquetas desde cero, usa el Generador de metaetiquetas.
También se busca como: comprobar open graph, etiquetas open graph, validador twitter card, vista previa redes sociales, previsualizar enlace, comprobador og image, depurador de facebook, vista previa linkedin.
Herramientas que combinan con: Comprobador de Open Graph
- Comprobador de Meta Tags — Mira cómo es probable que Google muestre tu página: el title y la descripción medidos en píxeles, vistas previas en escritorio y móvil, y todas las meta tags del <head>.
- Verificador SEO y auditoría del sitio web — Pega una URL para realizar hasta 70 comprobaciones de SEO on-page, además de una auditoría completa del sitio web: velocidad de Lighthouse, encabezados de seguridad y SSL, datos estructurados, enlaces rotos, robots.txt y rastreadores de IA, aspectos básicos de accesibilidad, seguimiento y consentimiento, SPF/DKIM/DMARC y caducidad del dominio — todo ello resumido en una puntuación global del sitio web con soluciones priorizadas.
- Validador de Schema Markup — Prueba los datos estructurados de cualquier URL o pega tu JSON-LD para encontrar errores de sintaxis, propiedades obligatorias que faltan y campos recomendados para los resultados enriquecidos de Google.
- Guía sobre el archivo robots.txt — Las reglas de robots.txt son breves, pero es fácil malinterpretarlas.
Preguntas frecuentes
¿Cuál es el mejor tamaño para og:image?
¿Necesito etiquetas Twitter Card si ya tengo Open Graph?
twitter:card es realmente necesaria: X recurre a og:title, og:description y og:image. Añade twitter:card con summary_large_image para obtener el diseño de imagen grande.