Generador de Metas de Títulos y Descripciones SEO: vista previa de Google con píxeles en vivo

Escribe tu título SEO y tu meta descripción y míralos cobrar vida en una vista previa de resultado de Google que se actualiza con cada tecla: caracteres, ancho aproximado en píxeles y avisos de longitud según los límites orientativos que de verdad importan. Al terminar, copia las etiquetas HTML listas para pegar en tu página.


Cómo crear tus etiquetas meta paso a paso

  1. Escribe el título SEO en el primer campo: la frase que resume la página e incluye su palabra clave principal, preferiblemente al principio.
  2. Vigila el contador: caracteres y píxeles aproximados. Google corta por ancho, no por número de letras: por eso dos títulos de 55 caracteres pueden tener destinos distintos.
  3. Redacta la meta descripción como un anuncio de tu contenido: qué encontrará el lector y por qué debería hacer clic en tu resultado y no en el de al lado.
  4. Pega la URL para ver la ruta de migas de pan tal y como la mostraría el buscador.
  5. Pulsa Copiar etiquetas HTML y pega el resultado en el <head> de tu página o en tu plugin de SEO.

Ejemplo resuelto: una receta de tortilla

Tomemos el título «Receta de tortilla de patatas fácil y jugosa». Tiene 44 caracteres y ocupa unos 389 píxeles aproximados, muy por debajo del límite orientativo de 580 px: se mostrará completo con margen de sobra, e incluso admitiría un añadido como «paso a paso» si aportara clics.

En cambio, una descripción de 161 caracteres para esa misma receta midió unos 938 píxeles, ligeramente por encima del orientativo de 920 px de escritorio: Google probablemente la cortaría por el final. La lección práctica es que el contador de caracteres, solo, engaña: una descripción llena de «m», «w» y mayúsculas es mucho más ancha que otra con las mismas letras pero llena de «i» y «l». Por eso esta herramienta mide en píxeles mediante el lienzo del navegador, igual que renderiza el texto el buscador.

Buenas prácticas que aplica esta herramienta

  • Título único por página: cada URL debería tener un título que la distinga de todas las demás de tu sitio.
  • La palabra clave, cuanto antes mejor si suena natural: los usuarios escanean los resultados y pinchan en lo que coincide con su búsqueda.
  • Descripción como anuncio, no como resumen: promete solo lo que la página cumple; el clic que decepciona enseña al buscador que tu resultado no satisface.
  • Evita el relleno de palabras clave en el título: «Zapatos, comprar zapatos, zapatos baratos» espanta clics y puede infringir las políticas de spam.

Limitaciones de cualquier vista previa de SERP

  • Google reescribe: el buscador muestra a menudo un título distinto al de tu etiqueta (tomado de tus encabezados) y genera su propia descripción a partir del contenido. Tus etiquetas son una propuesta, no una orden.
  • El ancho varía por dispositivo: los límites orientativos usados (580 px y 920 px) corresponden a escritorio; en móvil el espacio es otro y los resultados se ven diferentes.
  • La medición en píxeles es aproximada: se calcula renderizando tu texto con la tipografía del navegador; el resultado real puede diferir en unos pocos píxeles según la fuente exacta que use Google.
  • No existe la longitud perfecta: hay títulos de 30 caracteres que reciben más clics que otros de 60. La herramienta te ayuda a no pasarte, no a acertar el gusto de tu público.

Preguntas frecuentes sobre títulos y descripciones SEO

Lo que más se pregunta al optimizar las etiquetas meta:

¿Por qué medís en píxeles y no solo en caracteres?

Porque Google trunca el título cuando supera un ancho de pantalla, no un número de caracteres. «WWWWW» ocupa mucho más que «iiiii» con las mismas cinco letras. Medir en píxeles —como hace esta herramienta usando el motor de texto de tu navegador— anticipa el corte con mucha más fidelidad que contar caracteres.

¿Qué pasa si mi título supera los 580 píxeles?

Google lo mostrará cortado con puntos suspensivos. No es una penalización, pero pierdes el control del mensaje y, si la palabra importante estaba al final, también el clic. Acorta primero por el final: suele sobrar el nombre de la marca o un adjetivo decorativo.

¿La meta descripción influye en el posicionamiento?

No directamente: Google ha confirmado que no es un factor de ranking. Su valor es el clic: una descripción clara y atractiva aumenta la proporción de personas que eligen tu resultado, y eso sí beneficia a tu página a medio plazo.

¿Puedo dejar la descripción vacía?

Puedes, y a veces es lo mejor: Google generará un extracto a partir de tu contenido, que para páginas muy específicas puede funcionar bien. Pero en tus páginas importantes —inicio, servicios, productos— escribirla tú te da el control del mensaje comercial que ve el usuario antes de decidir.

Más herramientas gratuitas

Explora la categoría completa de Herramientas de texto o descubre todas las herramientas gratuitas de Ilmhunt.


Herramientas relacionadas

Explora también estas herramientas gratuitas en español:

Ver todas las herramientas gratis en español

2 thoughts on “Generador de Metas de Títulos y Descripciones SEO: vista previa de Google con píxeles en vivo”

  1. Pingback: Analizador de Densidad de Palabras Clave: porcentaje exacto y texto destacado - Ilmhunt

  2. Pingback: Contar Caracteres de un Texto Online: contador en vivo con límites de X, Instagram y TikTok - Ilmhunt

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top