Saltar al contenido principal

Generador de Meta Tags HTML

Completa los datos de tu página, valida las URLs y genera un bloque coherente para buscadores y redes sociales.

Configuración

0 caracteres · Referencia orientativa, no límite fijo

0 caracteres · La vista real puede variar

Meta robots (opcional)
Indexación
Enlaces

Vista previa orientativa

Completa el título
Completa la URL de la página
Completa la descripción

Los buscadores pueden reescribir o recortar el título y la descripción mostrados.

Vistas previas sociales

Referencias orientativas: cada plataforma puede recortar la imagen o mostrar otro contenido. La imagen se carga desde la URL que introduces; no consultamos los metadatos de tu web.

Open Graph / Facebook

Sin imagen social

Completa la URL de la página

Completa el título

Completa la descripción

X / Twitter

Sin imagen social

Completa la URL de la página

Completa el título

Completa la descripción

Formato generado: summary

Código HTML

Completa los campos obligatorios para generar el código.

Genera un único bloque de metadatos coherente

Esta herramienta normaliza los datos del formulario y usa el mismo resultado para la vista previa y el código HTML. El título, la descripción y la URL de la página son obligatorios; el autor, la imagen social y el usuario de X/Twitter solo aparecen cuando los completas.

Las vistas previas de Google, Open Graph y X/Twitter son orientativas. Los buscadores pueden elegir otro título o fragmento, y las redes sociales pueden recortar la imagen o mostrar otro contenido. La imagen se carga desde la URL que introduces; no se consultan los metadatos de tu web. Si la imagen no carga, revisa su acceso público: el código generado conserva la URL válida.

Qué etiquetas incluye el generador

1Título y descripción

Genera el elemento title y la meta description a partir de textos obligatorios. Los contadores muestran la cantidad real de caracteres como referencia de edición, sin imponer un máximo ni prometer una presentación fija en resultados.

2Open Graph

Incluye og:type, og:url, og:title, og:description y el locale. og:image solo se añade cuando proporcionas una URL absoluta válida, evitando etiquetas vacías.

3Twitter Cards

Crea una tarjeta resumida con la URL, el título y la descripción. Cuando añades una imagen válida, genera la variante de imagen grande. El identificador del autor es opcional y se escribe con una sola arroba.

4Meta tag robots

La indexación y el seguimiento de enlaces se configuran con opciones exclusivas para evitar contradicciones. Además, puedes activar nosnippet, noimageindex ynotranslate. Si mantienes los valores abiertos predeterminados y no eliges una opción adicional, la herramienta omite la etiqueta redundante.

Por qué no se generan meta keywords

El generador omite intencionalmente las meta keywords porque Google las ignora para indexar y ordenar resultados. Esto también evita producir una etiqueta sin utilidad para el flujo descrito. Prioriza un título claro, una descripción fiel y contenido útil para la página.

Flujo de validación y copia

  1. Completa un título, una descripción y una URL absoluta con protocolo http o https.
  2. Añade solo los datos opcionales que tengas. Una imagen no vacía también debe usar una URL absoluta válida.
  3. Decide mediante controles exclusivos si permites la indexación y el seguimiento de enlaces; activa las opciones adicionales solo cuando las necesites.
  4. Corrige el resumen de errores. El código permanece vacío y el botón de copia deshabilitado hasta que el resultado sea válido.

Buenas prácticas al preparar los metadatos

  • Describe la página concreta: evita reutilizar el mismo título y la misma descripción en URLs con contenidos diferentes.
  • Mantén coherencia con el contenido:la promesa del título y la descripción debe corresponder con lo que la persona encontrará.
  • Usa los contadores como referencia:revisa la claridad antes que perseguir una cifra fija de caracteres.
  • Comprueba las URLs: usa direcciones públicas y absolutas para la página y para la imagen social opcional.
  • Revisa la integración final: evita duplicar etiquetas si tu CMS, tema o framework ya las genera.

Herramientas SEO relacionadas

Continúa con estas utilidades gratuitas:

Cómo usar el Generador de Meta Tags

Pasos para validar los datos de una página y generar un bloque de meta tags HTML.

  1. 01

    Completa los campos obligatorios

    Escribe el título, la descripción y una URL absoluta de página que empiece con http:// o https://. Los contadores sirven como orientación, no como límites fijos.

  2. 02

    Añade los datos sociales opcionales

    Si los necesitas, agrega una URL absoluta de imagen, el autor, el tipo de contenido y el usuario de X/Twitter. Los campos opcionales vacíos no generan etiquetas.

  3. 03

    Configura el meta tag robots

    Elige de forma exclusiva si permites la indexación y el seguimiento de enlaces. También puedes activar las opciones para ocultar el fragmento, no indexar imágenes o no ofrecer traducción.

  4. 04

    Revisa y copia el HTML válido

    Revisa las vistas previas de Google, Open Graph y X/Twitter y corrige los errores indicados. Sin imagen, la Twitter Card usa summary; con una URL de imagen válida, usa summary_large_image. El botón de copia se habilita cuando todos los campos obligatorios son válidos.

Preguntas frecuentes

Respuestas sobre el funcionamiento, recomendaciones y consideraciones de esta herramienta.

Consultas frecuentes
Genera un bloque HTML con title, meta description, Open Graph, Twitter Cards y, cuando corresponde, un meta tag robots. El código solo se habilita cuando completas un título, una descripción y una URL absoluta válida.

Estrategia SEO para tu negocio

Convierte los diagnósticos en oportunidades de venta

Las herramientas detectan problemas. Una estrategia SEO los convierte en prioridades para atraer tráfico cualificado y generar oportunidades comerciales.

  • Prioridades claras para tu web
  • Oportunidades de tráfico y conversión
  • Plan de acción adaptado a tu negocio

Cuéntame sobre tu proyecto