Generador de meta etiquetas SEO
Genera las etiquetas head HTML para SEO: title, meta description, enlace canonical, robots noindex/nofollow, viewport, charset y theme-color, con contadores de longitud.
Separadas por comas. Google y Bing ignoran esta etiqueta para el posicionamiento.
#4f46e5
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Free Online Tools for Developers</title> <meta name="description" content="Format, convert and validate data right in your browser. Fast, private and free developer utilities."> <link rel="canonical" href="https://example.com/">
¿Qué es Generador de meta etiquetas?
Este generador escribe las etiquetas <head> esenciales de una página web a partir de un formulario sencillo: charset, viewport adaptable, <title>, meta description, keywords y autor opcionales, enlace canonical, directivas robots y color del tema. Los contadores de caracteres indican si el título y la descripción están en el rango de longitud que se suele recomendar.
Cómo usar Generador de meta etiquetas
- Introduce el título de la página y la meta description y fíjate en los contadores de caracteres.
- Añade la URL canónica y, si hace falta, el autor, las keywords y el color del tema.
- Desmarca «Permitir indexación» o «Permitir seguir enlaces» para añadir una meta etiqueta robots.
- Copia el HTML generado en el <head> de la página.
Ejemplo
Title: Tom & Jerry · description: Classic "cartoon" · indexing off
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Tom & Jerry</title> <meta name="description" content="Classic "cartoon""> <meta name="robots" content="noindex, follow"> <link rel="canonical" href="https://example.com/">
Cuándo usar Generador de meta etiquetas
Úsalo al crear una página o plantilla nueva cuando quieras etiquetas head correctas y escapadas rápidamente. No revisa tu página existente; para previsualizar cómo se ven el título y la descripción en Google usa la herramienta Vista previa SERP, y para las tarjetas sociales los generadores de Open Graph o Twitter Card.
Cómo funciona Generador de meta etiquetas
Los valores se insertan en las etiquetas con escape HTML (&, ", <, > se convierten en entidades) para que las comillas de una descripción no rompan el marcado. Los campos vacíos se omiten. La meta etiqueta robots solo se escribe cuando no se permite indexar o seguir enlaces, porque index, follow es el valor por defecto. Las keywords se recortan y se vuelven a unir con comas.
Casos de Uso Comunes
- Crear las etiquetas head de una landing page estática.
- Añadir noindex a una página de staging o de agradecimiento.
- Generar un enlace canonical para una página accesible desde varias URL.
- Comprobar la longitud del título y la descripción antes de publicar.
Preguntas Frecuentes
¿Qué longitud deben tener el título y la meta description?
Google recorta por ancho en píxeles; unos 50–60 caracteres para los títulos y hasta unos 155–160 para las descripciones suelen mostrarse completos.
¿Las meta keywords ayudan al SEO?
No. Google y Bing las ignoran para el posicionamiento. El campo existe solo para buscadores internos o requisitos heredados.
¿Hace falta una meta etiqueta robots en todas las páginas?
No. Sin ella, las páginas son indexables y los enlaces se siguen. Añádela solo para restringir algo.