Generador de Meta Etiquetas
Genera meta etiquetas HTML completas para SEO y compartición social con nuestro generador de meta etiquetas gratis. Rellena un formulario simple para producir las etiquetas title, meta description, Open Graph y Twitter Card, todas listas para pegar en el head de tu HTML. Las advertencias de recuento de caracteres te ayudan a mantenerte dentro de los límites recomendados. Sin registro: toda la generación se ejecuta localmente en tu navegador.
Fill in the fields below to generate complete HTML meta tags including title, meta description, Open Graph, and Twitter Card tags. All generation runs locally in your browser - no data is sent to any server.
Recommended: 50-60 characters
Recommended: 120-160 characters
¿Por qué usar nuestro generador de meta etiquetas?
- Generación instantánea de meta etiquetas: genera meta etiquetas HTML completas al instante en tu navegador sin tiempo de espera. Nuestro generador produce etiquetas title, description, Open Graph y Twitter Card con un clic, listas para pegar en tu HTML.
- Generador de meta etiquetas online seguro: toda la generación de meta etiquetas ocurre localmente en tu navegador: el contenido de tu página y las URLs nunca salen de tu dispositivo. Usa nuestro generador de meta etiquetas online con total privacidad y cero recopilación de datos.
- Generador de meta etiquetas online - sin instalación: usa nuestro generador directamente en cualquier navegador sin descargas, complementos ni aplicaciones. Genera meta etiquetas desde cualquier dispositivo, en cualquier lugar, al instante.
- Cobertura completa - básicas, OG y Twitter Card: nuestro generador de meta etiquetas cubre los tres conjuntos de etiquetas: meta etiquetas básicas (title, description, keywords, robots, canonical), etiquetas Open Graph para Facebook/LinkedIn/WhatsApp y etiquetas Twitter Card para X/Twitter, con advertencias de recuento de caracteres para cada campo.
Casos de uso comunes del generador de meta etiquetas
- Lanzamiento de un sitio web nuevo: genera meta etiquetas completas para cada página de un sitio web nuevo antes del lanzamiento. Usa nuestro generador de meta etiquetas para asegurarte de que todas las páginas tengan etiquetas correctas de title, description, Open Graph y Twitter Card para la máxima visibilidad en buscadores y redes sociales.
- SEO de entradas de blog y artículos: crea meta etiquetas optimizadas para entradas de blog y artículos con el ajuste correcto og:type="article". Nuestro generador de meta etiquetas ayuda a redactores y equipos de contenido a producir etiquetas listas para SEO para cada contenido.
- Optimización de vistas previas en redes sociales: genera etiquetas Open Graph y Twitter Card para controlar cómo aparecen tus páginas al compartirlas en Facebook, LinkedIn, WhatsApp y X/Twitter. Usa nuestro generador de meta etiquetas para definir títulos, descripciones e imágenes personalizados para las vistas previas sociales.
- Páginas de producto de comercio electrónico: genera meta etiquetas para páginas de producto con og:type="product" y descripciones optimizadas. Nuestro generador de meta etiquetas ayuda a los equipos de comercio electrónico a crear etiquetas coherentes y favorables al SEO en catálogos de productos extensos.
- Auditorías de SEO técnico: usa nuestro generador de meta etiquetas para producir rápidamente meta etiquetas de referencia durante las auditorías de SEO y compararlas con las etiquetas existentes de la página. Identifica etiquetas ausentes o poco óptimas y genera versiones corregidas al instante.
- Integración en desarrollo y CMS: los desarrolladores usan nuestro generador de meta etiquetas para prototipar plantillas de meta etiquetas antes de implementarlas en sistemas CMS, generadores de sitios estáticos o frameworks de renderizado en servidor. Copia el resultado directamente en tu plantilla.
¿Qué son las meta etiquetas?
Las meta etiquetas son elementos HTML colocados en la sección <head> de una página web que proporcionan información estructurada sobre la página a los motores de búsqueda, las plataformas de redes sociales y los navegadores. Las meta etiquetas más importantes son la etiqueta title (que se muestra en los resultados de búsqueda y en las pestañas del navegador), la meta description (el fragmento que aparece bajo el título en los resultados de búsqueda), las etiquetas Open Graph (que controlan cómo aparecen las páginas al compartirlas en Facebook, LinkedIn y WhatsApp) y las etiquetas Twitter Card (que controlan las vistas previas en X/Twitter). Nuestro generador de meta etiquetas produce todos estos conjuntos de etiquetas desde un único formulario, listos para pegar en tu <head> de HTML.
Cómo funciona nuestro generador de meta etiquetas
- 1. Rellena los campos del formulario: introduce el título de tu página, la descripción, las palabras clave y otros campos. Los indicadores de recuento de caracteres muestran cuándo te acercas a los límites recomendados de cada campo. Todo el procesamiento ocurre localmente en tu navegador: tus datos nunca salen de tu dispositivo.
- 2. Configura Open Graph y Twitter Card: rellena la sección Open Graph para las vistas previas de compartición en Facebook, LinkedIn y WhatsApp. Rellena la sección Twitter Card para las vistas previas en X/Twitter. Solo las secciones con contenido se incluyen en el resultado.
- 3. Genera y copia: haz clic en Generar meta etiquetas para producir el conjunto completo de etiquetas HTML. Copia todas las etiquetas con un clic y pégalas en la sección <head> de tu HTML.
Qué se genera
- Meta etiquetas básicas: <title> , meta description , meta keywords , meta author , meta robots y link canonical : la base del SEO en la página.
- Etiquetas Open Graph: og:type , og:url , og:title , og:description , og:image , og:image:alt y og:site_name , que controlan las vistas previas de compartición en Facebook, LinkedIn y WhatsApp.
- Etiquetas Twitter Card: twitter:card , twitter:site , twitter:creator , twitter:title , twitter:description , twitter:image y twitter:image:alt , que controlan cómo aparecen las páginas al compartirlas en X/Twitter.
- Guía de recuento de caracteres: cada campo de texto muestra un recuento de caracteres en vivo con advertencias codificadas por colores (amarillo al acercarse al límite recomendado y rojo al superarlo) para ayudarte a escribir meta contenido del tamaño óptimo.
Buenas prácticas de meta etiquetas
Mantén tu etiqueta title entre 50 y 60 caracteres para evitar el truncamiento en los resultados de búsqueda de Google. Escribe tu meta description entre 120 y 160 caracteres: debe ser un resumen atractivo que anime a hacer clic. Define siempre una URL canónica para evitar problemas de contenido duplicado. Usa una imagen de 1200×630 px para las imágenes de Open Graph y Twitter Card para una visualización óptima en todas las plataformas. Ajusta og:type="article" para entradas de blog y artículos de noticias, y og:type="website" para la página de inicio y páginas generales. El tipo twitter:card="summary_large_image" produce la vista previa de Twitter más grande y visualmente destacada.
Preguntas frecuentes
Un generador de meta etiquetas crea las meta etiquetas HTML necesarias para SEO y compartición social a partir de un formulario simple. Nuestro generador produce las etiquetas title, meta description, Open Graph y Twitter Card, todas listas para pegar en la sección head de tu HTML, y se ejecuta íntegramente en tu navegador.
Nuestro generador de meta etiquetas produce tres conjuntos de etiquetas: meta etiquetas básicas (title, description, keywords, author, robots, canonical), etiquetas Open Graph para Facebook/LinkedIn/WhatsApp y etiquetas Twitter Card para X/Twitter.
Google suele mostrar entre 50 y 60 caracteres de una etiqueta title en los resultados de búsqueda. Los títulos de más de 60 caracteres pueden truncarse. Nuestro generador de meta etiquetas muestra un recuento de caracteres en vivo con advertencias.
Google suele mostrar entre 120 y 160 caracteres de una meta description en los resultados de búsqueda. Escribe un resumen atractivo que anime a hacer clic: nuestro generador de meta etiquetas muestra un recuento de caracteres en vivo con advertencias.
Las etiquetas Open Graph (og:*) controlan cómo aparece tu página al compartirla en Facebook, LinkedIn, WhatsApp y la mayoría de las demás plataformas sociales. Las etiquetas Twitter Card (twitter:*) controlan cómo aparece tu página específicamente en X/Twitter.
Usa una imagen de 1200×630 px para Open Graph (og:image) para una visualización óptima en Facebook y LinkedIn. Para Twitter Card con summary_large_image, usa al menos 1200×628 px. Las imágenes deben pesar menos de 5 MB.
¡Sí! Nuestro generador de meta etiquetas es 100 % gratis, sin registro, sin anuncios y sin límites de uso. Genera meta etiquetas tantas veces como necesites - totalmente gratis, para siempre.
Por supuesto. Toda la generación de meta etiquetas ocurre localmente en tu navegador mediante JavaScript. El contenido de tu página, las URLs y otros datos nunca se envían a ningún servidor, garantizando total privacidad cada vez que usas nuestro generador de meta etiquetas online.
No: rellena solo los campos relevantes para tu página. Nuestro generador de meta etiquetas solo incluye etiquetas para los campos que tienen contenido. Como mínimo, rellena el title y la description para el SEO básico.