Genera meta tags SEO-friendly, tags Open Graph y Twitter Cards para cualquier sitio web. Vista previa en tiempo real con contadores de caracteres. 100% en el navegador, generación instantánea.
Las meta tags son elementos HTML esenciales que proporcionan metadatos estructurados sobre tus páginas web. Ayudan a los motores de búsqueda a comprender tu contenido, controlan cómo aparecen tus páginas en los resultados de búsqueda y determinan cómo se muestran los enlaces cuando se comparten en redes sociales. Este Generador de Meta Tags crea un conjunto completo de meta tags optimizados para SEO, incluyendo tags estándar, tags Open Graph para Facebook y LinkedIn, y Twitter Cards. Toda la generación ocurre instantáneamente en tu navegador — ningún dato se envía a ningún servidor.
Las meta tags son elementos HTML colocados en la sección <head> de tu página que proporcionan metadatos sobre el contenido. Importan porque indican a los motores de búsqueda de qué trata tu página, controlan cómo aparece en los resultados de búsqueda y determinan cómo se ven los enlaces cuando se comparten en redes sociales. Sin meta tags adecuadas, los motores de búsqueda pueden generar sus propias descripciones y las comparticiones sociales pueden parecer poco profesionales.
La longitud ideal del meta título es entre 50 y 60 caracteres. Google típicamente muestra los primeros 50–60 caracteres de un título en los resultados de búsqueda. Los títulos más largos de 60 caracteres pueden ser truncados, mientras que los más cortos de 30 caracteres pueden no proporcionar suficiente contexto. Nuestra herramienta incluye un contador de caracteres en vivo con advertencias codificadas por color para ayudarte a mantenerte dentro del rango óptimo.
La longitud ideal de la meta descripción es entre 150 y 160 caracteres. Google generalmente muestra hasta aproximadamente 160 caracteres en los snippets de resultados de búsqueda. Las descripciones más largas de 160 caracteres pueden ser truncadas con puntos suspensivos, mientras que las muy cortas pueden no incentivar a los usuarios a hacer clic. Nuestra herramienta proporciona retroalimentación en tiempo real sobre la longitud de tu descripción.
Los tags Open Graph son utilizados por Facebook, LinkedIn, Pinterest y muchas otras plataformas para crear vistas previas de enlaces enriquecidos. Los Twitter Cards son específicamente para Twitter/X y ofrecen control adicional sobre cómo aparecen tus enlaces en la plataforma. Aunque Twitter recurre a los tags Open Graph cuando los Twitter Cards faltan, proporcionar ambos asegura una presentación óptima en todas las plataformas de redes sociales.
El tag de URL canónica indica a los motores de búsqueda cuál es la versión preferida o original de una página cuando múltiples URLs apuntan al mismo contenido. Esto previene problemas de contenido duplicado y consolida el equity de enlaces. Por ejemplo, si tu página es accesible tanto por http://ejemplo.com/pagina como https://www.ejemplo.com/pagina, el tag canónico indica a los motores de búsqueda cuál indexar.
La mayoría de los motores de búsqueda principales (Google, Bing) ya no usan el tag de meta keywords para el ranking. Sin embargo, algunos motores de búsqueda más pequeños y herramientas de búsqueda interna de sitios pueden aún usarlos. Además, las keywords pueden ser útiles para documentación y propósitos de organización. Incluimos la opción en nuestro generador para completitud, pero enfoca tus esfuerzos de SEO en contenido de calidad, tags de título y descripciones.
El meta tag robots instruye a los rastreadores de motores de búsqueda sobre cómo manejar tu página. Usa "index, follow" para páginas que quieres en los resultados de búsqueda. Usa "noindex, follow" para páginas que quieres excluir de los resultados pero aún quieres que los rastreadores sigan los enlaces (ej. páginas de agradecimiento, paneles de administración). Usa "noindex, nofollow" para páginas que quieres que sean completamente ignoradas por los motores de búsqueda.
Pega los meta tags generados dentro de la sección <head> de tu documento HTML, antes del cierre </head>. Deben aparecer antes de cualquier importación de CSS o JavaScript. Si usas un CMS como WordPress, puedes pegarlos en la plantilla de encabezado de tu tema o usar un plugin que permita código de encabezado personalizado.