Procesamiento de Texto

Generador de Meta Tags

Crea meta tags perfectos para tus páginas web de forma rápida y sencilla.

Site Configuration

Longitud ideal: 50-60 caracteres
Longitud ideal: 150-160 caracteres
Enlace directo a la imagen para compartir en redes (1200x630px)

Salida HTML (Pegar en <head>)

Vista Previa de Búsqueda de Google

https://example.com My Awesome Website

Discover the best tools and tutorials online. Secure, fast, and completely free client-side services.

Vista Previa de Compartición en Facebook

https://example.com/social-share.png
EXAMPLE.COM My Awesome Website

Discover the best tools and tutorials online. Secure, fast, and completely free client-side services.

Generador de Meta Tags

Crea meta tags perfectos para tus páginas web de forma rápida y sencilla.

Qué es un Generador de Meta Tags y Por Qué lo Necesitas

Un generador de meta tags es una herramienta esencial para cualquier persona involucrada en el desarrollo web o la optimización para motores de búsqueda (SEO). Los meta tags son fragmentos de texto que describen el contenido de una página; no aparecen en la página en sí, sino en su código. Los motores de búsqueda como Google utilizan los meta tags para entender de qué trata una página, lo que influye en cómo aparece tu sitio en los resultados de búsqueda. Los meta tags más importantes son la etiqueta de título y la meta descripción, ya que impactan directamente en las tasas de clics. Un buen generador de meta tags simplifica el proceso de crear estas etiquetas, asegurando que estén correctamente formateadas y optimizadas para los motores de búsqueda. Al usar un generador de meta tags, puedes ahorrar tiempo y evitar errores comunes que podrían perjudicar tu SEO. Ya seas principiante o un webmaster experimentado, esta herramienta te ayuda a producir meta tags consistentes y de alta calidad que mejoran la visibilidad de tu sitio. Además, muchos generadores ofrecen vistas previas para que puedas ver cómo se verán tus etiquetas en los resultados de búsqueda. En el panorama competitivo actual, tener meta tags bien elaborados es crucial para atraer tráfico orgánico. Nuestro generador de meta tags está diseñado para ser fácil de usar, sin requerir conocimientos técnicos. Simplemente ingresas el título, la descripción y las palabras clave deseadas, y la herramienta genera el código HTML por ti. Este código se puede insertar en la sección head de tu página web. Con la creciente importancia de la búsqueda móvil y los fragmentos destacados, los meta tags también juegan un papel en cómo se muestra tu contenido. Por lo tanto, usar un generador de meta tags confiable es una inversión inteligente para el éxito de tu sitio web. Asegura que tus etiquetas no solo sean precisas, sino que también sigan las mejores prácticas, como límites de longitud adecuados y colocación de palabras clave. Además, un buen generador te ayudará a evitar meta tags duplicados, que pueden confundir a los motores de búsqueda. En resumen, un generador de meta tags es una herramienta valiosa que agiliza los esfuerzos de SEO y mejora tu presencia en línea.

Cómo Usar Nuestra Herramienta Generadora de Meta Tags de Forma Efectiva

Usar nuestra herramienta generadora de meta tags es sencillo y eficiente. Primero, navega a la interfaz de la herramienta donde verás campos de entrada para el título de la página, la meta descripción y las palabras clave. Para el título, busca una frase concisa y atractiva que incluya tu palabra clave principal, idealmente entre 50 y 60 caracteres. La meta descripción debe ser un resumen breve del contenido de la página, de alrededor de 150 a 160 caracteres, incorporando palabras clave secundarias de forma natural. Las palabras clave pueden ser una lista separada por comas de términos relevantes, pero ten en cuenta que los motores de búsqueda modernos le dan menos importancia a la etiqueta de palabras clave; sin embargo, aún puede ser útil para el seguimiento interno. Después de llenar estos campos, haz clic en el botón 'Generar'. La herramienta producirá instantáneamente el código HTML de los meta tags, que típicamente incluye las etiquetas , <meta name="description"> y <meta name="keywords">. Luego puedes copiar este código y pegarlo en la sección <head> de tu documento HTML. Para obtener los mejores resultados, asegúrate de que cada página de tu sitio web tenga meta tags únicos que reflejen con precisión su contenido. Evita el relleno de palabras clave y escribe pensando primero en los usuarios, ya que los motores de búsqueda priorizan la experiencia del usuario. Nuestra herramienta también proporciona una vista previa de cómo se verán tu título y descripción en los resultados de búsqueda, permitiéndote ajustarlos para maximizar su atractivo. Además, puedes generar múltiples conjuntos de etiquetas rápidamente, lo que la hace ideal para sitios con muchas páginas. Recuerda actualizar tus meta tags periódicamente para reflejar cambios en el contenido o la estrategia de SEO. Siguiendo estos pasos, puedes aprovechar nuestro generador de meta tags para mejorar el ranking de tu sitio en los motores de búsqueda y atraer más visitantes. La herramienta está diseñada para ser responsive y funciona en todos los dispositivos, por lo que puedes usarla en computadoras de escritorio, tabletas o móviles. Además, es completamente gratuita y no requiere registro. ¡Empieza a usarla hoy para mejorar tus esfuerzos de SEO!</p><h3 class="text-xl font-bold text-[#171717] dark:text-white">Mejores Prácticas para Meta Tags</h3><p>Al usar un generador de meta tags, es importante seguir las mejores prácticas para maximizar los beneficios de SEO. Primero, asegúrate de que cada página tenga una etiqueta de título única que describa con precisión el contenido de la página. El título debe ser atractivo e incluir tu palabra clave principal cerca del principio. Mantenlo por debajo de 60 caracteres para evitar que se trunque en los resultados de búsqueda. Para la meta descripción, escribe un resumen persuasivo que fomente los clics, incorporando palabras clave secundarias de forma natural. La descripción debe tener entre 150 y 160 caracteres. Evita usar descripciones genéricas como 'página de inicio' o 'acerca de nosotros'; en su lugar, destaca lo que hace valiosa a la página. Si bien la etiqueta de palabras clave es menos importante para el ranking, aún puedes incluir algunos términos relevantes separados por comas. Sin embargo, no la uses en exceso, ya que los motores de búsqueda podrían ignorarla si parece spam. Además, considera usar meta tags Open Graph y Twitter Card para una mejor compartición en redes sociales, aunque no son generados por nuestra herramienta básica. Siempre prueba tus meta tags usando herramientas como la Prueba de Resultados Enriquecidos de Google para asegurarte de que se muestren correctamente. Finalmente, monitorea el rendimiento de tu búsqueda y ajusta las etiquetas según sea necesario. Siguiendo estas pautas, puedes crear meta tags efectivos que mejoren la visibilidad de tu sitio y la participación de los usuarios.</p> </div> <div class="space-y-6"> <h2 class="text-lg font-bold text-[#171717] dark:text-white">Frequently Asked Questions</h2> <div class="space-y-4"> <div class="border-b border-[#ebebeb] dark:border-[#1f1f1f] pb-3"> <h4 class="text-sm font-semibold text-[#171717] dark:text-white mb-1.5">qué es un generador de meta tags</h4> <p class="text-xs text-[#4d4d4d] dark:text-[#888] leading-relaxed">Un generador de meta tags es una herramienta que crea automáticamente las etiquetas HTML meta para tus páginas web. Estas etiquetas proporcionan a los motores de búsqueda información sobre tu página, como título, descripción y palabras clave, lo que ayuda a mejorar el SEO y la tasa de clics.</p> </div><div class="border-b border-[#ebebeb] dark:border-[#1f1f1f] pb-3"> <h4 class="text-sm font-semibold text-[#171717] dark:text-white mb-1.5">cómo funciona un generador de meta tags</h4> <p class="text-xs text-[#4d4d4d] dark:text-[#888] leading-relaxed">El generador de meta tags funciona tomando datos que tú ingresas, como el título de la página, la descripción y las palabras clave, y luego genera las etiquetas HTML meta correspondientes. Puedes copiar el código generado y pegarlo en la sección head de tu página web.</p> </div><div class="border-b border-[#ebebeb] dark:border-[#1f1f1f] pb-3"> <h4 class="text-sm font-semibold text-[#171717] dark:text-white mb-1.5">es gratis el generador de meta tags</h4> <p class="text-xs text-[#4d4d4d] dark:text-[#888] leading-relaxed">Sí, nuestro generador de meta tags es completamente gratuito. No hay cargos ocultos ni suscripciones. Puedes generar tantos meta tags como necesites sin ningún costo.</p> </div><div class="border-b border-[#ebebeb] dark:border-[#1f1f1f] pb-3"> <h4 class="text-sm font-semibold text-[#171717] dark:text-white mb-1.5">cómo utilizar generador de meta tags</h4> <p class="text-xs text-[#4d4d4d] dark:text-[#888] leading-relaxed">Usar el generador de meta tags es sencillo. Solo ingresa el título de tu página, la descripción y las palabras clave en los campos proporcionados, luego haz clic en el botón generar. La herramienta producirá instantáneamente el código de meta tags, que puedes copiar y usar en tu sitio web.</p> </div><div class="border-b border-[#ebebeb] dark:border-[#1f1f1f] pb-3"> <h4 class="text-sm font-semibold text-[#171717] dark:text-white mb-1.5">es seguro el generador de meta tags</h4> <p class="text-xs text-[#4d4d4d] dark:text-[#888] leading-relaxed">Sí, el generador de meta tags es seguro de usar. Funciona completamente en tu navegador y no almacena ni transmite ninguno de tus datos. Tu información permanece privada y segura.</p> </div> </div> </div> </div> </div> </main> <script id="ui-translations" type="application/json">{"siteTitle":"Título del Sitio","siteTitleHelp":"Longitud ideal: 50-60 caracteres","siteDesc":"Descripción del Sitio","siteDescHelp":"Longitud ideal: 150-160 caracteres","siteKeywords":"Palabras Clave (separadas por comas)","siteUrl":"URL del Sitio","imageUrl":"URL de la Imagen Social","imageUrlHelp":"Enlace directo a la imagen para compartir en redes (1200x630px)","author":"Autor / Publicador","robots":"Robots de Motores de Búsqueda","robotsIndex":"Indexar y Seguir (por defecto)","robotsNoindex":"Noindex, Nofollow","ogToggle":"Generar Open Graph (Facebook/LinkedIn)","twitterToggle":"Generar Twitter Cards","generate":"Generar Meta Tags","copy":"Copiar Código HTML","previewGoogle":"Vista Previa de Búsqueda de Google","previewFacebook":"Vista Previa de Compartición en Facebook","previewTwitter":"Vista Previa de Twitter Card","codeTitle":"Salida HTML (Pegar en <head>)"}</script> <footer class="w-full border-t border-[#ebebeb] bg-white dark:border-[#1f1f1f] dark:bg-[#000000] transition-colors duration-200"> <div class="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8 lg:py-16"> <div class="xl:grid xl:grid-cols-4 xl:gap-8"> <!-- Brand description --> <div class="space-y-4 xl:col-span-1"> <a href="/es/" "} class="flex items-center"> <!-- Transparent logo — works on both light & dark --> <img src="/logo-transparent.png" alt="say.tools logo" width="96" height="96" class="h-[48px] md:h-[96px] w-auto"> </a> <p class="text-sm text-[#4d4d4d] dark:text-[#888] max-w-xs"> Su destino final para herramientas de utilidad web rápidas, gratuitas y seguras. Creadas completamente del lado del cliente para máxima privacidad. </p> <div class="flex items-center gap-2 pt-2"> <span class="w-2 h-2 rounded-full bg-green-400 block flex-shrink-0"></span> <span class="text-xs font-mono text-zinc-500 dark:text-zinc-400">Todas las herramientas se ejecutan del lado del cliente</span> </div> </div> <!-- Links columns --> <div class="mt-12 grid grid-cols-3 gap-8 xl:col-span-3 xl:mt-0"> <div> <h3 class="text-xs font-semibold uppercase tracking-wider text-[#171717] dark:text-white font-mono">Herramientas</h3> <ul role="list" class="mt-4 space-y-2"> <li><a href="/es/text/word-counter" text word-counter "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Contador de Palabras</a></li> <li><a href="/es/developer/qr-generator" developer qr-generator "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Generador de Códigos QR</a></li> <li><a href="/es/developer/password-generator" developer password-generator "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Generador de Contraseñas</a></li> <li><a href="/es/developer/uuid-generator" developer uuid-generator "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Generador de UUID en línea gratuito</a></li> <li><a href="/es/developer/epoch-converter" developer epoch-converter "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Convertidor de Marca de Tiempo Unix</a></li> <li><a href="/es/developer/jwt-debugger" developer jwt-debugger "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Depurador de JSON Web Token</a></li> <li><a href="/es/calculators/unit-converter" calculators unit-converter "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Convertidor de Unidades</a></li> <li><a href="/es/design/color-picker" design color-picker "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Selector de color y generador de paletas</a></li> <li><a href="/es/calculators/tip-calculator" calculators tip-calculator "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Calculadora de Propinas Online</a></li> <li><a href="/es/calculators/scientific-calculator" calculators scientific-calculator "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Calculadora Científica</a></li> <li><a href="/es/calculators/fraction-to-decimal" calculators fraction-to-decimal "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Calculadora de Fracciones a Decimales</a></li> <li><a href="/es/calculators/decimal-to-fraction" calculators decimal-to-fraction "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Calculadora de Decimal a Fracción</a></li> <li><a href="/es/developer/json-validator" developer json-validator "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Validador JSON Online Gratis y Analizador</a></li> <li><a href="/es/developer/css-minifier" developer css-minifier "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Compresor de CSS online gratis</a></li> <li><a href="/es/developer/base64-to-image" developer base64-to-image "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Decodificador de Base64 a Imagen Gratuito Online</a></li> <li><a href="/es/productivity/merge-pdf" productivity merge-pdf "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Fusionar PDF gratis online</a></li> <li><a href="/es/productivity/word-to-pdf" productivity word-to-pdf "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Convertidor gratuito de Word a PDF online</a></li> <li><a href="/es/productivity/split-pdf" productivity split-pdf "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Separador de PDF gratuito en línea y extractor de páginas</a></li> <li><a href="/es/developer/whois-lookup" developer whois-lookup "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Herramienta gratuita de consulta Whois del lado del cliente</a></li> <li><a href="/es/developer/dns-lookup" developer dns-lookup "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">utilidad gratuita de consulta de registros DNS en vivo</a></li> <li><a href="/es/calculators/mortgage-calculator" calculators mortgage-calculator "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Calculadora de hipoteca gratuita en línea</a></li> <li><a href="/es/calculators/gpa-calculator" calculators gpa-calculator "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Calculadora de GPA y Calificaciones</a></li> <li><a href="/es/calculators/loan-calculator" calculators loan-calculator "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Calculadora de préstamos para autos y personales</a></li> <li><a href="/es/calculators/compound-interest" calculators compound-interest "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Calculadora de Interés Compuesto</a></li> <li><a href="/es/calculators/time-card" calculators time-card "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Calculadora de tarjeta de tiempo y horas trabajadas</a></li> </ul> </div> <div> <h3 class="text-xs font-semibold uppercase tracking-wider text-[#171717] dark:text-white font-mono">Más Herramientas</h3> <ul role="list" class="mt-4 space-y-2"> <li><a href="/es/calculators/date-calculator" calculators date-calculator "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Calculadora de Fechas</a></li> <li><a href="/es/calculators/bmi-calculator" calculators bmi-calculator "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Calculadora de IMC</a></li> <li><a href="/es/developer/base64-converter" developer base64-converter "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Codificador y Decodificador Base64</a></li> <li><a href="/es/developer/sql-formatter" developer sql-formatter "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Formateador SQL</a></li> <li><a href="/es/developer/user-agent-parser" developer user-agent-parser "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Analizador de User Agent</a></li> <li><a href="/es/text/morse-code-translator" text morse-code-translator "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Traductor de Código Morse</a></li> <li><a href="/es/design/screen-resolution" design screen-resolution "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Comprobador de resolución de pantalla y viewport</a></li> <li><a href="/es/text/text-utils" text text-utils "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Convertidor de mayúsculas y minúsculas y utilidades de texto</a></li> <li><a href="/es/developer/json-formatter" developer json-formatter "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Formateador y Validador JSON</a></li> <li><a href="/es/developer/hash-generator" developer hash-generator "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Generador de Hash</a></li> <li><a href="/es/calculators/lcm-finder" calculators lcm-finder "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Calculadora de MCM (Mínimo Común Múltiplo)</a></li> <li><a href="/es/calculators/gcd-finder" calculators gcd-finder "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Calculadora de MCD</a></li> <li><a href="/es/calculators/prime-checker" calculators prime-checker "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Verificador de Números Primos</a></li> <li><a href="/es/developer/url-parser" developer url-parser "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Analizador de URL gratuito online</a></li> <li><a href="/es/developer/http-headers" developer http-headers "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Visor de encabezados HTTP gratuito en línea</a></li> <li><a href="/es/developer/qr-decoder" developer qr-decoder "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Decodificador de código QR gratuito en línea y escáner</a></li> <li><a href="/es/developer/cron-generator" developer cron-generator "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Generador de Expresiones Cron</a></li> <li><a href="/es/design/png-to-svg" design png-to-svg "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Vectorizador PNG a SVG gratis online</a></li> <li><a href="/es/calculators/metric-conversion" calculators metric-conversion "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Herramienta de Conversión Métrica Gratis Online</a></li> <li><a href="/es/text/markdown-to-html" text markdown-to-html "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Convertidor de Markdown a HTML Gratis Online</a></li> <li><a href="/es/text/html-to-markdown" text html-to-markdown "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Convertidor HTML a Markdown Gratuito Online</a></li> <li><a href="/es/developer/json-minifier" developer json-minifier "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Minificador JSON online gratis</a></li> </ul> </div> <div> <h3 class="text-xs font-semibold uppercase tracking-wider text-[#171717] dark:text-white font-mono">Aún Más</h3> <ul role="list" class="mt-4 space-y-2"> <li><a href="/es/productivity/timer" productivity timer "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Temporizador y Cronómetro en Línea</a></li> <li><a href="/es/productivity/stopwatch" productivity stopwatch "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Cronómetro Online</a></li> <li><a href="/es/text/lorem-ipsum" text lorem-ipsum "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Generador de Lorem Ipsum</a></li> <li><a href="/es/calculators/percentage-calculator" calculators percentage-calculator "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Calculadora de Porcentajes</a></li> <li><a href="/es/text/markdown-preview" text markdown-preview "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Visor de Markdown</a></li> <li><a href="/es/calculators/random-number" calculators random-number "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Generador de Números Aleatorios</a></li> <li><a href="/es/design/image-compressor" design image-compressor "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Compresor de imágenes</a></li> <li><a href="/es/design/hex-to-rgb" design hex-to-rgb "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Convertidor de Hex a RGB</a></li> <li><a href="/es/design/aspect-ratio-calculator" design aspect-ratio-calculator "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Calculadora de Relación de Aspecto</a></li> <li><a href="/es/calculators/quadratic-solver" calculators quadratic-solver "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Solucionador de Ecuaciones Cuadráticas</a></li> <li><a href="/es/calculators/date-difference" calculators date-difference "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Calculadora de Días Entre Fechas</a></li> <li><a href="/es/calculators/fibonacci-generator" calculators fibonacci-generator "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Generador de Secuencia de Fibonacci</a></li> <li><a href="/es/design/svg-to-png" design svg-to-png "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Rasterizador SVG a PNG gratis online</a></li> <li><a href="/es/design/image-converter" design image-converter "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Convertidor de imágenes online gratis local</a></li> <li><a href="/es/design/placeholder-image" design placeholder-image "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Generador de imágenes placeholder gratis online</a></li> <li><a href="/es/design/contrast-checker" design contrast-checker "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Comprobador de contraste de color gratuito en línea</a></li> <li><a href="/es/design/hsl-to-rgb" design hsl-to-rgb "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Convertidor de HSL a RGB gratis online</a></li> <li><a href="/es/calculators/gratuity-calculator" calculators gratuity-calculator "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Calculadora de Propinas y Gratificación en Línea Gratis</a></li> <li><a href="/es/text/character-counter" text character-counter "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Contador de caracteres online gratis</a></li> <li><a href="/es/text/sentence-counter" text sentence-counter "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Contador de oraciones gratis online</a></li> <li><a href="/es/text/paragraph-counter" text paragraph-counter "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Contador de párrafos online gratis</a></li> <li><a href="/es/text/line-counter" text line-counter "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Contador de líneas gratis online</a></li> </ul> <div class="mt-6 space-y-2"> <h3 class="text-xs font-semibold uppercase tracking-wider text-[#171717] dark:text-white font-mono">Compañía</h3> <ul role="list" class="space-y-2"> <li><a href="/es/about" about "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Sobre Nosotros</a></li> <li><a href="/es/contact" contact "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Contacto</a></li> <li><a href="/es/privacy" privacy "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Política de Privacidad</a></li> <li><a href="/es/terms" terms "} class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Términos de Servicio</a></li> </ul> </div> </div> </div> </div> <!-- Bottom copyrights --> <div class="mt-12 border-t border-[#ebebeb] pt-8 dark:border-[#1f1f1f] flex flex-col sm:flex-row items-center justify-between gap-4"> <p class="text-xs text-zinc-500 dark:text-zinc-400 font-mono"> © 2026 say.tools. Todos los derechos reservados. Las herramientas se ejecutan 100% del lado del cliente. </p> <div class="flex flex-col sm:flex-row items-center gap-4 text-xs font-mono text-zinc-500 dark:text-zinc-400 select-none"> <span class="flex items-center gap-1.5"> Made with <span class="text-[#ff4b4b]">❤️</span> by <a href="https://x.com/NiranjanBuilds" target="_blank" rel="noopener noreferrer" class="underline hover:text-[#171717] dark:hover:text-white font-semibold">NiranjanBuilds</a> <a href="https://x.com/NiranjanBuilds" target="_blank" rel="noopener noreferrer" class="hover:text-[#171717] dark:hover:text-white inline-flex items-center justify-center min-w-[24px] min-h-[24px] rounded-md hover:bg-zinc-100 dark:hover:bg-zinc-900 ml-1" aria-label="𝕏 (Twitter)">𝕏</a> </span> <span class="hidden sm:inline w-px h-3 bg-[#ebebeb] dark:bg-[#1f1f1f]"></span> <a href="mailto:support@say.tools" class="hover:underline">support@say.tools</a> </div> </div> </div> </footer> <script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"qué es un generador de meta tags","acceptedAnswer":{"@type":"Answer","text":"Un generador de meta tags es una herramienta que crea automáticamente las etiquetas HTML meta para tus páginas web. Estas etiquetas proporcionan a los motores de búsqueda información sobre tu página, como título, descripción y palabras clave, lo que ayuda a mejorar el SEO y la tasa de clics."}},{"@type":"Question","name":"cómo funciona un generador de meta tags","acceptedAnswer":{"@type":"Answer","text":"El generador de meta tags funciona tomando datos que tú ingresas, como el título de la página, la descripción y las palabras clave, y luego genera las etiquetas HTML meta correspondientes. Puedes copiar el código generado y pegarlo en la sección head de tu página web."}},{"@type":"Question","name":"es gratis el generador de meta tags","acceptedAnswer":{"@type":"Answer","text":"Sí, nuestro generador de meta tags es completamente gratuito. No hay cargos ocultos ni suscripciones. Puedes generar tantos meta tags como necesites sin ningún costo."}},{"@type":"Question","name":"cómo utilizar generador de meta tags","acceptedAnswer":{"@type":"Answer","text":"Usar el generador de meta tags es sencillo. Solo ingresa el título de tu página, la descripción y las palabras clave en los campos proporcionados, luego haz clic en el botón generar. La herramienta producirá instantáneamente el código de meta tags, que puedes copiar y usar en tu sitio web."}},{"@type":"Question","name":"es seguro el generador de meta tags","acceptedAnswer":{"@type":"Answer","text":"Sí, el generador de meta tags es seguro de usar. Funciona completamente en tu navegador y no almacena ni transmite ninguno de tus datos. Tu información permanece privada y segura."}}]}</script> <script> (function () { if (window.__metaGeneratorCleanup) { window.__metaGeneratorCleanup(); } var controller = new AbortController(); var signal = controller.signal; window.__metaGeneratorCleanup = function () { controller.abort(); clearAllTimeouts(); }; var timeouts = []; function clearAllTimeouts() { timeouts.forEach(function (t) { clearTimeout(t); }); timeouts = []; } function init() { var metaTitleInput = document.getElementById('metaTitle'); var metaDescInput = document.getElementById('metaDesc'); var metaKeywordsInput = document.getElementById('metaKeywords'); var metaUrlInput = document.getElementById('metaUrl'); var metaAuthorInput = document.getElementById('metaAuthor'); var metaImageInput = document.getElementById('metaImage'); var metaRobotsSelect = document.getElementById('metaRobots'); var ogToggle = document.getElementById('ogToggle'); var twitterToggle = document.getElementById('twitterToggle'); var codeOutput = document.getElementById('metaCodeOutput'); var copyBtn = document.getElementById('copyBtn'); // Preview elements var googleUrl = document.getElementById('googleUrl'); var googleTitle = document.getElementById('googleTitle'); var googleDesc = document.getElementById('googleDesc'); var socialImagePreviewText = document.getElementById('socialImagePreviewText'); var socialDomain = document.getElementById('socialDomain'); var socialTitle = document.getElementById('socialTitle'); var socialDesc = document.getElementById('socialDesc'); var uiTrans = {}; try { var translationsEl = document.getElementById('ui-translations'); if (translationsEl) { uiTrans = JSON.parse(translationsEl.textContent || '{}'); } } catch (e) {} if (!metaTitleInput || !metaDescInput || !metaKeywordsInput || !metaUrlInput || !metaAuthorInput || !metaImageInput || !metaRobotsSelect || !ogToggle || !twitterToggle || !codeOutput || !copyBtn || !googleUrl || !googleTitle || !googleDesc || !socialImagePreviewText || !socialDomain || !socialTitle || !socialDesc) return; function generateCode() { var title = metaTitleInput.value.trim() || 'My Website'; var desc = metaDescInput.value.trim() || ''; var kw = metaKeywordsInput.value.trim() || ''; var url = metaUrlInput.value.trim() || 'https://example.com'; var author = metaAuthorInput.value.trim() || ''; var image = metaImageInput.value.trim() || ''; var robots = metaRobotsSelect.value; // Update previews googleUrl.textContent = url; googleTitle.textContent = title; googleDesc.textContent = desc || 'No description provided.'; socialImagePreviewText.textContent = image || 'No Image URL provided.'; socialTitle.textContent = title; socialDesc.textContent = desc || 'No description provided.'; try { var domain = new URL(url).hostname.toUpperCase(); socialDomain.textContent = domain; } catch (e) { socialDomain.textContent = 'EXAMPLE.COM'; } // Compile tag HTML var tags = '<!-- Primary Meta Tags -->\n<title>' + title + '\n\n\n'; if (kw) tags += '\n'; if (author) tags += '\n'; tags += '\n'; if (ogToggle.checked) { tags += '\n\n\n\n\n\n'; if (image) tags += '\n'; } if (twitterToggle.checked) { tags += '\n\n\n\n\n\n'; if (image) tags += '\n'; } codeOutput.value = tags.trim(); } var elements = [metaTitleInput, metaDescInput, metaKeywordsInput, metaUrlInput, metaAuthorInput, metaImageInput, metaRobotsSelect, ogToggle, twitterToggle]; elements.forEach(function (el) { el.addEventListener('input', generateCode, { signal: signal }); el.addEventListener('change', generateCode, { signal: signal }); }); var copyTimeout = null; var originalCopyText = copyBtn.textContent || 'Copy'; copyBtn.addEventListener('click', function () { if (codeOutput.value) { navigator.clipboard.writeText(codeOutput.value).then(function () { copyBtn.textContent = '✓ ' + (uiTrans.copied || 'Copied!'); if (copyTimeout) clearTimeout(copyTimeout); copyTimeout = setTimeout(function () { copyBtn.textContent = originalCopyText; }, 2000); timeouts.push(copyTimeout); }).catch(function () {}); } }, { signal: signal }); // Run initial generation generateCode(); } document.addEventListener('astro:page-load', init, { signal: signal }); document.addEventListener('astro:before-preparation', function () { if (window.__metaGeneratorCleanup) { window.__metaGeneratorCleanup(); } }, { signal: signal }); if (document.readyState === 'complete' || document.readyState === 'interactive') { init(); } else { document.addEventListener('DOMContentLoaded', init, { signal: signal, once: true }); } })();

Inicio