Cómo usar: Vista previa SERP
- Escribe o pega tu title tag y tu meta description. Los medidores se ponen en verde cuando el texto cabe en el presupuesto de píxeles de Google.
- Añade la URL de la página y, si quieres, el nombre del sitio. La vista previa construye a partir de ellos las migas de pan (
example.com › blog › post). - Introduce la consulta de búsqueda para la que quieres posicionar y verás qué palabras pondría Google en negrita. Activa la fecha o las estrellas de reseña para ver cuánto espacio ocupan.
- Compara las vistas previas de escritorio y móvil, corrige lo que aparezca marcado en Comprobaciones del snippet y copia las etiquetas HTML o un enlace para compartir con tu cliente o tu equipo.
¿Qué es una vista previa SERP?
Una vista previa SERP (página de resultados del buscador) muestra cómo es probable que aparezca una página como resultado de enlace azul en Google: el favicon y el nombre del sitio, la URL en formato de migas de pan, el título clicable y el fragmento de descripción en gris. Te permite redactar y pulir tu <title> y tu <meta name="description"> antes de publicar, en lugar de descubrir un titular cortado en Search Console semanas después.
Por qué importan más los píxeles que los caracteres
Google corta títulos y descripciones según el ancho renderizado, no según el número de caracteres. Una “W” mayúscula es unas tres veces más ancha que una “i” minúscula, así que un título de 60 caracteres en mayúsculas puede cortarse, mientras que uno de 70 caracteres con muchas letras estrechas cabe. Esta herramienta mide tu texto con las mismas fuentes que usa Google (Arial de 20 px para títulos en escritorio y de 14 px para descripciones) mediante la API canvas del navegador, y corta en un límite de palabra con puntos suspensivos, igual que hace Google.
| Elemento | Límite aprox. | Equivalente aproximado en caracteres |
|---|---|---|
| Título en escritorio | ~580–600 px | 50–60 caracteres |
| Descripción en escritorio | ~920 px | 150–160 caracteres |
| Título en móvil | dos líneas | hasta ~75 caracteres |
| Descripción en móvil | ~680 px | ~120 caracteres |
Estos límites son observaciones, no reglas publicadas. Google ajusta su diseño con regularidad y puede reescribir por completo un título o un snippet si considera que otro texto de la página encaja mejor con la consulta.
Consejos para títulos y descripciones que consiguen clics
- Pon la palabra clave al principio. Coloca el tema que la gente busca en las primeras palabras, para que sobreviva al corte y llame la atención cuando el usuario escanea la página.
- Mantén la marca corta y al final. Google suele mostrar el nombre de tu sitio por separado, encima de la URL, así que “| Nombre de marca S.L.” al final de cada título casi siempre gasta espacio para nada.
- Escribe las descripciones como una promesa. Di qué obtiene el visitante (un precio, una lista de comprobación, una herramienta gratuita) en lugar de repetir el título. Google pone en negrita las palabras que coinciden con la consulta, así que usar la palabra clave de forma natural ayuda a que el snippet destaque.
- Ten en cuenta que las fechas y las estrellas ocupan espacio. Una fecha visible (“25 oct 2026 —”) aparece delante de la descripción y reduce cuánto texto cabe. Las estrellas de reseña solo aparecen en tipos de schema aptos, como Product o Recipe; puedes generar el marcado con el Generador de marcado Schema.
Uso en un sitio de Webflow
En Webflow, el title y la description se encuentran en Configuración de página › Ajustes de SEO. En las páginas de plantilla de CMS puedes construirlos a partir de campos (por ejemplo Name | Category). Pega aquí los valores de un elemento típico para comprobar que los nombres largos del CMS no se corten. Para revisar lo que realmente muestra una página publicada, pásala por el Comprobador de meta tags; para escribir el conjunto completo de etiquetas del head, usa el Generador de meta tags.
También se busca como: simulador serp, vista previa snippet google, preview title tag, preview meta description, simulador de snippets de google, medir píxeles title, comprobar longitud title.
Herramientas que combinan con: Vista previa SERP
- Comprobador de Open Graph — Previsualiza cómo se verá tu enlace al compartirlo en Facebook, LinkedIn, X y Slack.
- 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.
- Contador de palabras — Pega o escribe tu texto para contar palabras y caracteres en tiempo real, además de calcular el tiempo de lectura y de pronunciación, la densidad de palabras clave y comprobar la longitud de los títulos SEO, las metadescripciones y las publicaciones en redes sociales.
- Guía sobre el archivo robots.txt — Las reglas de robots.txt son breves, pero es fácil malinterpretarlas.