Generador de Meta Tags
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
Completa los campos principales
Título, descripción, canónica, nombre del sitio, imagen predeterminada.
-
2
Agrega sobreescrituras específicas para redes sociales
Título o descripción diferente para Open Graph o Twitter si es necesario.
-
3
Configura íconos y PWA
Rutas de favicon, ícono de Apple touch, manifiesto, color de tema para claro/oscuro.
-
4
Elige el tipo de Schema.org
Artículo, Producto, Receta, Evento, FAQ, Organización. Llena JSON-LD con tus entradas.
-
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:alternatepara 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 (
.icopara legado,.svgpara moderno, ícono de Apple touch a 180×180, ícono de máscara para pestañas fijadas en Safari). - PWA: enlace a
manifest.json,theme-colorpara 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
Extractor de enlaces externos
Pega HTML en bruto, fija opcionalmente una URL base y obtén una lista limpia y sin duplicados de todos los enlaces externos http/https del código, para auditorías de enlaces y revisiones de SEO.
Verificador de Longitud de Meta Descripción
Mide una meta descripción en caracteres y píxeles estimados, compárala con referencias editoriales y revisa maquetas para ordenador y móvil.
Validador de sitemaps XML
Comprueba en tu navegador si un sitemap XML tiene errores de sintaxis, ubicaciones ausentes, URL duplicadas o valores habituales no válidos.
Simulador de SERP de Google
Previsualiza un snippet aproximado al estilo de Google con límites de caracteres para móvil y escritorio. Tu borrador queda en esta sesión del navegador.
Verificador de URL Canónica
Pega el HTML de una página y comprueba su etiqueta rel=canonical: ¿está presente, es una URL absoluta válida, coincide con la URL de la página?
Comprobador de cabeceras de seguridad HTTP
Pega cabeceras de respuesta HTTP y revisa HSTS, CSP, protección contra clickjacking, MIME, referrer y políticas cross-origin localmente.
Herramienta disponible en otros idiomas
- Meta-tagg-generator [SV]
- Generator Meta Tag [ID]
- Trình tạo thẻ Meta [VI]
- 메타 태그 생성기 [KO]
- Gerador de Meta Tags [PT]
- مولّد وسوم Meta [AR]
- Meta-taggenerator [NL]
- Générateur de balises Meta [FR]
- Meta Tags Generator [DE]
- Generator metatagów [PL]
- ตัวสร้าง Meta Tag [TH]
- メタタグジェネレーター [JA]
- Meta Tags Generator [EN]
- Generatore di Meta Tag [IT]
- Генератор метатегов [RU]
- Meta Etiket Oluşturucu [TR]
- 元标签生成器 [ZH]