# Vista previa de SERP y redes

_Fuente: https://seomatrix.ai/es/tools/serp-preview/_

---

## Qué hace

La vista previa del snippet muestra exactamente cómo se verán el título (title) y la meta descripción de una página en los resultados de Google, y cómo aparece su tarjeta Open Graph al compartir el enlace en redes o apps de chat — marcando los títulos que se cortan y las descripciones que superan el límite de píxeles y caracteres. Importa porque el snippet es lo primero que ven tanto el usuario como los motores de respuesta con IA: un título cortado a medias o una descripción ausente reducen los clics y debilitan el resumen que un modelo cita al referenciar la página.

## Qué revisa

- **ancho en píxeles del título** — Google recorta el title por el ancho real en píxeles (unos 580px), no por número de caracteres, así que un título que cabe en escritorio puede cortarse en móvil y ocultar tu palabra clave.
- **longitud de la meta descripción** — Las descripciones de más de unos 155-160 caracteres se cortan con puntos suspensivos, y la comprobación indica si tu mensaje clave sobrevive al recorte.
- **etiquetas Open Graph** — og:title, og:description y og:image definen la tarjeta que se muestra en Facebook, LinkedIn, WhatsApp o Slack; sin ellas la plataforma adivina los datos, a menudo mal.
- **imagen og:image** — La imagen de previsualización, idealmente 1200x630, es el elemento clicable más grande de una publicación, por lo que si falta o tiene mala proporción la publicación se reduce a un enlace pelado.
- **tarjeta de X (Twitter) vía Open Graph** — Cuando faltan las etiquetas twitter:card y twitter:title, X recurre a og:title y og:image, así que las mismas etiquetas Open Graph que revisa esta herramienta también definen la vista previa en X.

## Cómo usarla

1. Pega la URL de tu página y ejecuta la vista previa para ver el snippet real de Google y la tarjeta social lado a lado.
2. Revisa los elementos marcados: un título que supera el límite de ancho, una descripción cortada o etiquetas Open Graph y og:image ausentes.
3. Corrige el title, la descripción y las etiquetas OG en el <head> de la página y vuelve a ejecutar para confirmar que el snippet se ve completo.

## Preguntas

### ¿Cuánto debe medir un title para Google?

Apunta a menos de unos 580 píxeles —unos 50-60 caracteres— para que no se corte ni en escritorio ni en móvil, y coloca la palabra clave principal y la marca donde sobrevivan al recorte.

### ¿Por qué mi página no muestra imagen al compartirla en LinkedIn o Facebook?

La plataforma lee la etiqueta og:image; si falta, apunta a una URL rota o tiene la proporción equivocada, la publicación se reduce a un enlace simple. Añade una og:image de 1200x630 y vuelve a rastrear la página.

### ¿La meta descripción afecta al posicionamiento?

No directamente —Google suele reescribirla—, pero una descripción clara y completa aumenta los clics y ofrece a los motores de IA un resumen limpio para citar, así que conviene cuidarla.

### ¿Qué diferencia hay entre el snippet de Google y la tarjeta Open Graph?

El snippet de Google (título + descripción) es lo que aparece en los resultados de búsqueda; la tarjeta Open Graph (og:title, og:description, og:image) es lo que aparece al pegar la URL en redes o apps de chat. Usan etiquetas distintas y esta herramienta previsualiza ambas.

