Generador de Meta Etiquetas
Genera meta etiquetas HTML, Open Graph y Twitter Card para el
de tu página.El Generador de Meta Etiquetas crea meta etiquetas HTML limpias y listas para pegar en la sección head de tu página a partir de campos sencillos. Rellena el título, la descripción, las palabras clave, la URL canónica y los campos sociales, y recibe un fragmento debidamente escapado con etiquetas de charset, viewport, robots, Open Graph y Twitter Card — todo generado al instante en tu navegador.
¿Qué son las meta etiquetas HTML?
Las meta etiquetas son fragmentos de código en la sección head de una página HTML que describen la página a los navegadores, los motores de búsqueda y las redes sociales. Controlan cosas como el título de la página que se muestra en los resultados de búsqueda, el fragmento de descripción, el conjunto de caracteres, cómo se ajusta la página en el móvil, si los buscadores deben indexarla y cómo se ve un enlace cuando se comparte en las redes sociales.
Cómo generar meta etiquetas
Ingresa los detalles de tu página a la izquierda y copia el fragmento generado en la sección head de tu página.
- Escribe el título y la meta descripción de la página — los contadores en vivo te ayudan a mantenerte cerca de las longitudes recomendadas.
- Agrega palabras clave, autor y tu URL canónica, si tienes una.
- De forma opcional, activa la sección Open Graph y Twitter Card y agrega la URL de una imagen para vistas previas sociales enriquecidas.
- Haz clic en Copiar y pega el fragmento dentro de la sección head de tu HTML.
Longitudes recomendadas de título y descripción
Los motores de búsqueda recortan los títulos y las descripciones demasiado largos. Apunta a un título de alrededor de 50–60 caracteres y una meta descripción de alrededor de 150–160 caracteres para que se muestren por completo en una página de resultados. Los contadores de caracteres en vivo se actualizan mientras escribes para mantenerte en el rango.
¿Por qué usar este generador de meta etiquetas?
- Genera etiquetas de título, descripción, palabras clave, autor, canónica, robots, charset y viewport.
- Agrega etiquetas Open Graph y Twitter Card para vistas previas de enlace enriquecidas en las redes sociales.
- Escapa los caracteres especiales automáticamente para que las comillas y los corchetes angulares sean seguros.
- Los contadores de caracteres en vivo para el título y la descripción te ayudan a alcanzar las longitudes recomendadas.
- Se ejecuta enteramente en tu navegador — nada se sube, y el fragmento es tuyo para copiar.
Preguntas frecuentes
¿Qué es un generador de meta etiquetas?
Es una herramienta que convierte entradas sencillas — como el título, la descripción y la URL canónica de tu página — en meta etiquetas HTML correctamente formateadas que puedes pegar en la sección head de tu página. Te ahorra escribir el marcado repetitivo a mano y ayuda a evitar errores de sintaxis.
¿Qué son las etiquetas Open Graph y Twitter Card?
Las etiquetas Open Graph (og:) les dicen a plataformas como Facebook y LinkedIn cómo mostrar tu enlace, y las etiquetas Twitter Card hacen lo mismo para Twitter/X. Juntas controlan el título, la descripción y la imagen de vista previa que se muestran cuando alguien comparte tu URL. Este generador puede agregar ambas por ti.
¿Las meta keywords todavía importan para el SEO?
Los grandes motores de búsqueda como Google ya no usan la etiqueta meta keywords para el ranking, así que hoy tiene poco valor de SEO. Se incluye aquí por completitud y para sistemas que aún la leen, pero las etiquetas de título, descripción y canónica importan mucho más.
¿La herramienta escapa los caracteres especiales?
Sí. Cualquier valor que escribas se escapa en HTML, así que caracteres como comillas, ampersands y corchetes angulares se convierten en entidades seguras. Esto mantiene el fragmento generado válido y evita un marcado roto o inseguro.
¿Este generador de meta etiquetas es gratis y privado?
Sí. Es completamente gratis y se ejecuta enteramente en tu navegador con JavaScript. Nada de lo que ingresas se envía ni se almacena en ningún servidor — las etiquetas se generan localmente en tu dispositivo.