Generador de Meta Tags

Etiquetas generadas
Siguiente

Una versión más extensa del generador rápido de Meta Tags, esta herramienta produce el kit completo: etiquetas SEO primarias, Open Graph con variantes por localidad, Twitter Card con soporte para enlaces profundos de aplicaciones, conjunto de favicon (ico, svg, apple-touch-icon, mask-icon), enlace de manifiesto PWA, color de tema para esquemas claros y oscuros, y un bloque opcional de JSON-LD para el esquema de Artículo, Producto, Receta, FAQ o Evento. Útil al iniciar un nuevo sitio y querer acertar con el <head> desde el principio.

Cómo construir el conjunto completo de meta tags

  1. 1

    Completa los campos principales

    Título, descripción, canónica, nombre del sitio, imagen predeterminada.

  2. 2

    Agrega sobreescrituras específicas para redes sociales

    Título o descripción diferente para Open Graph o Twitter si es necesario.

  3. 3

    Configura íconos y PWA

    Rutas de favicon, ícono de Apple touch, manifiesto, color de tema para claro/oscuro.

  4. 4

    Elige el tipo de Schema.org

    Artículo, Producto, Receta, Evento, FAQ, Organización. Llena JSON-LD con tus entradas.

  5. 5

    Copia el fragmento completo

    Pega entre `<head>...</head>`.

El kit completo

  • SEO Primario: <title>, description, canonical, viewport, robots, author, charset.
  • Open Graph: og:type, og:title, og:description, og:image (con ancho/alto), og:url, og:site_name, og:locale, og:locale:alternate para traducciones.
  • Twitter Card: twitter:card, twitter:site, twitter:creator, twitter:title, twitter:description, twitter:image, twitter:app:* para enlaces profundos en una aplicación nativa.
  • Íconos: favicon en múltiples formatos (.ico para legado, .svg para moderno, ícono de Apple touch a 180×180, ícono de máscara para pestañas fijadas en Safari).
  • PWA: enlace a manifest.json, theme-color para claro y oscuro, apple-mobile-web-app-capable.
  • JSON-LD: datos estructurados de Schema.org para el tipo de contenido.

Plantillas JSON-LD por esquema

Artículo

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "...",
  "author": { "@type": "Person", "name": "..." },
  "datePublished": "2026-04-18",
  "dateModified": "2026-04-18",
  "image": "https://..."
}

Producto

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "...",
  "image": "https://...",
  "brand": { "@type": "Brand", "name": "..." },
  "offers": {
    "@type": "Offer",
    "price": "29.99",
    "priceCurrency": "USD",
    "availability": "https://schema.org/InStock"
  }
}

FAQPage

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "...",
    "acceptedAnswer": { "@type": "Answer", "text": "..." }
  }]
}

Cuándo usar cada tipo de Schema.org

Tipo de contenido Esquema
Publicación de blog, noticia Article / NewsArticle
Página de producto Product + Offer
Receta Recipe
Evento (concierto, seminario) Event
Persona (página de autor) Person
Página de empresa Organization
FAQ FAQPage
Navegación de migas BreadcrumbList
Negocio local LocalBusiness

Validación

Después de pegar, valida el <head> completo:

  • Prueba de Resultados Enriquecidos (Google) para elegibilidad de JSON-LD.
  • Validador de Marcado de Esquema para corrección de Schema.org.
  • Depurador de Compartición de Facebook para vista previa de Open Graph.
  • Validador de Twitter Card para vista previa de Twitter.
  • Lighthouse (Chrome DevTools → Lighthouse) para una auditoría general.

Preguntas frecuentes

No directamente. JSON-LD no mejora las clasificaciones. Permite la visualización de resultados enriquecidos (calificaciones en estrellas, acordeón de FAQ, precio y stock) que pueden mejorar la tasa de clics. Una mejor CTR ayuda indirectamente.

Sí. Patrón común: un BreadcrumbList y un Article (o Product). Mantén cada bloque enfocado en un tipo de esquema en lugar de mezclar.

Twitter se basa en OG, pero podrías querer una relación de aspecto de imagen diferente o un identificador de creador que OG no admite. Establece etiquetas específicas de Twitter solo donde difieren de OG.

No. Colorea el marco del navegador en Android Chrome y iOS Safari (cuando se agrega a la pantalla de inicio). Los navegadores de escritorio lo ignoran.

No, el generador se ejecuta completamente en tu navegador. Todas tus entradas permanecen locales.

Herramientas relacionadas

Herramienta disponible en otros idiomas