Generador de meta tags
Genera los meta tags, Open Graph y Twitter Cards de tu página, con vista previa.
Completa al menos el título para ver el bloque generado.
¿Cómo genero las meta tags, Open Graph y Twitter Card de una página?
Para generar las meta tags de una página completa las básicas (title y meta description), la URL canónica y, si quieres que se vea bien al compartirla, una imagen absoluta, el tipo de contenido, el nombre del sitio y tu usuario de Twitter/X. El generador de Docuboxer construye al instante el título, la meta descripción, el enlace canónico, las etiquetas Open Graph (og:title, og:description, og:url, og:image, og:type, og:site_name, og:locale) y la Twitter Card correspondiente, con los caracteres especiales ya escapados para que el HTML no se rompa. Es gratis, no pide registro y todo el cálculo ocurre en tu navegador: ni el título, ni la descripción ni la imagen salen de tu equipo hacia ningún servidor.
Cómo usar Generador de meta tags
- Escribe el título de la página (máximo recomendado: 60 caracteres) y la meta descripción (máximo recomendado: 160 caracteres); el contador bajo cada campo avisa si te pasas.
- Pega la URL canónica de la página y, si la tienes, la URL absoluta de la imagen de vista previa (que empiece por https://) para que Facebook, LinkedIn, X y WhatsApp puedan mostrarla.
- Elige el tipo de contenido (sitio web o artículo), el nombre del sitio y el locale de Open Graph, por ejemplo es_ES o es_MX.
- Si quieres que aparezca el crédito de la cuenta al compartir en X, añade tu usuario de Twitter/X con o sin la @ inicial.
- Revisa la vista previa resaltada del bloque generado, corrige los avisos si aparecen y copia o descarga el HTML listo para pegar dentro de <head>.
Casos de uso comunes
Lanzar una landing page nueva sin plantilla SEO
Genera de un tirón el title, la description y el canonical de una landing recién creada, antes de que Google la rastree con metadatos vacíos o duplicados de otra página.
Corregir cómo se ve un enlace al compartirlo en WhatsApp o LinkedIn
Si al pegar tu URL en un chat aparece sin imagen o con un título genérico, genera las etiquetas og:image, og:title y og:description con los valores correctos y reemplázalas en el head de tu página.
Preparar un artículo de blog para redes sociales
Configura tipo de contenido = artículo, la imagen de portada y tu usuario de Twitter/X para que la tarjeta se muestre en formato grande (summary_large_image) al compartir el post.
Auditar meta tags antes de un lanzamiento
Copia el título y la descripción actuales de una página en el generador para comprobar si superan los límites de caracteres antes de que marketing publique el enlace en campañas.
Unificar el locale y el site_name en un sitio multi-idioma
Genera bloques distintos para cada versión de idioma de una misma página (es_ES, es_MX, en_US) manteniendo el mismo site_name y cambiando solo lo que corresponde a cada mercado.
Preguntas frecuentes
¿Cuántos caracteres debe tener el title y la meta description?
Google trunca aproximadamente a partir de 60 caracteres en el title y de 160 en la description, aunque el límite real depende del ancho en píxeles de cada carácter. El generador avisa cuando superas esos umbrales, pero pasarte un poco no invalida la página: solo arriesga que se corte en los resultados.
¿Qué diferencia hay entre meta description y og:description?
La meta description la usa Google (y otros buscadores) para el snippet de resultados; og:description la leen Facebook, LinkedIn y otras redes al generar la vista previa de un enlace compartido. Pueden llevar el mismo texto, y por eso el generador las rellena juntas, pero técnicamente son etiquetas independientes.
¿Por qué mi enlace no muestra imagen al compartirlo en redes?
Casi siempre porque falta la etiqueta og:image o porque la URL de la imagen no es absoluta, es decir, no empieza por https://. Las redes sociales no resuelven rutas relativas, así que si pegas /imagenes/portada.png en vez de la URL completa, la vista previa aparecerá sin imagen.
¿Qué valor debo usar en og:type?
website para páginas generales (home, landing, categoría) y article para contenido editorial como posts de blog o noticias. El tipo article activa además etiquetas adicionales en algunas plataformas, como el autor o la fecha de publicación, aunque este generador se centra en las etiquetas base que comparten ambos tipos.
¿Necesito poner mi usuario de Twitter/X para que funcione la Twitter Card?
No es obligatorio: la tarjeta se genera igual, con summary_large_image o summary según tengas imagen o no. El campo twitter:site solo añade el crédito visible de la cuenta del sitio cuando alguien comparte el enlace en X.
¿Estas meta tags sustituyen al sitemap o al robots.txt?
No, cada uno cumple una función distinta: las meta tags describen una página concreta para buscadores y redes sociales, el sitemap.xml lista las URLs de tu sitio para que Google las rastree, y el robots.txt controla qué puede rastrear cada bot. Docuboxer tiene un generador dedicado para cada uno.