Meta Tags & SERP Preview
Write title and description; preview in Google and copy ready meta code.
Google preview
example.com
example.com/page
Example Page Title — Your Brand
The short description shown in search results. 150–160 characters is ideal and should encourage clicks.
Ready meta tags
<title>Example Page Title — Your Brand</title>
<meta name="description" content="The short description shown in search results. 150–160 characters is ideal and should encourage clicks." />
<link rel="canonical" href="https://example.com/page" />
<!-- Open Graph -->
<meta property="og:title" content="Example Page Title — Your Brand" />
<meta property="og:description" content="The short description shown in search results. 150–160 characters is ideal and should encourage clicks." />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:type" content="website" />
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Example Page Title — Your Brand" />
<meta name="twitter:description" content="The short description shown in search results. 150–160 characters is ideal and should encourage clicks." />¿Qué es el generador de meta etiquetas?
La herramienta de meta etiquetas y vista previa SERP muestra, mientras escribes, cómo se verán tu título y meta descripción en un resultado de Google. Ves al instante si superas los límites de caracteres y píxeles, y copias el código meta listo con un clic.
Cómo usarlo
- 1Escribe el título y la meta descripción de tu página.
- 2Comprueba la vista previa de Google y si superas los límites.
- 3Copia el código de meta etiquetas generado y pégalo en el '<head>' de tu página.
Cómo interpretar el resultado
Cuándo usarlo
Lanzamientos en e-commerce
Comprueba si las plantillas dinámicas para cientos de fichas de producto cortan los títulos en móviles o escritorios antes de publicar el catálogo en tu tienda online.
Optimización de CTR bajo
Reescribe los snippets de páginas con muchas impresiones pero pocos clics en Search Console, añadiendo llamadas a la acción directas y comprobando que no se corten los textos.
Lanzamiento de webs multilingües
Valida traducciones a idiomas con palabras compuestas extensas, como el alemán, asegurando que los títulos respeten el ancho de píxeles y no aparezcan truncados en las SERP locales.
Errores comunes
Contar solo caracteres
Ignorar el ancho en píxeles provoca títulos truncados; letras anchas como la M o la W superan los 580 px aunque el texto tenga menos de 60 caracteres.
Ignorar la pantalla móvil
Las descripciones largas se cortan antes en smartphones; sitúa tu propuesta de valor y llamada a la acción en los primeros 100 caracteres para asegurar su visibilidad completa.
Añadir meta keywords
Google ignora esta etiqueta desde 2009. Incluirla añade peso innecesario al código HTML y revela tus palabras clave estratégicas a los competidores sin aportar ninguna ventaja en posicionamiento.
Preguntas frecuentes
¿Cuántos caracteres debe tener el título?
Para evitar el recorte en Google, mantén el título por debajo de ~60 caracteres (unos 580 píxeles) y la meta descripción por debajo de ~155 caracteres.
¿La vista previa es igual al resultado real de Google?
La vista previa imita de cerca el diseño de escritorio de Google; Google a veces reescribe el título o la descripción, pero los límites y el aspecto general son fiables.
¿La meta descripción afecta al posicionamiento?
La meta descripción no es un factor de posicionamiento directo, pero una buena descripción sube el porcentaje de clics (CTR), lo que ayuda de forma indirecta.
¿Por qué Google cambia a veces mi meta descripción?
Google sustituye tu meta descripción cuando considera que el contenido de la página responde mejor a la consulta exacta del usuario. Si tu texto es irrelevante, repetitivo o no contiene las palabras clave buscadas, el buscador extraerá automáticamente un fragmento del cuerpo de texto para mostrarlo en el snippet.
¿Dónde se debe insertar el código de meta etiquetas generado?
Debes insertar el código HTML generado dentro de la etiqueta <head> de tu página web, antes de su cierre </head>. Si utilizas un gestor de contenidos como WordPress, basta con pegar el título y la descripción en los campos correspondientes de tu plugin de SEO habitual, sin tocar el código.