Open Graph Checker para tu web
Etiquetas Open Graph validadas con una vista previa social en vivo
¿Qué analiza el Open Graph Checker?
og:title, og:description y og:image
og:type, og:url y og:site_name
Twitter Cards incluyendo el tipo de tarjeta
Vista previa visual para Facebook, LinkedIn y X
Etiquetas obligatorias faltantes o vacías
Fallback de Twitter Cards a Open Graph
Así funciona la verificación de Open Graph
4 pasos para una vista previa social perfecta
-
1 Paso 1
Introduce la URL
Indica la dirección de tu web – leemos todas las metaetiquetas automáticamente.
-
2 Paso 2
Extrae las metaetiquetas
Cargamos tu página con un navegador real y capturamos todos los valores de Open Graph y Twitter Card.
-
3 Paso 3
Revisa la vista previa
Ves la tarjeta de vista previa renderizada para Facebook y X, además de todos los valores en detalle.
-
4 Paso 4
Añade las etiquetas que faltan
Añade las etiquetas faltantes en el
de tu página y refresca después la caché de cada plataforma.
Etiquetas Open Graph de un vistazo
Estas son las metaetiquetas que evalúa InspectWP
| Etiqueta | Finalidad | ¿Obligatoria? |
|---|---|---|
| og:title | Titular de la tarjeta de vista previa | sí |
| og:description | Texto descriptivo bajo el título | sí |
| og:image | Imagen de vista previa, idealmente 1200×630 píxeles | sí |
| og:type | Tipo de contenido, p. ej. website o article | recomendada |
| og:url | Dirección canónica de la página | recomendada |
| og:site_name | Nombre de la web mostrado sobre el título | opcional |
| twitter:card | Tipo de tarjeta en X: summary o summary_large_image | recomendada |
| twitter:title | Título propio para X, si no recurre a og:title | opcional |
| twitter:image | Imagen propia para X, si no recurre a og:image | opcional |
Tamaños de imagen recomendados por plataforma
Con 1200×630 píxeles vas sobre seguro en todas las plataformas
| Plataforma | Tamaño | Relación | Nota |
|---|---|---|---|
| 1200×630 px | 1,91:1 | Por debajo de 600×315 px sólo se muestra la vista previa pequeña | |
| X (Twitter) | 1200×628 px | 1,91:1 | La tarjeta de imagen grande requiere twitter:card=summary_large_image |
| 1200×627 px | 1,91:1 | Usa las etiquetas Open Graph; no existen etiquetas propias | |
| 1200×630 px | 1,91:1 | Muestra un recorte cuadrado – coloca los motivos importantes en el centro |
Configuración mínima de Open Graph
Estas seis líneas cubren por completo Facebook, LinkedIn, WhatsApp y X
Fragmento de código para el <head> de tu página:
<meta property="og:title" content="Título de la página">
<meta property="og:description" content="Breve descripción del contenido">
<meta property="og:image" content="https://example.com/preview-image.jpg">
<meta property="og:url" content="https://example.com/page">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
Ve exactamente cómo se comparten tus enlaces
Cuando alguien comparte tu página en Facebook, LinkedIn, WhatsApp o X, las etiquetas Open Graph deciden qué imagen, título y descripción aparecen. Si faltan, las plataformas recurren a una solución poco atractiva compuesta con contenido aleatorio de la página. El Open Graph Checker de InspectWP lee todas las metaetiquetas relevantes y renderiza una vista previa real – así ves cómo se ve tu enlace de verdad antes de compartirlo.
Twitter Cards, tipos de tarjeta y fallback de Open Graph a prueba
X evalúa sus propias etiquetas twitter: y recurre a los valores de Open Graph cuando faltan. El ajuste decisivo es el tipo de tarjeta: summary muestra una pequeña miniatura cuadrada junto al texto, mientras que summary_large_image genera la tarjeta de imagen ancha. Confundir estos dos es uno de los errores de configuración más habituales. Te mostramos ambas variantes y te indicamos cuál sirve tu página actualmente.
Miles de propietarios de sitios web confían en InspectWP
Los números hablan por sí solos
Preguntas frecuentes sobre el Open Graph Checker
Todo lo que necesitas saber sobre Open Graph y Twitter Cards
<meta property="og:…"> cómo se presenta al compartirse. Hoy lo usan prácticamente todas las plataformas, incluidas LinkedIn, WhatsApp, Slack, Discord y Telegram.
Más herramientas útiles
Estas comprobaciones cubren temas relacionados