Generador de meta tags (HTML)
Rellena el título, la descripción, la URL y la imagen. La herramienta arma el bloque completo de meta tags, con Open Graph y Twitter Card, listo para copiar y pegar en la etiqueta head. Sin registro, en tu navegador.
Rellena los campos de arriba para ver tu bloque de meta tags aquí.
Todo sobre meta tags, Open Graph y Twitter Card
Las meta tags son pequeños fragmentos de HTML, colocados dentro de la etiqueta <head> de tu sitio, que describen la página para Google y para las redes sociales. El visitante no las ve, pero el buscador, Facebook, LinkedIn y X leen cada una para armar el título, el resumen y la imagen que aparecen cuando la página se encuentra o se comparte. En una frase: las meta tags son la ficha técnica de tu página, y dejarlas en blanco le entrega al algoritmo la decisión de cómo aparece tu marca.
Qué meta tags importan de verdad
Hay decenas de meta tags posibles, pero solo un puñado cambia el resultado en el día a día. Tres grupos valen tu tiempo: las tags primarias (el <title> y la description que usa Google), las de Open Graph (la tarjeta que aparece en Facebook, LinkedIn y WhatsApp) y las de Twitter Card (la vista previa en X). Esta herramienta genera las tres de una vez para que no olvides ninguna.
| Meta tag | Dónde aparece | Función |
|---|---|---|
| <title> | Pestaña del navegador y título en Google | El título con clic del resultado de búsqueda |
| meta name="description" | Resumen debajo del título en Google | Invita al clic e influye en el CTR |
| og:title y og:description | Tarjeta al compartir en Facebook y LinkedIn | Título y resumen de la vista previa social |
| og:image | Imagen grande de la tarjeta social | La foto que aparece al compartir el enlace |
| og:url, og:type y og:site_name | Metadatos de la tarjeta | URL canónica, tipo de contenido y nombre del sitio |
| twitter:card | Formato de la tarjeta en X (Twitter) | Define summary o summary_large_image |
| twitter:title, description e image | Vista previa en X (Twitter) | Texto e imagen de la tarjeta en X |
Dónde pegar las meta tags
Todas las meta tags van dentro de la etiqueta <head>, de preferencia al inicio, antes del cierre </head>. Necesitan estar en el HTML que entrega el servidor, no inyectadas después por JavaScript, porque algunos robots sociales no ejecutan scripts. Si usas un CMS como WordPress o un framework como Next.js, pega el bloque en el campo de cabecera del tema o en el objeto de metadata de la página.
Open Graph: la tarjeta que aparece en las redes sociales
El Open Graph es el protocolo, creado por Facebook, que define cómo se ve tu página cuando alguien pega el enlace en una red social. Sin og:image, og:title y og:description, la red intenta adivinar qué mostrar, y el resultado suele ser una tarjeta sin imagen y con texto cortado. Con Open Graph definido, tú controlas la primera impresión: la imagen correcta, el título correcto y el resumen correcto. Vale la regla: si no tienes Open Graph, no eliges cómo se ve tu enlace.
Twitter Card: la vista previa en X
El Twitter Card cumple el mismo papel en X (Twitter). La tag twitter:card decide el formato: usa summary_large_image cuando tengas una buena imagen horizontal, o summary para una tarjeta más pequeña. X reutiliza las tags Open Graph cuando faltan las de Twitter, pero declarar ambas evita sorpresas y mantiene la tarjeta consistente en todas las plataformas.
Tamaño ideal de cada meta tag
Cada tag tiene un espacio visible, y lo que pasa de él se corta. Respetar el tamaño garantiza que el título y el resumen se vean enteros, sin puntos suspensivos en medio de la frase importante.
- <title>: de 50 a 60 caracteres. Por encima de eso Google lo corta en el resultado.
- meta description: de 150 a 160 caracteres, con la información principal en los primeros 120.
- og:image: 1200 por 630 píxeles (proporción 1,91:1) es el tamaño que rinde la tarjeta grande sin distorsión.
- og:title: mantenlo cerca del <title>, hasta unos 60 caracteres, para que no se corte en la tarjeta.
- og:description: de 2 a 4 líneas, alrededor de 110 a 160 caracteres en la vista previa.
Preguntas sobre meta tags
¿Qué son las meta tags?
Son fragmentos de HTML dentro de la etiqueta <head> que describen la página para Google y las redes sociales. El visitante no las ve, pero definen el título, el resumen y la imagen que aparecen en la búsqueda y al compartir el enlace.
¿Dónde coloco las meta tags en mi sitio?
Dentro de la etiqueta <head>, de preferencia al inicio. Necesitan estar en el HTML que entrega el servidor, no solo insertadas después por JavaScript.
¿Necesito Open Graph y Twitter Card?
Sí, si te importa cómo se ve tu enlace en las redes. Sin esas tags, Facebook, LinkedIn y X adivinan qué mostrar, y la tarjeta suele salir sin imagen y con texto cortado.
¿Cuál es el tamaño ideal de la imagen og:image?
1200 por 630 píxeles, en proporción 1,91:1. Es el tamaño que genera la tarjeta grande en las redes sin recortar ni distorsionar la imagen.
¿Las meta tags mejoran el posicionamiento en Google?
El title ayuda directamente, porque es una señal de relevancia y el texto con clic en la búsqueda. La description no es un factor de posicionamiento directo, pero influye en el CTR, que afecta el rendimiento con el tiempo.
¿El generador de meta tags es gratis?
Sí, es 100% gratis y sin registro. Todo funciona en tu navegador y lo que escribes no se envía a ningún servidor.
¿Quieres un blog que se escribe y se optimiza solo?
Automarticles crea tu blog completo, con títulos, meta tags y contenido optimizados para Google y para ser citado por IAs como ChatGPT. Sin trabajo manual.