Generador de Meta Tags
Genera meta tags HTML para SEO, Open Graph y Twitter Cards. Vista previa de cómo se verá tu página en Google y redes sociales.
Cómo funciona: Completa los datos de tu página abajo → ve previsualizaciones en vivo de cómo se verá en Google y redes sociales → copia el HTML generado y pégalo en la etiqueta <head> de tu sitio.
Aparece como el titular clicable en los resultados de Google. Mantenlo bajo 60 caracteres.
Aparece debajo del título en los resultados de Google. Mantenlo bajo 160 caracteres. ¡Hazlo atractivo!
La URL completa de tu página. Se usa en las previsualizaciones de redes sociales.
Solo necesario si tu página es accesible desde múltiples URLs. Le dice a Google cuál es la versión 'oficial'.
Vista Previa en Google
https://example.com
My Awesome Website — Build Something Great
A modern web application that helps developers build better products faster. Free tools, guides, and resources.
Vista Previa en Redes Sociales
example.com
My Awesome Website — Build Something Great
A modern web application that helps developers build better products faster. Free tools, guides, and resources.
¿Qué Son las Meta Tags?
Las meta tags son elementos HTML que se colocan dentro de la sección <head> de una página web y proporcionan metadatos sobre la página a los motores de búsqueda y plataformas de redes sociales. Influyen en cómo aparece tu página en los resultados de búsqueda de Google, cuando se comparte en Twitter, Facebook, LinkedIn y otras plataformas.
Meta Tags Esenciales para SEO
Las meta tags más importantes para SEO son la etiqueta de título y la meta description. La etiqueta de título (50–60 caracteres) aparece como el titular clicable en los resultados de búsqueda. La meta description (150–160 caracteres) es el fragmento debajo del título. Una descripción convincente puede mejorar significativamente tu tasa de clics incluso cuando no afecta directamente el ranking.
Tags Open Graph
Los tags Open Graph (OG) controlan cómo se muestra tu contenido cuando se comparte en Facebook, LinkedIn, WhatsApp y otras plataformas que soportan el protocolo OG. Los tags clave son og:title, og:description, og:image y og:url. Usar una og:image dedicada (1200x630px recomendado) mejora enormemente el engagement cuando tu contenido se comparte.
Tags de Twitter Card
Los tags de Twitter Card definen cómo aparece tu contenido cuando se comparte en Twitter/X. El tipo twitter:card puede ser summary, summary_large_image, app o player. Usar summary_large_image con una imagen de alta calidad aumenta significativamente el engagement en la plataforma.
Cómo Agregar Meta Tags
Copia el HTML generado y pégalo dentro de la sección <head> de tu página. En Next.js, usa la Metadata API en layout.tsx o page.tsx. En WordPress, usa un plugin SEO como Yoast o RankMath. Verifica tus tags usando la Prueba de Resultados Enriquecidos de Google y herramientas de depuración de redes sociales.