Generador de etiquetas meta
Genera etiquetas meta de SEO, Open Graph y Twitter Card para tu página a partir del título, la descripción, la URL canónica, la imagen y el nombre del sitio.
Generador de etiquetas meta — Completa el título, la descripción, la URL canónica, la imagen y el nombre del sitio de tu página para obtener un bloque listo para pegar de etiquetas meta de SEO, Open Graph y Twitter Card en el head de tu HTML. Las vistas previas en vivo del SERP de Google y de la tarjeta social muestran cómo se verá la página en las búsquedas y al compartirla. Todo se genera en tu navegador: no se sube nada de tu página.
¿Qué es Generador de etiquetas meta?
El Generador de etiquetas meta es una herramienta en línea gratuita que convierte unos pocos datos de la página en un conjunto completo de etiquetas meta HTML: las etiquetas SEO estándar (title, meta description, enlace canónico), las etiquetas Open Graph (og:title, og:description, og:type, og:url, og:image, og:site_name) y las etiquetas Twitter Card (twitter:card, twitter:title, twitter:description, twitter:image). Especialistas en marketing, blogueros y desarrolladores la usan al lanzar una página o un artículo para controlar cómo aparece en los resultados de Google y cómo se despliega su enlace en Facebook, LinkedIn, X/Twitter, Slack y Discord. Elige el og:type (website, article, product, profile o video.other) y el estilo de twitter:card (summary, summary_large_image, app o player), y la herramienta escribe solo las líneas de los campos que completes. Genera etiquetas HTML simples: no rastrea tu sitio ni lee la página por ti.
Cómo usar Generador de etiquetas meta
- Escribe el título de la página: se convierte en las etiquetas <title>, og:title y twitter:title.
- Redacta una meta descripción (unos 150–160 caracteres) para las etiquetas description, og:description y twitter:description.
- Introduce la URL canónica de la página y una URL de imagen absoluta para la vista previa del enlace.
- Añade el nombre del sitio y elige el og:type y el twitter:card en los menús desplegables.
- Copia el bloque HTML generado desde la casilla de salida y pégalo en el <head> de tu página.
- Usa las vistas previas del SERP de Google y de la tarjeta social para comprobar el resultado antes de publicar.
Ejemplos
Etiquetas de un artículo de blog
Entrada
Título: Cómo hacer pan de masa madre Descripción: Una guía para principiantes para hacer pan de masa madre en casa. URL: https://blog.example.com/sourdough og:type: article
Salida
<title>Cómo hacer pan de masa madre</title> <meta name="description" content="Una guía para principiantes para hacer pan de masa madre en casa." /> <link rel="canonical" href="https://blog.example.com/sourdough" /> <meta property="og:title" content="Cómo hacer pan de masa madre" /> <meta property="og:type" content="article" /> <meta name="twitter:card" content="summary_large_image" />
Tarjeta social con imagen grande
Entrada
Imagen: https://example.com/og.png twitter:card: summary_large_image
Salida
<meta property="og:image" content="https://example.com/og.png" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:image" content="https://example.com/og.png" />
Los caracteres especiales se escapan
Entrada
Título: Tips & Tricks for "Pros"
Salida
<title>Tips & Tricks for "Pros"</title>
Preguntas frecuentes
- ¿Qué etiquetas meta genera?
- Produce etiquetas SEO estándar (<title>, meta description y un enlace canónico), etiquetas Open Graph (og:title, og:description, og:type, og:url, og:image, og:site_name) y etiquetas Twitter Card (twitter:card, twitter:title, twitter:description, twitter:image). Solo se incluyen las líneas de los campos que completes, así que nunca obtienes etiquetas de marcador de posición vacías.
- ¿Cuál es la diferencia entre og:type y twitter:card?
- og:type indica a las plataformas qué tipo de objeto es la página —website, article, product, profile o video.other—, lo que afecta a cómo se despliega el enlace. twitter:card elige el diseño en X/Twitter: summary es una miniatura pequeña, summary_large_image muestra una imagen grande tipo banner, mientras que app y player son para aplicaciones y medios. Elige la combinación que coincida con tu contenido.
- ¿La URL de la imagen debe ser absoluta?
- Sí. og:image y twitter:image deben ser URL absolutas completas que empiecen por https:// porque los rastreadores las obtienen desde fuera de tu sitio: una ruta relativa como /og.png no se cargará. Para mejores resultados usa una imagen de 1200×630 en las tarjetas grandes.
- ¿Esta herramienta rastrea o lee mi página en vivo?
- No. Solo da formato a los valores que escribes en etiquetas meta HTML. No obtiene, rastrea ni analiza ninguna URL: las URL canónica y de imagen se escriben en las etiquetas tal cual, sin ser visitadas.
- ¿Se envían mis datos a un servidor?
- No. Las etiquetas se crean por completo en tu navegador con JavaScript. Nada de lo que escribas —incluidos títulos, URL o descripciones sin publicar— se sube, almacena ni envía a ningún sitio, por lo que es seguro usarlo en páginas privadas o previas al lanzamiento.