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="/" class="flex items-center"> <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"> 100% Free, Client-Side Developer & Utility Tools. No data leaves your browser. Fast, private, and offline-capable. </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">100% Private & Local Processing</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">Popular Tools</h3> <ul role="list" class="mt-4 space-y-2"> <li><a href="/text/word-counter/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Word Counter</a></li> <li><a href="/developer/qr-generator/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">QR Code Generator</a></li> <li><a href="/developer/password-generator/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Password Generator</a></li> <li><a href="/developer/uuid-generator/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">UUID Generator</a></li> <li><a href="/developer/epoch-converter/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Unix Epoch Converter</a></li> <li><a href="/developer/jwt-debugger/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">JWT Debugger</a></li> <li><a href="/calculators/unit-converter/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Unit Converter</a></li> <li><a href="/design/color-picker/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Color Picker</a></li> <li><a href="/calculators/tip-calculator/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Tip Calculator</a></li> <li><a href="/calculators/scientific-calculator/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Scientific Calculator</a></li> <li><a href="/calculators/fraction-to-decimal/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Fraction to Decimal</a></li> <li><a href="/calculators/decimal-to-fraction/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Decimal to Fraction</a></li> <li><a href="/developer/json-validator/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">JSON Validator</a></li> <li><a href="/developer/css-minifier/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">CSS Minifier</a></li> <li><a href="/developer/base64-to-image/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Base64 to Image</a></li> <li><a href="/productivity/merge-pdf/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Merge PDF Utility</a></li> <li><a href="/productivity/word-to-pdf/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Word to PDF Converter</a></li> <li><a href="/productivity/split-pdf/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Split PDF Utility</a></li> <li><a href="/developer/whois-lookup/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Whois Lookup Utility</a></li> <li><a href="/developer/dns-lookup/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">DNS Lookup Utility</a></li> <li><a href="/calculators/mortgage-calculator/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Mortgage Calculator</a></li> <li><a href="/calculators/gpa-calculator/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">GPA Calculator</a></li> <li><a href="/calculators/loan-calculator/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Loan Calculator</a></li> <li><a href="/calculators/compound-interest/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Compound Interest Calculator</a></li> <li><a href="/calculators/time-card/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Time Card Calculator</a></li> </ul> </div> <div> <h3 class="text-xs font-semibold uppercase tracking-wider text-[#171717] dark:text-white font-mono">Developer Utilities</h3> <ul role="list" class="mt-4 space-y-2"> <li><a href="/calculators/date-calculator/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Date Calculator</a></li> <li><a href="/calculators/bmi-calculator/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">BMI Calculator</a></li> <li><a href="/developer/base64-converter/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Base64 Converter</a></li> <li><a href="/developer/sql-formatter/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">SQL Formatter</a></li> <li><a href="/developer/user-agent-parser/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">User Agent Parser</a></li> <li><a href="/text/morse-code-translator/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Morse Code Translator</a></li> <li><a href="/design/screen-resolution/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Screen Resolution</a></li> <li><a href="/text/text-utils/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Text Utilities</a></li> <li><a href="/developer/json-formatter/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">JSON Formatter</a></li> <li><a href="/developer/hash-generator/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Hash Generator</a></li> <li><a href="/calculators/lcm-finder/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">LCM Finder</a></li> <li><a href="/calculators/gcd-finder/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">GCD Calculator</a></li> <li><a href="/calculators/prime-checker/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Prime Checker</a></li> <li><a href="/developer/url-parser/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">URL Parser & Debugger</a></li> <li><a href="/developer/http-headers/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">HTTP Request Headers</a></li> <li><a href="/developer/qr-decoder/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">QR Code Decoder</a></li> <li><a href="/developer/cron-generator/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Cron Expression Generator</a></li> <li><a href="/design/png-to-svg/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">PNG to SVG Vectorizer</a></li> <li><a href="/calculators/metric-conversion/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Metric Conversion Tool</a></li> <li><a href="/text/markdown-to-html/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Markdown to HTML Converter</a></li> <li><a href="/text/html-to-markdown/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">HTML to Markdown Converter</a></li> <li><a href="/developer/json-minifier/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">JSON Minifier</a></li> </ul> </div> <div> <h3 class="text-xs font-semibold uppercase tracking-wider text-[#171717] dark:text-white font-mono">Calculators & Design</h3> <ul role="list" class="mt-4 space-y-2"> <li><a href="/productivity/timer/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Timer & Stopwatch</a></li> <li><a href="/productivity/stopwatch/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Online Stopwatch</a></li> <li><a href="/text/lorem-ipsum/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Lorem Ipsum Generator</a></li> <li><a href="/calculators/percentage-calculator/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Percentage Calculator</a></li> <li><a href="/text/markdown-preview/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Markdown Previewer</a></li> <li><a href="/calculators/random-number/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Random Number</a></li> <li><a href="/design/image-compressor/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Image Compressor</a></li> <li><a href="/design/hex-to-rgb/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Hex to RGB Converter</a></li> <li><a href="/design/aspect-ratio-calculator/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Aspect Ratio Calculator</a></li> <li><a href="/calculators/quadratic-solver/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Quadratic Solver</a></li> <li><a href="/calculators/date-difference/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Days Between Dates</a></li> <li><a href="/calculators/fibonacci-generator/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Fibonacci Generator</a></li> <li><a href="/design/svg-to-png/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">SVG to PNG Converter</a></li> <li><a href="/design/image-converter/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Image Converter</a></li> <li><a href="/design/placeholder-image/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Placeholder Generator</a></li> <li><a href="/design/contrast-checker/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Contrast Checker</a></li> <li><a href="/design/hsl-to-rgb/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">HSL to RGB Converter</a></li> <li><a href="/calculators/gratuity-calculator/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Gratuity Calculator</a></li> <li><a href="/text/character-counter/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Character Counter</a></li> <li><a href="/text/sentence-counter/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Sentence Counter</a></li> <li><a href="/text/paragraph-counter/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Paragraph Counter</a></li> <li><a href="/text/line-counter/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Line Counter</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">SayTools</h3> <ul role="list" class="space-y-2"> <li><a href="/about/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">About</a></li> <li><a href="/contact/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Contact</a></li> <li><a href="/privacy/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Privacy Policy</a></li> <li><a href="/terms/" class="text-sm text-[#4d4d4d] hover:text-[#171717] dark:text-[#888] dark:hover:text-[#fff] transition-colors">Terms of Service</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. All rights reserved. Built with precision for the web. </p> <div class="flex items-center gap-6"> <span class="inline-flex items-center gap-1.5 text-xs text-zinc-500 dark:text-zinc-400 font-mono"> <svg class="w-3.5 h-3.5 text-green-500" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path> </svg> HTTPS Encrypted & Client-Side </span> </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