Vista previa: Google, Facebook, X Preview
Cómo se ve tu enlace antes de que alguien haga clic. TagSpion reconstruye el fragmento de Google y la tarjeta social a partir de tus metadatos.
1¿Qué es?
La vista previa muestra tres vistas: el resultado de Google (escritorio y móvil), la tarjeta de Facebook y LinkedIn a partir de Open Graph y la tarjeta de X (Twitter Card). Además, tamaño de imagen y campos ausentes.
2¿Por qué importa?
Un enlace compartido sin imagen apenas recibe clics. Un og:image equivocado muestra el logo en lugar del producto. Con la vista previa lo ves antes que tus visitantes.
3Qué comprueba TagSpion
| Comprobación | Valoración |
|---|---|
| og:title, og:description, og:image, og:url | rojo si falta alguno |
| Tamaño de og:image | verde desde 1200 × 630 píxeles · amarillo más pequeño |
| twitter:card | amarillo si falta, entonces X usa los valores de Open Graph |
| Fragmento de Google | title y description con la longitud que muestra Google |
4Cómo solucionarlo
- Copia las etiquetas ausentes con «Fix». La imagen como URL absoluta, mínimo 1200 × 630 píxeles, menos de 1 MB.
- Una imagen por página, no el logo en todas partes.
<meta property="og:title" content="Trattoria Bella - Italian restaurant in Munich"> <meta property="og:description" content="Fresh pasta, wood-fired pizza and 120 Italian wines."> <meta property="og:image" content="https://www.example.com/img/trattoria-1200x630.jpg"> <meta property="og:url" content="https://www.example.com/en/restaurant/"> <meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image">
5Preguntas frecuentes
Facebook sigue mostrando la imagen antigua.
Facebook guarda la tarjeta en caché. Pulsa «Scrape again» en el Sharing Debugger de Facebook.
¿Necesito twitter:card si ya tengo Open Graph?
X usa Open Graph como alternativa. Con twitter:card «summary_large_image» te aseguras la imagen grande.