Generador de meta tags
Genera meta tags HTML para SEO y redes sociales.
0/70 Caracteres SEO recomendados
0/160 Caracteres SEO recomendados
Tamaño recomendado
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Open Graph / Facebook --> <meta property="og:type" content="website"> <!-- Twitter Card --> <meta name="twitter:card" content="summary_large_image">
Generador de Meta Tags: optimiza el SEO de tu sitio web
Las meta tags son fragmentos de código HTML que proporcionan información sobre tu página web a los motores de búsqueda y redes sociales. Un título y una descripción bien optimizados pueden aumentar significativamente la tasa de clics (CTR) en los resultados de Google, Bing y otros buscadores. Las etiquetas Open Graph controlan cómo se muestra tu contenido cuando alguien comparte un enlace en Facebook, LinkedIn o WhatsApp, mientras que las Twitter Cards hacen lo mismo en la plataforma X (antes Twitter).
Para obtener mejores resultados, asegúrate de que el título tenga entre 50 y 60 caracteres, la descripción entre 120 y 160 caracteres, e incluye una imagen OG de al menos 1200x630 píxeles. Estos valores son los recomendados por Google y las principales plataformas sociales para garantizar que tu contenido se muestre correctamente en todos los dispositivos.
Esta herramienta genera el código HTML completo listo para copiar y pegar en la sección {"<head>"} de tu página. Todo el procesamiento se realiza localmente en tu navegador sin enviar datos a ningún servidor.
Preguntas frecuentes
¿Qué son las meta tags y por qué son importantes para el SEO?
Las meta tags son etiquetas HTML invisibles para el usuario que informan a los motores de búsqueda sobre el contenido de tu página. Las más importantes son el title (que aparece como enlace azul en Google) y la meta description (el texto que aparece debajo). Aunque las keywords ya no influyen directamente en el ranking de Google, un buen título y descripción mejoran el CTR, lo que sí puede mejorar tu posicionamiento indirectamente.
¿Qué son las etiquetas Open Graph y Twitter Cards?
Open Graph (OG) es un protocolo creado por Facebook que permite controlar cómo se muestra tu contenido al compartirlo en redes sociales. Define el título, descripción, imagen y tipo de contenido que aparecerán en la vista previa del enlace. Twitter Cards funciona de forma similar pero específicamente para X/Twitter, permitiendo mostrar imágenes grandes, resúmenes o tarjetas de aplicación junto a tus tweets.
¿Dónde debo colocar las meta tags en mi sitio web?
Todas las meta tags deben ir dentro de la etiqueta {"<head>"} de tu documento HTML, antes del cierre {"</head>"}. En frameworks modernos como Next.js o Nuxt.js puedes configurarlas mediante funciones de metadata específicas. Es importante que cada página tenga sus propias meta tags únicas y descriptivas; evita duplicar el mismo título o descripción en múltiples páginas.
¿Quieres saber más? Lee nuestra guía completa →