Skip to content

Generador de Meta Tags

Última verificación mayo 2026 — corre en tu navegador
Genera meta tags para SEO

Meta Tags básicos

Open Graph / Twitter

HTML generado

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow">

<!-- Open Graph -->
<meta property="og:type" content="website">

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

Generador de Meta Tags — SEO, Open Graph, Twitter Cards, robots, canonical, hreflang

El generador de meta tags de arriba produce un fragmento <head> completo con elementos meta HTML, etiquetas Open Graph, Twitter Cards, directivas robots, URL canónica y declaraciones hreflang. El elemento meta HTML y link[rel] están definidos en el WHATWG HTML Living Standard (secciones 4.2.5 y 4.6) — una especificación sin versión con revisiones continuas. Open Graph (ogp.me) fue publicado por Facebook en 2010 bajo el Open Web Foundation Agreement v0.9, inspirado en Dublin Core, link rel=canonical, Microformats y RDFa; estandariza og:title, og:type, og:image, og:url, og:description y og:site_name. Twitter Cards (ahora developer.x.com) define cuatro tipos de tarjeta: summary, summary_large_image, app, player. Las imágenes usan ratio 2:1 (1200×600) o 16:9 (1200×675); Photo Cards y Gallery Cards fueron deprecados y ahora mapean a summary_large_image. La directiva robots (especificación Google Search Central) controla el comportamiento de indexación del crawler (index, noindex, follow, nofollow, noarchive, nosnippet, max-snippet, max-image-preview, unavailable_after). La relación canonical, propuesta originalmente por Google en 2009 y ahora parte de WHATWG HTML, declara la URL preferida para contenido alcanzable por múltiples rutas.

Relacionados: Generador de slug Cheatsheet de HTML Contador de caracteres Generador de sombras CSS Contador de palabras Conversor de mayúsculas
Sobre esta herramienta

Tres clases de etiquetas coexisten en un <head> típico y sirven a audiencias distintas. Los buscadores parsean meta estándar (description, robots, canonical, hreflang); las plataformas sociales leen Open Graph y Twitter Card; los humanos ven la barra de título y el snippet en el SERP. Se solapan intencionadamente — og:title cae en <title> en plataformas que lo necesiten, twitter:image recurre a og:image, y un canonical ausente deja al crawler elegir solo entre parámetros de URL y redirecciones. El atributo hreflang transporta una etiqueta de idioma BCP 47 (Phillips y Davis, RFC 5646) y una sub-etiqueta de región opcional (p. ej., en, en-US, es-419 para español de Latinoamérica). El valor x-default apunta a usuarios cuyo locale no coincide con ninguna variante declarada. Google admite hreflang tanto en <link rel="alternate"> como en sitemaps XML; trata ambas entradas como equivalentes pero advierte cuando las declaraciones bidireccionales no coinciden (cada variante debe apuntar de vuelta a las demás variantes). Dos consideraciones no obvias importan. Primero, el puente con datos estructurados: Open Graph y Twitter Cards son metadatos de capa de presentación — dicen a las plataformas cómo renderizar una previsualización de share, pero no alimentan la elegibilidad para resultados enriquecidos (rich results) de Google. Para Article, Recipe, Product, FAQPage y rich results similares, el JSON-LD schema.org vía <script type="application/ld+json"> es la entrada documentada. Segundo, conflictos robots: una página noindex con canonical autorreferencial es contradictoria; Google ignora el canonical en páginas noindex y la página no entra al índice — esto sorprende a equipos que copian y pegan una plantilla de canonical por todo el sitio.

  • Título y descripción para el renderizado del snippet en buscadores
  • Etiquetas Open Graph (og:title, og:type, og:image, og:url, og:description, og:site_name)
  • Etiquetas Twitter Card (summary, summary_large_image, app, player)
  • Directiva robots (index/noindex, follow/nofollow, max-snippet, max-image-preview)
  • Declaración de URL canónica vía <link rel="canonical">
  • Variantes hreflang con soporte x-default (etiquetas de idioma BCP 47 / RFC 5646)
  • Sugerencias de dimensiones de imagen para previsualizaciones sociales (ratio 2:1 o 16:9)
  • Vista previa en vivo mientras escribes
  • Copia con un clic del bloque <head> generado al portapapeles
  • Pura en cliente — sin llamada API, sin subida

Gratis. Sin registro. Tus datos permanecen en tu navegador. Anuncios mediante Google AdSense (con consentimiento).

Preguntas frecuentes

¿Realmente necesito tanto Open Graph como Twitter Cards?

En la práctica sí. Open Graph lo parsean Facebook, LinkedIn, Slack, Discord, iMessage Rich Link, WhatsApp, Pinterest y muchos más. Twitter Cards extiende OG con comportamiento específico de Twitter/X — tipo twitter:card, twitter:site (cuenta editora), twitter:creator (cuenta autora) y reglas de imagen que prefieren la proporción 2:1 frente a la variable de OG. Twitter cae sobre OG cuando faltan etiquetas específicas, así que puedes enviar solo og:* y la mayor parte del comportamiento Twitter funciona. Añadir twitter:card='summary_large_image' + twitter:image genera de forma deliberada la vista previa grande, independientemente de las dimensiones de imagen OG.

¿Qué diferencia hay entre meta robots y la cabecera X-Robots-Tag?

Ambas controlan la indexación del crawler, pero meta robots vive en HTML <head> y X-Robots-Tag es una cabecera de respuesta HTTP. La versión cabecera es la única forma de controlar recursos no-HTML (PDFs, imágenes, ficheros JSON). Cuando ambas están presentes, Google aplica la regla más restrictiva combinada según la especificación de Google Search Central. Consejo práctico: usa la meta HTML para páginas HTML (visible en source / DevTools / auditorías de sitemap), usa la cabecera para assets servidos desde un CDN que no te deja inyectar HTML.

¿Qué hace x-default en hreflang y cuándo debo usarlo?

x-default es un valor especial de hreflang que apunta a usuarios cuyo locale del navegador no coincide con ninguna variante explícita. Uso típico: una homepage disponible en en, fr, es, de — usuarios de un país sin locale coincidente (polaco, japonés) deberían aterrizar en la versión inglesa. Declara <link rel='alternate' hreflang='x-default' href='https://example.com/en/'> para definir el fallback. Sin x-default, Google adivina basándose en geo-IP y Accept-Language, lo cual es poco fiable. Fuente: Google Search Central — documentación hreflang.

¿Por qué mi canonical no funciona — Google sigue indexando el duplicado?

Cinco causas habituales según Google Search Central: (1) el canonical apunta a una página que a su vez tiene un canonical distinto (las cadenas no se recorren; máximo 1 salto); (2) la URL canonical devuelve 4xx/5xx o redirecciona a otro sitio; (3) noindex en la misma página (Google ignora canonical en noindex); (4) el duplicado tiene señales más fuertes (más enlaces entrantes, mejor CTR), así que Google prevalece sobre tu canonical; (5) el canonical se establece en un <link> tras una hidratación JavaScript que lo cambia. El canonical de Google es una pista fuerte, no una garantía — puede elegir otra URL.

¿Cómo maneja este generador la interacción hreflang con canonical?

El generador emite canonical autorreferencial (cada URL se canonicaliza a sí misma) más hreflang recíproco para cada variante declarada. Canonical autorreferencial + variantes hreflang es el patrón recomendado (Google Search Central): cada página del cluster dice 'soy el canonical para mi locale' mientras hreflang declara la relación de equivalencia entre locales. Evita apuntar todas las variantes de locale al canonical de una única fuente inglesa — eso señala 'estos son duplicados' y Google puede eliminar las URLs localizadas del índice.

Fuentes (6)
  • WHATWG (2026). HTML Living Standard — Meta elements (§4.2.5) and Links (§4.6, including link rel="canonical" and link rel="alternate" hreflang). html.spec.whatwg.org/multipage/ — Living Standard, no version numbers, continuous revisions.
  • Facebook / Open Web Foundation (2010). The Open Graph Protocol — og:title, og:type, og:image, og:url, og:description, og:site_name (RDFa-based meta tags). ogp.me — Open Web Foundation Agreement v0.9; inspired by Dublin Core, link rel=canonical, Microformats, RDFa.
  • X Corp (formerly Twitter, Inc.) (2024). X for websites — Cards documentation (summary, summary_large_image, app, player; aspect 2:1 or 16:9; Photo+Gallery cards deprecated and mapped to summary_large_image). developer.x.com/en/docs/x-for-websites/cards.
  • Google Search Central (2024). Robots meta tag, data-nosnippet, and X-Robots-Tag specifications (index/noindex, follow/nofollow, noarchive, nosnippet, max-snippet, max-image-preview, unavailable_after). developers.google.com/search/docs/crawling-indexing/robots-meta-tag.
  • Google Search Central (2024). Specify a canonical URL — rel="canonical" patterns and self-referential canonicals. developers.google.com/search/docs/crawling-indexing/consolidate-duplicate-urls (canonical link relation originally proposed by Google 2009, now WHATWG HTML).
  • Phillips, A., & Davis, M. (Eds.) (2009). Tags for Identifying Languages. RFC 5646 (BCP 47), IETF — used by hreflang attribute and language meta tags.

Son las publicaciones originales en las que se basan las fórmulas de esta herramienta. Localízalas con el nombre de la revista y el año en Google Scholar o PubMed.

Por ·