Generar Meta Tags SEO | Open Graph, Twitter | Awesome Toolkit

Generador de Meta Tags

Genera un bloque HTML completo de meta tags: title, description, OG, Twitter Card, canonical, viewport.

Por Marshkalk

Generador de meta tags

Genera el bloque HTML completo de meta tags necesarios para el SEO y el compartido en redes sociales. Produce las meta tags estándar, Open Graph para Facebook/LinkedIn y Twitter Card tags.

Meta tags generados

  • <title>: mostrado en la pestaña del navegador y en los resultados de búsqueda (50-60 caracteres recomendados)
  • meta description: extracto bajo el título en las SERPs (150-160 caracteres)
  • Open Graph: og:title, og:description, og:image, og:url para las vistas previas en redes sociales
  • Twitter Card: twitter:card, twitter:title, twitter:description, twitter:image
  • Canonical: evita problemas de contenido duplicado especificando la URL preferida
  • Robots: directivas index/noindex, follow/nofollow

Buenas prácticas

  • Mantén el título por debajo de 60 caracteres para evitar truncado en los resultados de Google
  • Escribe meta descriptions únicas para cada página, los duplicados son ignorados
  • La imagen og:image debe ser de al menos 1200×630 px para visualización óptima al compartir
  • Añade una etiqueta canonical en cada página para evitar la indexación de contenido duplicado

hreflang y og:locale para sitios multilingues

Si tu sitio se dirige a varios países o idiomas, dos etiquetas adicionales son esenciales:

  • hreflang: indica a Google qué versión de una página se dirige a qué idioma/región. Ejemplo para un sitio en español de España y México: <link rel="alternate" hreflang="es-ES" href="https://ejemplo.com/es/"> y hreflang="es-MX". Incluye siempre un fallback x-default.
  • og:locale: controla el idioma que Facebook y LinkedIn usan al renderizar la vista previa Open Graph. Formato BCP 47: es_ES para España, es_MX para México, es_AR para Argentina.

RGPD y meta tags

  • <meta name="robots" content="noindex"> en las páginas de política de privacidad, aviso legal y cookies las excluye de los resultados de búsqueda.
  • La etiqueta og:image apunta a una imagen que las plataformas sociales almacenan en caché indefinidamente. Evita usar fotos de personas reales como imagen OG sin su consentimiento (RGPD art. 6, LOPDGDD).