HTML Meta Tag Generator

Generador de Meta Tags HTML

Genera meta tags HTML completas en segundos: title, description, robots, canonical, Open Graph y Twitter Cards. Código HTML listo para copiar y pegar.

Actualizado mayo de 2026

Revisado por Rafael Duarte

0/60
0/160
Code Preview 
<!-- Primary Meta Tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="content-language" content="en">
<meta name="robots" content="index, follow">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
SERP Preview

https://example.com/your-page

Page Title

Your meta description will appear here…

Cómo funciona

Del SEO básico al social graph completo, en tres pasos

1. Completa el SEO Essentials

Title (menos de 60 caracteres), meta description (menos de 160), URL canonical y la directiva robots.

2. Configura el Social Graph

Open Graph y Twitter Cards — los campos que dejes vacíos heredan automáticamente del SEO Essentials.

3. Copia el HTML generado

Pega el bloque directo en el <head> de tu página, listo para producción.

Qué hace este generador de meta tags

El paquete completo que necesita cualquier página en 2026

SEO Essentials completo

Title, description, robots, keywords y canonical — las etiquetas que Google lee primero al indexar tu página.

Open Graph para redes sociales

og:title, og:description, og:image y og:type, listos para Facebook, LinkedIn y WhatsApp.

Twitter Cards

Controla cómo se ve tu link al compartirlo en X, incluida la card con imagen grande.

Herencia automática entre campos

Si dejas og:title o twitter:title vacíos, se completan solos con el title del SEO Essentials — sin escribir dos veces lo mismo.

Etiquetas técnicas (charset, viewport, theme-color)

Charset, viewport, theme-color e idioma de la página — cubren renderizado mobile y señales básicas de accesibilidad.

Vista previa de SERP en tiempo real

Mira cómo se verán title y description en los resultados de Google, con contador de caracteres mientras escribes.

Referencia rápida de meta tags

Etiqueta
Importancia
<title> (60 caracteres)
Crítica para SEO — el elemento on-page más importante de la página
meta description (160 caracteres)
Alta — influye en el CTR, no en el ranking directo
og:image (1200×630px)
Crítica para redes sociales — controla la vista previa al compartir
meta keywords
Ignorada por Google desde 2009
meta viewport
Crítica para mobile-first indexing — sin ella, Google trata la página como no responsiva

Cuándo vas a necesitar esta herramienta

Los escenarios más comunes entre quienes la usan

Lanzar una página nueva

Genera el bloque completo de meta tags antes de publicar, sin que se te olvide ninguna.

Auditoría de SEO técnico

Revisa que title y description estén dentro de los límites recomendados antes de subir cambios.

Asegurar la vista previa correcta en redes sociales

Configura Open Graph y Twitter Cards para que el link se vea bien cuando alguien lo comparte.

Resolver contenido duplicado

Define la etiqueta canonical apuntando a la URL preferida de la página.

Corregir el renderizado en móviles

Configura viewport y theme-color para que la página se adapte bien a celulares y el navegador respete el color de la barra de dirección.

Declarar el idioma correcto de la página

Ajusta la etiqueta de idioma cuando la página no está en inglés, evitando señales incorrectas para buscadores y lectores de pantalla.

Errores comunes

Poner meta keywords pensando que ayuda al ranking

Google la ignora por completo desde 2009 y lo confirmó en 2014 — solo expone tu estrategia de palabras clave a la competencia.

Title de más de 60 caracteres

Se corta en los resultados de búsqueda — pon la keyword principal cerca del inicio del title.

Olvidar la etiqueta canonical autorreferenciada

Cada página debe apuntar a su propia URL limpia, incluso sin parámetros duplicados conocidos.

Quitar la etiqueta viewport

Sin ella, el navegador renderiza la página como versión de escritorio en pantallas pequeñas — Google lo trata como señal negativa en mobile-first indexing.

Publicar sin og:image o con una imagen muy pequeña

Sin og:image, las redes sociales muestran una card genérica o vacía. Usa al menos 1200×630px — las imágenes más chicas se ven recortadas o borrosas.

Repetir la misma description en varias páginas

Google detecta descriptions duplicadas entre páginas y suele reescribirlas automáticamente, ignorando el texto que definiste.

Por qué usar este generador de meta tags

Genera el paquete completo que necesita cualquier página en 2026 — no solo title y description, sino también robots, canonical, Open Graph y Twitter Cards en un mismo lugar.

La herencia automática entre campos de SEO y campos sociales evita escribir el mismo texto dos veces y garantiza consistencia entre lo que aparece en Google y lo que se ve al compartir el link.

Todo corre en tu navegador — sin registro, sin instalar nada y sin enviar datos a ningún servidor. Además incluye una vista previa en tiempo real de cómo se verán title y description en los resultados de Google, con contador de caracteres para no pasarte del límite recomendado.

Open Graph vs. Twitter Cards

Dos estándares distintos, una sola configuración

Open Graph
Twitter Cards
Creado por
Facebook
X (Twitter)
Usado por
Facebook, LinkedIn, WhatsApp, Slack, Discord
X/Twitter
Si solo configuras uno
la mayoría lo usa como respaldo, incluido Twitter
no cubre las demás plataformas

Preguntas frecuentes

Completa los campos de SEO Essentials, Social Graph y Technical en el generador, copia el HTML resultante y pégalo dentro de la etiqueta <head> de tu página, antes del cierre </head>.

Referencias

Google Search Central — Títulos y fragmentos

Guía oficial de Google sobre cómo se usan los title tags y las meta descriptions.

The Open Graph Protocol

Especificación oficial de las etiquetas Open Graph, mantenida por Meta.

Documentación de Twitter Cards

Documentación oficial de X/Twitter para implementar Twitter Cards.

Artículo relacionado

Subdomínio vs subdiretório: qual estrutura prejudica menos seu SEO

Herramientas relacionadas