Genera meta tags SEO, Open Graph y Twitter Card listos para tu HTML
Aparece en la pestaña del navegador y resultados de Google. Máximo 60 caracteres.
Fragmento en resultados de búsqueda. Máximo 160 caracteres.
Valores comunes: index, follow · noindex, nofollow · noindex, follow
website · article · product · profile
Tamaño recomendado: 1200×630 px
summary · summary_large_image · app · player
Mínimo 300×157 px. Hereda og:image si se deja vacío.
<meta name="robots" content="index, follow" /> <meta name="twitter:card" content="summary_large_image" />
También podrías necesitar
Los meta tags son etiquetas HTML en el <head> de tu página que controlan cómo los motores de búsqueda y redes sociales interpretan y muestran tu contenido. Los meta tags básicos (title, description, keywords, robots) afectan directamente el SEO: el title es el texto azul en resultados de Google, la description el fragmento que aparece debajo. Open Graph (og:title, og:description, og:image) controla cómo se muestra tu página cuando se comparte en Facebook, WhatsApp y LinkedIn. Twitter Card (twitter:card, twitter:title, twitter:image) controla la presentación en Twitter/X. Tener estas etiquetas bien configuradas puede aumentar significativamente el click-through rate (CTR) en resultados de búsqueda y en redes sociales. Esta herramienta genera automáticamente todas las etiquetas necesarias a partir de los datos que ingresas, con vista previa de cómo quedaría el resultado en buscadores y redes.
¿Por qué necesito Open Graph si ya tengo title y description?
Los meta tags básicos (title, description) los leen los buscadores. Open Graph los leen las redes sociales. Sin og:title, og:description y og:image, cada red social interpreta el contenido a su manera — muchas veces mostrando el título de la pestaña, texto genérico o ninguna imagen. Configurar Open Graph correctamente puede aumentar el engagement de tus publicaciones hasta un 3x según estudios de Meta.
¿Qué diferencia hay entre og:title y el meta title?
meta title (la etiqueta <title>) controla el texto que aparece en la pestaña del navegador y en los resultados de búsqueda de Google. og:title controla el título que se muestra cuando el enlace se comparte en Facebook, WhatsApp, LinkedIn y otras redes. Pueden ser distintos: el title de SEO suele incluir el nombre del sitio ('Producto | Tu Marca'); el og:title puede ser más llamativo y directo para redes sociales.
¿Cuál es el tamaño recomendado para og:image?
1200×630 píxeles es el tamaño universal recomendado para og:image — funciona bien en Facebook, LinkedIn, WhatsApp y Twitter. El peso máximo recomendado es 8MB, aunque lo ideal es mantenerlo por debajo de 1MB para carga rápida. Para Twitter Card tipo summary_large_image, el mínimo es 300×157 px y máximo 4096×4096 px. Usa formato JPG o PNG; WebP tiene soporte limitado en algunos previsionalizadores.
¿El meta name='keywords' sigue siendo relevante para SEO?
No. Google ignoró el meta keywords desde 2009 y lo declaró oficialmente irrelevante. Bing y otros buscadores también lo ignoran o le dan peso nulo. La única razón para incluirlo hoy es compatibilidad con sistemas internos de gestión de contenido o motores de búsqueda internos (como los de e-commerce) que aún lo leen. Para SEO real, céntrate en title, description y contenido de página de calidad.
¿Dónde pego las meta tags generadas?
Dentro de la etiqueta <head> de tu HTML, antes del cierre </head>. En frameworks: Next.js usa el objeto metadata en layout.tsx o page.tsx; Astro usa el componente <head> en el layout; WordPress tiene plugins como Yoast SEO o RankMath. Para verificar que las etiquetas funcionan correctamente, usa el validador de Open Graph de Facebook (Sharing Debugger) o el Card Validator de Twitter.