Google SERP Preview

Preview Google — SERP

Preview Google gratis: ve cómo título, descripción y URL aparecen en búsqueda — escritorio, móvil, rich snippets y redes sociales. Sin registro.

Actualizado mayo de 2026

Revisado por Rafael Duarte

Importar HTML

Cole o HTML do <head> para preencher os campos automaticamente.

Input Configuration

0 chars · 0px · ✓ OK

Safe zone: 50–60 chars · 600px limit (desktop)

0 chars · ✓ OK

Safe: 120–160 chars · 920px limit (desktop)

Rich Snippets Simulator

Open Graph Image

Used in Twitter Card, Facebook & WhatsApp previews

google serp preview tool
example.com example.com

Page Title

Meta description will appear here. Write a compelling description to improve your click-through rate...

Title length

0 chars

✓ OK

Title pixels

0px / 600px

✓ OK

Desc length

0 chars

✓ OK

Desc pixels

0px / 920px

✓ OK

A/B Variant Comparator

SEO Reference

Meta title (desktop)

50–60 chars · ~600px

Meta title (mobile)

50–55 chars · ~520px

Meta description (desktop)

150–160 chars · ~920px

Meta description (mobile)

Up to 120 chars · ~680px

Cómo simular tu resultado en Google

De la URL a la vista previa con rich snippets en tres pasos

1. Pega la URL o escribe título y descripción

La herramienta lee el HTML de la página y extrae el title y la meta description automáticamente, o puedes escribirlos a mano para probar cambios antes de publicarlos.

2. Ajusta y activa rich snippets

Las barras de píxeles avisan si el texto se va a cortar mientras escribes; añade estrellas de reseña, FAQ, producto, breadcrumb o sitelinks para ver cómo quedaría el resultado enriquecido.

3. Compara variantes y revisa las redes sociales

Pon un título y descripción alternativos junto a los actuales, y cambia de pestaña para ver el preview en Twitter, Facebook y WhatsApp con tu og:image real.

Qué hace este simulador de SERP

Mide píxeles reales, no solo cuenta caracteres

Ancho real en píxeles

Usa el límite que Google aplica de verdad para truncar — unos 600px en escritorio y 520px en móvil — en vez de un conteo de caracteres que puede engañarte.

5 tipos de rich snippet

Estrellas de reseña, FAQ, producto, breadcrumb y sitelinks se renderizan directamente en la vista previa antes de tocar código.

Comparador A/B de título

Coloca tu título y descripción actuales al lado de una versión alternativa para decidir cuál publicar.

Vista previa social integrada

Revisa cómo se ve el enlace en Twitter Card, Facebook Open Graph y WhatsApp usando tu og:image real.

Importar HTML existente

Pega el contenido de tu <head> y la herramienta rellena sola el title, la description, la og:image y la URL canónica.

Escritorio, móvil y modo oscuro

Cambia de dispositivo y de tema para detectar diferencias de recorte o de contraste antes de que la página esté en producción.

Ejemplos

Cómo pequeños cambios afectan lo que Google muestra

Situación
Resultado
Título de 55 caracteres con letras angostas (i, l, t)
Correcto — sin truncamiento
Título de 52 caracteres con letras anchas (W, M, O)
Puede truncarse antes de lo esperado
Meta description de 160 caracteres vista en móvil
Se corta alrededor de los 120 caracteres
Rich snippet de reseña activado
★★★★½ 4.5 · 1.240 reseñas · $149.90
Keyword de búsqueda "generador de contraseñas" agregada
Las coincidencias aparecen en negrita en el título y la descripción, tal como lo hace Google

Cuándo vas a usar esta herramienta

Los escenarios más comunes entre quienes la usan

Publicación de contenido

Revisa la longitud del title y la description antes de que un artículo o landing page salga en producción.

Auditorías SEO

Pega URLs una por una para revisar si las meta tags de un sitio completo están dentro del límite de píxeles.

Pruebas A/B de copy

Compara dos versiones de título lado a lado antes de decidir cuál usar en un test de CTR.

Planificación de rich snippets

Simula cómo quedaría un FAQ o un producto con datos estructurados antes de invertir tiempo en implementarlo.

Revisión de vistas previas en redes

Confirma que la tarjeta de Open Graph se ve bien en Twitter, Facebook y WhatsApp antes de compartir un enlace importante.

Presentaciones a clientes

Muestra cómo va a aparecer la página en Google antes de implementar un cambio de copy o de estrategia SEO.

Errores comunes al optimizar un snippet de Google

Contar caracteres en vez de píxeles

Un título de 60 caracteres con letras anchas (W, M, O) puede truncarse, mientras que uno de 65 con letras angostas puede caber perfecto.

Usar el mismo texto para el title y el H1

Pueden — y muchas veces deben — ser distintos. El title está pensado para el clic en los resultados de búsqueda; el H1 puede ser más descriptivo para quien ya está en la página.

Olvidar el límite más estricto del móvil

Unos 520px en móvil frente a 600px en escritorio — un título que se ve bien en escritorio puede cortarse en el celular.

No definir una og:image

Sin og:image, el enlace compartido en WhatsApp, Facebook o Twitter aparece solo con texto, lo que reduce el clic.

Dar por hecho que Google va a mostrar tu meta description tal cual

Google reescribe el snippet mostrado en una parte grande de las búsquedas, tomando texto del cuerpo de la página. Aun así vale la pena escribir una buena descripción para búsquedas de marca y navegacionales.

Creer que simular un rich snippet aquí garantiza que Google lo muestre

La vista previa muestra cómo se vería el snippet si Google decide mostrarlo. Para ser elegible de verdad la página necesita el marcado Schema.org/JSON-LD correspondiente publicado, y aun así la decisión final es de Google.

Por qué usar este simulador de SERP

Mide el ancho real en píxeles que Google usa para truncar título y descripción, en lugar de un contador de caracteres que falla justo en los títulos con letras anchas.

El auto-fetch de la URL, la importación de HTML y la vista previa social integrada eliminan el paso de copiar meta tags a mano antes de poder ver cómo se va a ver la página tanto en la búsqueda como al compartirla.

El snippet es lo primero que alguien ve antes de decidir si hace clic — probar título, descripción y rich snippet antes de publicar evita descubrir un truncamiento o una tarjeta rota recién cuando la página ya está en producción.

Meta title vs. H1

Elementos distintos, con objetivos distintos

Meta title
H1
Dónde aparece
resultados de Google, pestaña del navegador
visible en la propia página
Optimizado para
CTR, keyword cerca del inicio
claridad para quien ya llegó a la página
¿Deben ser idénticos?
no — suelen convenir distintos
no — suelen convenir distintos

Preguntas frecuentes

50-60 caracteres es un rango seguro, pero el límite real es el ancho en píxeles: unos 600px en escritorio y 520px en móvil. Como el ancho de cada letra varía, esta herramienta mide píxeles directamente en vez de depender solo del conteo de caracteres.

Referencias

Artículo relacionado

Meta description influencia o ranking do Google

Herramientas relacionadas