Vista previa de fragmento SERP

Previsualiza tu snippet de búsqueda de Google antes de publicar

Esta herramienta de vista previa SERP muestra cómo es probable que aparezcan el título, la URL y la meta descripción de tu página en los resultados de búsqueda de Google — tanto en escritorio como en móvil — antes de que publiques. Escribe en los campos y la vista previa del resultado de búsqueda al estilo Google se actualiza al instante, con favicon, ruta de navegación y una fecha opcional.

A diferencia de un simple contador de caracteres, esta vista previa de snippet SERP mide el ancho real en píxeles que usa Google para truncar el texto, de modo que puedas ver el momento exacto en que un título o descripción será cortado con puntos suspensivos — y corregirlo antes.

Truncado por ancho de píxeles: por qué los conteos de caracteres engañan

Google no corta tu título en un número fijo de caracteres — lo corta en un ancho de píxeles. Los títulos en escritorio se truncan en aproximadamente 580 píxeles y las meta descripciones en alrededor de 920 píxeles. Como una 'W' es mucho más ancha que una 'i', dos títulos con el mismo número de caracteres pueden renderizarse a anchos muy diferentes. Por eso una herramienta que solo cuenta caracteres da consejos engañosos.

Los contadores de caracteres y píxeles en tiempo real rastrean ambos números mientras escribes y muestran una advertencia en el instante en que tu título o descripción supera el límite, para que siempre sepas si tu snippet se mostrará completo.

Límites de longitud para el título y la meta descripción

Como regla general, mantén tu etiqueta de título en torno a 50–60 caracteres (menos de ~580 px) y tu meta descripción en torno a 150–160 caracteres (menos de ~920 px) en escritorio. Comienza con tu palabra clave principal para que sobreviva al truncado y termina los títulos con el nombre de tu marca.

Usa la lista de verificación de snippet debajo de la vista previa como una auditoría rápida: señala títulos demasiado largos o cortos, descripciones fuera del rango ideal y URLs que no usan HTTPS — las mismas cosas que detectaría un buen optimizador de snippets.

Snippets en escritorio y móvil uno al lado del otro

La mayoría de las búsquedas ocurren en teléfonos, donde la columna de resultados es más estrecha: los títulos se ajustan a dos líneas y las descripciones se recortan antes que en escritorio. Un título que cabe en una sola línea de escritorio puede leerse de forma extraña cuando se ajusta en móvil. Alterna entre Escritorio y Móvil para previsualizar ambos diseños y ajusta tu texto para los dispositivos que realmente usa tu audiencia.

Cómo se compara con Yoast, Rankmath y SeoMofo

Varias herramientas ofrecen vistas previas SERP, pero la mayoría no son suficientemente precisas. Yoast SEO y Rankmath muestran una vista previa de snippet dentro de tu panel de WordPress, pero ambas cuentan caracteres en lugar de medir anchos de píxeles reales — por lo que un título lleno de letras mayúsculas anchas puede parecer correcto en su vista previa y aun así truncarse en los resultados reales de Google.

SeoMofo fue pionero en el enfoque de ancho de píxeles, pero muestra solo un diseño a la vez y no se ha actualizado para coincidir con el diseño de snippet actual de Google. Mangools (SERPsim) es preciso pero está detrás de una suscripción de pago. Esta herramienta es gratuita, mide anchos de píxeles reales, muestra escritorio y móvil uno al lado del otro, admite carga de favicons y funciona completamente sin conexión en tu navegador sin enviar datos.

Favicon, ruta de navegación, fechas y resultados enriquecidos

Los snippets modernos de Google muestran tu favicon y una URL estilo ruta de navegación encima del título. Esta vista previa de Google SERP genera un favicon de tu dominio automáticamente, te permite subir el tuyo propio y construye la ruta de navegación desde tu ruta de URL — con un campo de anulación para rutas personalizadas. Añade una fecha de publicación para previsualizar cómo se ven los snippets de artículos y noticias, y el truncado se ajusta igual que lo hace Google cuando hay un prefijo de fecha.

Copia tus etiquetas — privado y sin conexión

Cuando el snippet se vea bien, copia las etiquetas terminadas <title> y <meta name="description"> directamente en el <head> de tu página. ¿Necesitas también Open Graph, Twitter cards y etiquetas canónicas? Combina esto con el Generador de Meta Etiquetas. Todo aquí funciona completamente en tu navegador — nada de lo que escribes se sube — para que tus títulos y descripciones no publicados sean completamente privados.