Generador de Meta Tags
Genera meta tags para SEO y Open Graph.
¿Qué son las meta tags y por qué son importantes?
Las meta tags son fragmentos de código HTML que se colocan en la sección<head> de una página web. Aunque no son visibles para los visitantes, son fundamentales porque comunican información sobre tu página a los motores de búsqueda, navegadores y redes sociales. El título y la descripción son lo primero que ven los usuarios en los resultados de Google y determinan en gran medida si hacen clic en tu enlace o en el de la competencia. Se estima que un title tag bien optimizado puede mejorar el CTR (tasa de clics) entre un 20% y un 50%.
Las meta tags esenciales que toda página necesita son: <title> (el título mostrado en la pestaña del navegador y en los resultados de búsqueda),meta description (el resumen que aparece bajo el título en Google),meta viewport (imprescindible para que la página se vea correctamente en móviles), meta charset (define la codificación de caracteres, casi siempre UTF-8), y link canonical (indica la URL preferida cuando existe contenido duplicado o accesible desde varias URLs).
Protocolo Open Graph: controla tu imagen en redes sociales
Open Graph (OG) es un protocolo creado por Facebook en 2010 que permite a cualquier página web convertirse en un "objeto rico" dentro de las redes sociales. Cuando alguien comparte un enlace en Facebook, LinkedIn, WhatsApp, Telegram o Pinterest, estas plataformas leen las etiquetas OG para construir la vista previa. Sin ellas, la plataforma intenta adivinar el contenido y el resultado suele ser poco atractivo: una imagen aleatoria, un título cortado o ninguna descripción.
Las etiquetas Open Graph esenciales son: og:title (título de la vista previa, puede diferir del title tag de SEO), og:description (descripción optimizada para redes, hasta 200 caracteres), og:image (imagen destacada, el elemento con mayor impacto visual — usa 1200x630 píxeles para compatibilidad universal), og:url (URL canónica de la página) y og:type(tipo de contenido: "website" para páginas generales, "article" para posts de blog, "product" para productos de e-commerce).
Twitter Cards: maximiza tu visibilidad en Twitter/X
Twitter (ahora X) tiene su propio sistema de tarjetas enriquecidas llamado Twitter Cards. Aunque puede usar las etiquetas Open Graph como fallback, las etiquetas específicas de Twitter te dan mayor control. Los tipos principales son: summary (miniatura cuadrada con título y descripción, ideal para artículos generales), summary_large_image (imagen grande sobre el texto, la opción más popular y con mayor tasa de engagement), y player(para incrustar audio o vídeo). Las etiquetas clave son twitter:card(tipo de tarjeta), twitter:title, twitter:description,twitter:image y twitter:site (tu @usuario). Nuestra herramienta genera automáticamente las etiquetas de Twitter Card junto con las de Open Graph.
Directiva meta robots: controla la indexación
La etiqueta meta robots le indica a los motores de búsqueda qué deben hacer con tu página. Los valores más comunes son: index, follow(indexar la página y seguir sus enlaces, el comportamiento por defecto),noindex (excluir la página de los resultados de búsqueda),nofollow (no seguir los enlaces de la página) ynoarchive (no guardar versión en caché). Es especialmente útil para evitar indexar páginas de agradecimiento, secciones de administración, resultados de búsqueda interna o páginas con contenido duplicado. Una configuración incorrecta de meta robots puede hacer que Google ignore páginas importantes de tu sitio, así que úsala con cuidado.
Mejores prácticas y límites de caracteres
Para maximizar el impacto de tus meta tags, sigue estas pautas probadas: mantén el title tag entre 50-60 caracteres (Google muestra unos 600 píxeles de ancho), coloca tu palabra clave principal al inicio del título, escribe la meta description entre 120-155 caracteres incluyendo un call-to-action claro, y asegúrate de que cada página tenga un título y descripción únicos. Nunca dupliques meta tags entre páginas distintas: Google puede considerarlo contenido de baja calidad. Para Open Graph, la imagen debe ser de al menos 1200x630 píxeles y pesar menos de 8 MB. Usa la herramienta de depuración de Facebook (Sharing Debugger) y Twitter Card Validator para verificar que tus etiquetas funcionan correctamente antes de publicar. Nuestra herramienta incluye contadores en tiempo real y vista previa para que nunca superes estos límites.
Preguntas frecuentes
Las meta tags son etiquetas HTML que se colocan dentro del <head> de una página web para proporcionar metadatos a los navegadores, motores de búsqueda y redes sociales. No son visibles para los visitantes, pero controlan aspectos críticos como el título que aparece en los resultados de Google, la descripción que acompaña al enlace, cómo se renderiza tu página en dispositivos móviles (viewport), la codificación de caracteres (charset) y cómo se muestra tu contenido al compartirlo en Facebook, Twitter, LinkedIn o WhatsApp.
Google muestra aproximadamente 600 píxeles de ancho para el título, lo que equivale a unos 50-60 caracteres. La meta descripción se trunca alrededor de los 155-160 caracteres en escritorio y 120 caracteres en móvil. Para Open Graph, Facebook recomienda títulos de hasta 60 caracteres y descripciones de hasta 200 caracteres. Nuestra herramienta incluye contadores en tiempo real para que nunca te pases de estos límites.
Open Graph (OG) es un protocolo creado por Facebook en 2010 que permite controlar exactamente cómo se muestra tu contenido cuando alguien comparte tu enlace en redes sociales. Las etiquetas esenciales son: og:title (título de la vista previa), og:description (descripción), og:image (imagen destacada, idealmente 1200x630 px), og:url (URL canónica) y og:type (tipo de contenido: website, article, product, etc.). Sin estas etiquetas, las redes sociales intentan adivinar el contenido y el resultado suele ser poco atractivo.
Twitter/X soporta varios tipos de Cards: 'summary' muestra una miniatura cuadrada con título y descripción, ideal para artículos y páginas generales. 'summary_large_image' muestra una imagen grande sobre el texto, perfecta para posts de blog y contenido visual. 'player' permite incrustar audio o vídeo directamente en el timeline. Para la mayoría de sitios web, 'summary_large_image' ofrece el mayor impacto visual y atrae más clics.
La etiqueta meta robots le indica a los buscadores qué hacer con tu página. Los valores más comunes son: 'index, follow' (indexar la página y seguir los enlaces, comportamiento por defecto), 'noindex' (no mostrar en resultados de búsqueda), 'nofollow' (no seguir los enlaces de la página), 'noarchive' (no guardar versión en caché) y 'nosnippet' (no mostrar fragmento en los resultados). Se usa típicamente para evitar indexar páginas de baja calidad, duplicadas, de administración o de agradecimiento post-formulario.
El title tag es uno de los factores de posicionamiento más importantes para Google. La meta description no es un factor de ranking directo, pero influye enormemente en el CTR (tasa de clics): una descripción bien escrita puede duplicar los clics desde los resultados de búsqueda, lo que indirectamente mejora tu SEO. Las etiquetas Open Graph y Twitter Card no afectan al ranking de Google, pero mejoran la visibilidad y los clics desde redes sociales. La etiqueta canonical es crucial para evitar penalizaciones por contenido duplicado.
Herramientas relacionadas
Lecturas relacionadas
Meta tags y SEO técnico
Guía completa de Open Graph, Twitter Cards y meta tags esenciales.
LeerMeta tags esenciales: guía completa
Las etiquetas que importan para SEO y cómo escribirlas bien.
LeerSitemap.xml: qué es y cómo crearlo
El otro pilar del SEO técnico junto con los meta tags.
Leer