InicioHerramientasVista previa del snippet
Revisor de title y meta description con vista previa en Google
Pega el título y la descripción de tu página: la herramienta mide su ancho en píxeles, muestra dónde Google los cortará con puntos suspensivos, resalta las palabras de la búsqueda y avisa de los errores habituales. Copia las etiquetas <title> y <meta name="description"> ya escapadas con un clic.
—
Vista previa aproximada
El ancho se mide con Arial en tu navegador. Los límites son pautas prácticas, no cifras oficiales: los buscadores cambian el diseño de sus resultados y reescriben a menudo los snippets.
Etiquetas para <head>
Todo se calcula en tu navegador: nada de lo que escribes se envía a ningún sitio.
Cómo usarla
- Pega el title y la descripciónEl texto de las etiquetas <title> y <meta name="description"> de tu página, o un borrador para una página nueva.
- Elige el dispositivoEscritorio o móvil: en el teléfono cabe menos descripción.
- Añade una búsquedaLas palabras de la consulta se resaltan en la vista previa como en los resultados, y la herramienta te dice cuáles faltan.
- Copia las etiquetasCorrige los avisos y copia las etiquetas: las comillas y los caracteres especiales ya van escapados.
Por qué la longitud del title se mide en píxeles
Los resultados de búsqueda no limitan el título por número de caracteres, sino por el ancho del bloque. Las letras de una fuente proporcional tienen anchos distintos: la «M» y la «m» son varias veces más anchas que la «i» o la «l», y las mayúsculas, más que las minúsculas. Por eso 60 caracteres de un título caben en una línea y 52 de otro, no.
La herramienta mide el texto como un navegador: lo dibuja en un canvas invisible (canvas.measureText) con una fuente parecida a la de los resultados y compara el ancho con un presupuesto práctico. Si no cabe, lo corta en la última palabra completa y añade puntos suspensivos, como suele verse en los resultados.
No son límites oficiales. La documentación de Google dice claramente que no limita la longitud del elemento <title> ni de la meta description: los enlaces de título y los snippets se recortan para ajustarse al ancho del dispositivo. Los presupuestos de arriba son los que usan los profesionales del SEO y describen diseños típicos, que cambian con frecuencia.
En español las palabras son más largas que en inglés, así que el mismo mensaje ocupa más píxeles. La conclusión práctica: la longitud no es el objetivo. Asegúrate de que lo esencial de la página y las palabras clave estén en los primeros 40–50 caracteres, para que el final del título pueda perderse sin perder el sentido.
Cómo construye Google el snippet
Enlaces de título
Google llama «enlace de título» al titular del resultado. Casi siempre sale de la etiqueta <title>, pero Google también tiene en cuenta otras fuentes: el encabezado principal visible y otros encabezados, og:title, textos destacados y el texto de los enlaces que apuntan a la página. Google cambia el título cuando <title> está vacío, se repite en muchas páginas, está lleno de palabras clave o no corresponde al contenido.
Snippets
Google crea el texto del snippet sobre todo a partir del contenido de la página, elegido para cada búsqueda concreta. La meta description se usa cuando describe la página mejor que los fragmentos del texto. Por eso la misma URL puede aparecer con descripciones distintas para búsquedas distintas.
Por qué se reescriben los snippets
- El title es el mismo en muchas páginas: «Inicio», «Productos», «Clew».
- El title enumera palabras clave separadas por comas en lugar de nombrar la página.
- La descripción no responde a la búsqueda con la que se encontró la página.
- El texto grita: MAYÚSCULAS, «¡¡¡», promesas sin nada concreto.
Cómo escribir el title y la descripción de una página SaaS
Para landings, páginas de funciones y artículos del blog de un producto SaaS funciona bien el mismo esquema.
- La búsqueda primero. «Onboarding de usuarios para SaaS sin desarrolladores — Clew» funciona mejor que «Clew — una plataforma que ayuda…». Pon la marca delante solo si ya la buscan por su nombre.
- Un title, una página. Las páginas de precios, de funciones y del blog no deben competir con el mismo título.
- Datos concretos en la descripción. Qué obtiene la persona: «tours, tooltips y checklists dentro de tu aplicación», «plan gratuito para siempre». Nada de cifras inventadas.
- Responde a la intención. Para una búsqueda informativa, como «cómo aumentar la activación», la descripción promete una respuesta, no un discurso de ventas.
- Sin duplicar el title en la descripción. La descripción continúa el título en lugar de repetirlo.
Si tu público está en varios países hispanohablantes, recuerda que las búsquedas cambian: «celular» en México, «móvil» en España. Un buen snippet trae a quien de verdad necesita el producto. A partir de ahí manda la primera sesión: lee Onboarding de producto: qué es y cómo configurarlo.
Fuentes
- Google Search Central. Influir en los enlaces de título en los resultados de búsqueda — developers.google.com/search/docs/appearance/title-link.
- Google Search Central. Controlar los fragmentos en los resultados de búsqueda — developers.google.com/search/docs/appearance/snippet.
- MDN Web Docs. CanvasRenderingContext2D: measureText() — developer.mozilla.org.
- HTML Living Standard: el elemento title y el nombre de metadatos description — html.spec.whatwg.org.
Preguntas frecuentes
¿Cuál es la longitud ideal de la etiqueta title?
Para Google, el presupuesto práctico es de unos 600 píxeles: entre 50 y 60 caracteres según las letras. No hay límite oficial: un title largo simplemente se corta, así que pon lo importante al principio.
¿Cuál es la longitud ideal de la meta description?
En Google escritorio, unos 920 píxeles: aproximadamente dos líneas o 150–160 caracteres; en móvil se ve menos. Google no limita la longitud de la meta description, pero recorta los snippets al ancho de la pantalla y a menudo los construye con texto de la página.
¿Por qué Google muestra otro título?
Google puede construir el enlace de título con otras fuentes (el encabezado principal, og:title, el texto de los enlaces) si el title está vacío, se repite en muchas páginas, está lleno de palabras clave o no corresponde al contenido. Haz que el title sea único, conciso y preciso.
¿Por qué no se muestra mi meta description?
Google elige el texto del snippet para cada búsqueda. Si un fragmento del texto responde mejor que la meta description, muestra ese fragmento. Es normal; aun así merece la pena escribirla, porque se usa en muchas búsquedas.
¿Cómo mide la herramienta el ancho en píxeles?
Dibuja el texto en un canvas invisible del navegador con Arial al tamaño correcto (20 px para el title y 14 px para la descripción), y measureText devuelve el ancho. Es una aproximación al diseño de los resultados, no una copia exacta.
¿Debe ir la marca en el title?
Normalmente sí, pero al final: «Generador de UTM — Clew». Ponla delante solo si la gente ya la conoce y la busca, por ejemplo en la página de inicio.
¿Hace falta la etiqueta meta keywords?
No. Google no usa meta keywords para posicionar. No hace falta rellenarla, y una lista pública de palabras clave solo le enseña a la competencia a qué apuntas.
Más en SEO
- Generador de Open Graph
¿Qué etiquetas Open Graph necesita la página y cómo se verá la vista previa del enlace?
- Analizador de legibilidad
¿Qué tan difícil es leer este texto y qué frases son demasiado largas?
- Generador y probador de robots.txt
¿Qué regla de robots.txt bloquea o permite esta URL para un rastreador?
- Generador de hreflang
¿Qué etiquetas hreflang conectan las versiones de idioma de una página?
- Generador de UTM
¿Cómo crear enlaces UTM coherentes para cada campaña y canal?
- Generador de QR con UTM
¿Qué stand, folleto o póster trajo visitas, y cómo etiquetar un código QR para cada uno?