GarToolsPremium Tools
Guía SEO7 de abril de 202615 min

Meta tags y SEO técnico: guía definitiva para posicionar en 2026

Qué meta tags necesita realmente tu sitio web en 2026, cuáles son obsoletos y cómo configurarlos para SEO, redes sociales y accesibilidad.

Qué son (y qué no son) los meta tags

Los meta tags son etiquetas HTML que viven dentro del de una página y proporcionan información sobre la propia página: título, descripción, autor, codificación, cómo debe aparecer al compartirse en redes, cómo deben tratarla los motores de búsqueda, cómo debe comportarse en dispositivos móviles, etc. No son visibles para el usuario cuando navega por el sitio, pero son lo primero que leen Google, Bing, Twitter, Facebook y cualquier crawler cuando llegan a una URL.

En 2026 circulan dos creencias contrarias en la comunidad SEO:

  • "Los meta tags ya no importan" — falso. Siguen siendo la principal forma de dar contexto estructurado a una página y siguen afectando al CTR en SERP, a las previsualizaciones en redes y a la accesibilidad.
  • "Cuantos más meta tags mejor" — también falso. La mayoría de meta tags antiguos (keywords, revisit-after, generator) son irrelevantes o directamente ignorados. Añadirlos solo infla el HTML.

Este artículo es un repaso pragmático de qué meta tags sí importan, cuáles puedes ignorar, y cómo configurarlos bien.

Los meta tags que toda página debería tener en 2026

Estos son los imprescindibles. Si tu sitio carece de alguno, corrige antes de seguir optimizando nada más.

1. Charset y viewport


<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

El primero declara la codificación de caracteres (UTF-8 siempre, en 2026 no hay excusa para otra cosa). El segundo hace que la página sea responsive de manera nativa en móviles: le dice al navegador que ajuste el ancho al del dispositivo en lugar de fingir que es una pantalla de escritorio de 980 px. Sin viewport, tu sitio se ve minúsculo en el iPhone.

2. Title


<title>Compresor de imágenes online gratis | GarTools</title>

No es técnicamente un meta tag pero cumple la misma función. Es el factor SEO más importante dentro del . Reglas:

  • Longitud: entre 50 y 60 caracteres. Google recorta a ~580 píxeles, que son unos 60 caracteres dependiendo de las letras.
  • La palabra clave principal al principio: "Compresor de imágenes…" funciona mejor que "Bienvenido a nuestro compresor…".
  • Incluye la marca al final: separada por | o — , ayuda al branding sin competir con la keyword.
  • Único por página: nunca repitas el mismo </code> en varias URLs del sitio.</li> </ul> <h3 id="3-meta-description">3. Meta description</h3> <pre><code> <meta name="description" content="Comprime JPG, PNG, WebP y AVIF directamente en tu navegador. 100% privado, gratis y sin registro. Reduce el peso de tus imágenes manteniendo la calidad."> </code></pre> <p>No es un factor directo de ranking (Google lo confirmó en 2009), pero <strong>sí afecta al CTR</strong> en los resultados. Una meta description bien escrita puede duplicar el porcentaje de clics sobre una página mal descrita aunque posicionen en la misma posición. Reglas:</p> <ul> <li><strong>Longitud</strong>: entre 140 y 160 caracteres. Google puede mostrar hasta ~155 en móvil.</li> <li><strong>Redactada para el usuario, no para el bot</strong>: frases naturales, con beneficios claros.</li> <li><strong>Incluye la palabra clave</strong>: no como relleno, sino porque si aparece en la búsqueda, Google la resalta en negrita en la SERP, y eso mejora el CTR.</li> <li><strong>Call to action suave</strong>: verbos como "descubre", "prueba", "aprende", "reduce".</li> <li><strong>Única por página</strong>.</li> </ul> <p>Si no pones meta description, Google genera una a partir del contenido de la página, y casi siempre es peor que una escrita a mano.</p> <h3 id="4-canonical">4. Canonical</h3> <pre><code> <link rel="canonical" href="https://fgarola.es/herramientas/imagen/compresor-de-imagenes"> </code></pre> <p>El canonical le dice a Google cuál es la URL "oficial" de un contenido cuando hay varias que apuntan al mismo recurso (por ejemplo, con y sin parámetros UTM, con y sin barra final, con querystrings de filtros). Es <strong>fundamental para evitar penalizaciones por contenido duplicado</strong> y para concentrar la autoridad de enlaces en una única URL.</p> <h3 id="5-robots-opcional-pero-importante-cuando-aplica">5. Robots (opcional, pero importante cuando aplica)</h3> <pre><code> <meta name="robots" content="index, follow"> </code></pre> <p>Por defecto, Google indexa y sigue los enlaces de una página. Solo necesitas este meta tag si quieres cambiar ese comportamiento: por ejemplo, <code>noindex</code> en páginas de búsqueda interna, páginas de agradecimiento post-compra, versiones en pruebas o páginas legales que no aportan valor a la SERP. Para páginas normales, puedes omitirlo.</p> <h2 id="open-graph-los-meta-tags-de-las-redes-sociales">Open Graph: los meta tags de las redes sociales</h2> <p>Cuando alguien pega el enlace de tu artículo en WhatsApp, Twitter, LinkedIn, Slack, Discord o Facebook, las redes generan una "tarjeta" con imagen, título y descripción. <strong>El 100 % de esa tarjeta viene de los meta tags Open Graph</strong> que hayas declarado en tu <code><head></code>.</p> <p>El set mínimo recomendado es:</p> <pre><code> <meta property="og:type" content="website"> <meta property="og:title" content="Compresor de imágenes online gratis"> <meta property="og:description" content="Comprime JPG, PNG, WebP y AVIF directamente en tu navegador. 100% privado, gratis y sin registro."> <meta property="og:image" content="https://fgarola.es/og/compresor-de-imagenes.png"> <meta property="og:url" content="https://fgarola.es/herramientas/imagen/compresor-de-imagenes"> <meta property="og:site_name" content="GarTools"> <meta property="og:locale" content="es_ES"> </code></pre> <p>Además, Twitter (ahora X) tiene su propio conjunto de meta tags, <code>twitter:card</code>, que coge lo que encuentre de Open Graph pero admite overrides específicos:</p> <pre><code> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Compresor de imágenes online gratis"> <meta name="twitter:description" content="Comprime JPG, PNG, WebP y AVIF en tu navegador."> <meta name="twitter:image" content="https://fgarola.es/og/compresor-de-imagenes.png"> </code></pre> <h3 id="que-tamano-debe-tener-la-imagen-de-open-graph">Qué tamaño debe tener la imagen de Open Graph</h3> <p>Esta es una de las dudas más frecuentes:</p> <ul> <li><strong>Tamaño recomendado</strong>: 1200 × 630 píxeles (ratio 1.91:1).</li> <li><strong>Tamaño mínimo</strong>: 600 × 315.</li> <li><strong>Tamaño máximo que acepta Facebook</strong>: 8 MB.</li> <li><strong>Formato</strong>: JPG o PNG. WebP funciona en la mayoría pero no todas las plataformas.</li> </ul> <p>Una imagen de OG bien diseñada debe incluir el título del artículo en grande y el logo del sitio para branding. Si usas una foto pura sin texto, la tarjeta funciona pero el impacto es menor.</p> <p>Puedes crear imágenes de Open Graph específicas por artículo o generarlas dinámicamente con <code>next/og</code>, <code>satori</code> o servicios como Bannerbear. En GarTools usamos componentes de React que se renderizan en el build de cada página como PNG estático.</p> <h2 id="meta-tags-obsoletos-que-puedes-eliminar">Meta tags obsoletos que puedes eliminar</h2> <p>Si tu sitio tiene alguno de estos, son parte del legado y puedes borrarlos sin miedo:</p> <ul> <li><strong><code><meta name="keywords"></code></strong>: Google lo ignora desde 2009. Ni siquiera lo lee. Solo sirve para llenar el HTML.</li> <li><strong><code><meta name="revisit-after"></code></strong>: ningún crawler lo respeta. Los bots deciden cuándo revisitan una página en función de su algoritmo interno.</li> <li><strong><code><meta name="generator"></code></strong>: indica qué CMS o framework generó la página (por ejemplo, WordPress). No aporta SEO, y a veces es un riesgo de seguridad porque revela versiones.</li> <li><strong><code><meta http-equiv="refresh"></code></strong>: redirigir con JavaScript o a nivel servidor es mejor en todos los sentidos.</li> <li><strong><code><meta name="copyright"></code></strong>: el copyright se declara en el footer visible o en los metadatos EXIF/IPTC de las imágenes, no en meta tags.</li> </ul> <p>Eliminarlos no te baja posiciones, pero limpia el HTML.</p> <h2 id="el-trio-que-mucha-gente-olvida-favicon-manifest-y-theme-color">El trío que mucha gente olvida: favicon, manifest y theme-color</h2> <p>Tres elementos que no son meta tags en sentido estricto pero van en el <code><head></code> y tienen impacto visual y de SEO:</p> <h3 id="favicon">Favicon</h3> <p>En 2026, un favicon completo incluye:</p> <pre><code> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/manifest.webmanifest"> </code></pre> <p>El SVG es lo moderno (se escala perfecto en cualquier densidad de pantalla) pero Safari aún prefiere PNG en ciertas versiones, así que conviene tener ambos. El apple-touch-icon se usa cuando un usuario de iOS guarda tu sitio en la pantalla de inicio.</p> <h3 id="manifest-pwa-ready">Manifest (PWA-ready)</h3> <p>Un archivo <code>manifest.webmanifest</code> permite que tu sitio sea instalable como una PWA. No es obligatorio, pero es un plus de UX y se configura con un JSON de 20 líneas.</p> <h3 id="theme-color">Theme-color</h3> <pre><code> <meta name="theme-color" content="#0a1628"> <meta name="theme-color" content="#f8fafc" media="(prefers-color-scheme: light)"> </code></pre> <p>Pinta la barra superior del navegador en móvil con tu color de marca. Detalle pequeño pero profesional. Puedes incluso tener colores diferentes para light y dark mode.</p> <h2 id="datos-estructurados-schema-org">Datos estructurados (Schema.org)</h2> <p>Los <strong>datos estructurados</strong> (Schema.org en JSON-LD) no son meta tags, pero van en el <code><head></code> y son el paso siguiente del SEO técnico después de los meta tags básicos. Permiten que Google entienda que una página es un artículo, una receta, un producto, una FAQ, una reseña o un evento, y generar "rich snippets" en la SERP (estrellitas de valoración, tiempo de cocción, precio, disponibilidad…).</p> <p>Los tipos más comunes para sitios generalistas son:</p> <ul> <li><strong>Article / BlogPosting</strong>: para entradas de blog.</li> <li><strong>FAQPage</strong>: para páginas con preguntas frecuentes. Genera snippets expandibles en Google.</li> <li><strong>HowTo</strong>: para tutoriales paso a paso.</li> <li><strong>BreadcrumbList</strong>: para que Google muestre la miga de pan en la SERP en lugar de la URL.</li> <li><strong>Product</strong>: para ecommerce.</li> <li><strong>Organization</strong>: para la home con datos de la empresa.</li> </ul> <p>La sintaxis es JSON-LD y se añade en un <code><script type="application/ld+json"></code>. Para validar que los datos estructurados están bien formados y Google los interpreta correctamente, usa el <a href="https://search.google.com/test/rich-results" target="_blank" rel="noopener noreferrer">test de datos estructurados de Google</a>.</p> <h2 id="como-generar-todo-esto-sin-escribir-html-a-mano">Cómo generar todo esto sin escribir HTML a mano</h2> <p>El <strong>generador de meta tags</strong> de GarTools produce el bloque completo (básicos + Open Graph + Twitter + canonical) a partir de un formulario con cuatro o cinco campos. Pones título, descripción, URL y una imagen, y obtienes el HTML listo para pegar en el <code><head></code>. El <strong>generador de favicon</strong> toma una imagen cuadrada y genera todos los tamaños modernos más el manifest.webmanifest. El <strong>generador de robots.txt</strong> cubre el otro lado del SEO técnico, controlando qué partes del sitio pueden indexar los crawlers.</p> <p>Usar estas tres herramientas en serie te deja el <code><head></code> configurado profesionalmente en unos minutos, sin que la información del sitio tenga que pasar por ningún servicio externo.</p> <h2 id="conclusion">Conclusión</h2> <p>Los meta tags no son la magia del SEO, pero son la base. Sin ellos, nada de lo que hagas en el contenido, en los enlaces o en la velocidad tendrá el impacto esperado. Con ellos bien puestos y un bloque de datos estructurados mínimamente pensado, estás sacando a tu sitio del montón de páginas que olvidan lo básico. Y en SEO, la mayoría de la ventaja se obtiene justamente haciendo lo básico bien.</p></div></div><section class="mb-10"><div class="flex items-center gap-3 mb-5"><div class="w-10 h-10 rounded-xl bg-gold-50 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wrench w-5 h-5 text-gold-600" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path></svg></div><h2 class="text-lg font-bold text-navy-900">Herramientas mencionadas en esta guía</h2></div><div class="grid grid-cols-1 sm:grid-cols-2 gap-4"><a class="group flex items-center justify-between bg-surface rounded-2xl border border-border p-5 shadow-sm hover:shadow-md hover:border-gold-300 transition-all" href="/herramientas/web/generador-de-meta-tags"><div><p class="text-[0.625rem] text-gold-600 font-bold uppercase tracking-wider mb-1">Herramienta</p><p class="font-bold text-navy-900 text-sm group-hover:text-gold-700 transition-colors">Generador de meta tags</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 text-text-muted group-hover:text-gold-600 group-hover:translate-x-1 transition-all" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a class="group flex items-center justify-between bg-surface rounded-2xl border border-border p-5 shadow-sm hover:shadow-md hover:border-gold-300 transition-all" href="/herramientas/web/generador-de-favicon"><div><p class="text-[0.625rem] text-gold-600 font-bold uppercase tracking-wider mb-1">Herramienta</p><p class="font-bold text-navy-900 text-sm group-hover:text-gold-700 transition-colors">Generador de favicon</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 text-text-muted group-hover:text-gold-600 group-hover:translate-x-1 transition-all" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a class="group flex items-center justify-between bg-surface rounded-2xl border border-border p-5 shadow-sm hover:shadow-md hover:border-gold-300 transition-all" href="/herramientas/web/generador-de-robots-txt"><div><p class="text-[0.625rem] text-gold-600 font-bold uppercase tracking-wider mb-1">Herramienta</p><p class="font-bold text-navy-900 text-sm group-hover:text-gold-700 transition-colors">Generador de robots.txt</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 text-text-muted group-hover:text-gold-600 group-hover:translate-x-1 transition-all" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></section><section class="mb-10"><h2 class="text-lg font-bold text-navy-900 mb-5">Seguir leyendo</h2><div class="grid grid-cols-1 sm:grid-cols-2 gap-4"><a class="card-subtle group" href="/blog/meta-tags-esenciales"><span class="text-[0.625rem] text-gold-600 font-bold uppercase tracking-wider">Artículo relacionado</span><h3 class="font-bold text-sm mt-1.5 text-navy-900 group-hover:text-gold-600 transition-colors leading-snug">Meta tags esenciales para SEO y redes sociales</h3></a><a class="card-subtle group" href="/blog/como-escribir-meta-descriptions"><span class="text-[0.625rem] text-gold-600 font-bold uppercase tracking-wider">Artículo relacionado</span><h3 class="font-bold text-sm mt-1.5 text-navy-900 group-hover:text-gold-600 transition-colors leading-snug">Cómo escribir meta descriptions que generen clics</h3></a></div></section><a class="inline-flex items-center gap-2 text-sm font-semibold text-gold-600 hover:text-gold-700 transition-colors" href="/guias"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-left h-4 w-4" aria-hidden="true"><path d="m12 19-7-7 7-7"></path><path d="M19 12H5"></path></svg>Ver todas las guías</a></article></div></div><!--$--><!--/$--></main><footer class="mt-auto"><div class="h-px bg-gradient-to-r from-transparent via-gold-500/30 to-transparent"></div><div class="bg-navy-950"><div class="container-premium py-14 lg:py-16"><div class="grid grid-cols-1 gap-10 sm:grid-cols-2 lg:grid-cols-12"><div class="lg:col-span-4"><a class="flex items-center gap-2.5 mb-4 group" href="/"><div class="flex h-9 w-9 items-center justify-center rounded-xl bg-gradient-to-br from-gold-500 to-gold-600 text-navy-950 shadow-lg transition-transform group-hover:scale-105"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wrench h-4 w-4" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path></svg></div><div class="flex flex-col"><span class="font-bold text-base text-white leading-tight">GarTools</span><span class="text-[0.5rem] font-bold uppercase tracking-[0.25em] text-gold-500/70 leading-none">Premium Tools</span></div></a><p class="text-[0.8125rem] text-navy-400 leading-relaxed max-w-xs mb-5">27<!-- --> herramientas gratuitas que se ejecutan en tu navegador. Sin registro, sin servidores, con total privacidad.</p><div class="flex items-center gap-2"><span class="inline-flex items-center gap-1.5 text-[0.625rem] font-semibold text-emerald-400/80 bg-emerald-400/[0.06] px-2.5 py-1.5 rounded-full border border-emerald-400/10"><span class="h-1.5 w-1.5 rounded-full bg-emerald-400 animate-pulse"></span>100% privado</span><span class="inline-flex items-center text-[0.625rem] font-semibold text-gold-400/80 bg-gold-400/[0.06] px-2.5 py-1.5 rounded-full border border-gold-400/10">Gratis</span></div></div><div class="lg:col-span-8 grid grid-cols-2 sm:grid-cols-3 gap-8"><div><h3 class="text-[0.6875rem] font-bold uppercase tracking-[0.2em] text-navy-500 mb-4">Categorías</h3><ul class="space-y-2.5"><li><a class="text-[0.8125rem] text-navy-300 hover:text-gold-400 transition-colors" href="/herramientas/texto">Texto</a></li><li><a class="text-[0.8125rem] text-navy-300 hover:text-gold-400 transition-colors" href="/herramientas/desarrollo">Desarrollo</a></li><li><a class="text-[0.8125rem] text-navy-300 hover:text-gold-400 transition-colors" href="/herramientas/imagen">Imagen</a></li><li><a class="text-[0.8125rem] text-navy-300 hover:text-gold-400 transition-colors" href="/herramientas/web">Web</a></li><li><a class="text-[0.8125rem] text-navy-300 hover:text-gold-400 transition-colors" href="/herramientas/conversion">Conversión de Archivos</a></li></ul></div><div><h3 class="text-[0.6875rem] font-bold uppercase tracking-[0.2em] text-navy-500 mb-4">Recursos</h3><ul class="space-y-2.5"><li><a class="text-[0.8125rem] text-navy-300 hover:text-gold-400 transition-colors" href="/blog">Blog</a></li><li><a class="text-[0.8125rem] text-navy-300 hover:text-gold-400 transition-colors" href="/guias">Guías</a></li><li><a class="text-[0.8125rem] text-navy-300 hover:text-gold-400 transition-colors" href="/faq">FAQ</a></li><li><a class="text-[0.8125rem] text-navy-300 hover:text-gold-400 transition-colors" href="/changelog">Novedades</a></li><li><a class="text-[0.8125rem] text-navy-300 hover:text-gold-400 transition-colors" href="/mapa-del-sitio">Mapa del sitio</a></li></ul></div><div><h3 class="text-[0.6875rem] font-bold uppercase tracking-[0.2em] text-navy-500 mb-4">Proyecto</h3><ul class="space-y-2.5"><li><a class="text-[0.8125rem] text-navy-300 hover:text-gold-400 transition-colors" href="/acerca-de">Acerca de</a></li><li><a class="text-[0.8125rem] text-navy-300 hover:text-gold-400 transition-colors" href="/contacto">Contacto</a></li><li><a class="text-[0.8125rem] text-navy-300 hover:text-gold-400 transition-colors" href="/privacidad">Privacidad</a></li><li><a class="text-[0.8125rem] text-navy-300 hover:text-gold-400 transition-colors" href="/terminos">Términos</a></li><li><a class="text-[0.8125rem] text-navy-300 hover:text-gold-400 transition-colors" href="/cookies">Cookies</a></li></ul><a class="inline-flex items-center gap-1.5 mt-5 text-[0.75rem] font-semibold text-gold-400 hover:text-gold-300 transition-colors" href="/contacto"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail h-3 w-3" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg>Sugerir herramienta<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3 w-3" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div></div><div class="bg-navy-950 border-t border-navy-800/30"><div class="container-premium py-5 flex flex-col sm:flex-row items-center justify-between gap-3"><p class="text-[0.6875rem] text-navy-600">© <!-- -->2026<!-- --> GarTools — Procesamiento 100% local en tu navegador.</p><p class="text-[0.6875rem] text-navy-700">Proyecto de<!-- --> <a href="https://fgarola.es" class="text-navy-500 hover:text-gold-500 transition-colors" target="_blank" rel="noopener noreferrer">Fernando Garola</a></p></div></div></footer><script src="/_next/static/chunks/0jlb3f-vunwdi.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[88722,[\"/_next/static/chunks/05dr~o2jyuoi8.js\",\"/_next/static/chunks/001vnbkd5v7su.js\"],\"GoogleAnalytics\"]\n3:I[3374,[\"/_next/static/chunks/05dr~o2jyuoi8.js\",\"/_next/static/chunks/001vnbkd5v7su.js\"],\"Header\"]\n4:I[39756,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"default\"]\n5:I[37457,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"default\"]\n6:I[22016,[\"/_next/static/chunks/05dr~o2jyuoi8.js\",\"/_next/static/chunks/001vnbkd5v7su.js\"],\"\"]\n7:I[58541,[\"/_next/static/chunks/05dr~o2jyuoi8.js\",\"/_next/static/chunks/001vnbkd5v7su.js\"],\"default\"]\n13:I[68027,[\"/_next/static/chunks/05dr~o2jyuoi8.js\",\"/_next/static/chunks/001vnbkd5v7su.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/18dxw9pusi4xv.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"guias\",\"meta-tags-y-seo-tecnico\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"guias\",{\"children\":[[\"slug\",\"meta-tags-y-seo-tecnico\",\"d\",null],{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/18dxw9pusi4xv.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/05dr~o2jyuoi8.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/001vnbkd5v7su.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"es\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://pagead2.googlesyndication.com\"}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://www.googletagmanager.com\"}],[\"$\",\"script\",null,{\"async\":true,\"src\":\"https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6269718356198501\",\"crossOrigin\":\"anonymous\"}]]}],[\"$\",\"body\",null,{\"className\":\"flex min-h-screen flex-col\",\"children\":[[\"$\",\"$L2\",null,{}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Person\\\",\\\"name\\\":\\\"Fernando Garola\\\",\\\"url\\\":\\\"https://fgarola.es\\\",\\\"email\\\":\\\"fgarola@fgarola.es\\\",\\\"description\\\":\\\"Herramientas digitales rápidas, gratuitas y privadas para tu día a día profesional. Todo se procesa en tu navegador.\\\",\\\"sameAs\\\":[\\\"https://github.com/ferrylinxx\\\"]}\"}}],[\"$\",\"$L3\",null,{}],[\"$\",\"main\",null,{\"className\":\"flex-1\",\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-2xl px-4 py-20 text-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-6xl font-bold text-primary mb-4\",\"children\":\"404\"}],[\"$\",\"h1\",null,{\"className\":\"text-2xl font-bold mb-2\",\"children\":\"Página no encontrada\"}],[\"$\",\"p\",null,{\"className\":\"text-text-muted mb-8\",\"children\":\"La página que buscas no existe o ha sido movida. Pero tenemos muchas herramientas que sí puedes usar.\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-col sm:flex-row gap-3 justify-center\",\"children\":[[\"$\",\"$L6\",null,{\"href\":\"/\",\"className\":\"btn-primary\",\"children\":\"Ir al inicio\"}],[\"$\",\"$L6\",null,{\"href\":\"/herramientas\",\"className\":\"btn-secondary\",\"children\":[[\"$\",\"$L7\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"m21 21-4.34-4.34\",\"key\":\"14j7rj\"}],[\"circle\",{\"cx\":\"11\",\"cy\":\"11\",\"r\":\"8\",\"key\":\"4ej97u\"}]],\"className\":\"lucide-search h-4 w-4\"}],\"Explorar herramientas\"]}]]}]]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"footer\",null,{\"className\":\"mt-auto\",\"children\":[[\"$\",\"div\",null,{\"className\":\"h-px bg-gradient-to-r from-transparent via-gold-500/30 to-transparent\"}],[\"$\",\"div\",null,{\"className\":\"bg-navy-950\",\"children\":[\"$\",\"div\",null,{\"className\":\"container-premium py-14 lg:py-16\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 gap-10 sm:grid-cols-2 lg:grid-cols-12\",\"children\":[[\"$\",\"div\",null,{\"className\":\"lg:col-span-4\",\"children\":[[\"$\",\"$L6\",null,{\"href\":\"/\",\"className\":\"flex items-center gap-2.5 mb-4 group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-9 w-9 items-center justify-center rounded-xl bg-gradient-to-br from-gold-500 to-gold-600 text-navy-950 shadow-lg transition-transform group-hover:scale-105\",\"children\":[\"$\",\"$L7\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z\",\"key\":\"1ngwbx\"}]],\"className\":\"lucide-wrench h-4 w-4\"}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-bold text-base text-white leading-tight\",\"children\":\"GarTools\"}],[\"$\",\"span\",null,{\"className\":\"text-[0.5rem] font-bold uppercase tracking-[0.25em] text-gold-500/70 leading-none\",\"children\":\"Premium Tools\"}]]}]]}],[\"$\",\"p\",null,{\"className\":\"text-[0.8125rem] text-navy-400 leading-relaxed max-w-xs mb-5\",\"children\":[27,\" herramientas gratuitas que se ejecutan en tu navegador. Sin registro, sin servidores, con total privacidad.\"]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2\",\"children\":[\"$L8\",\"$L9\"]}]]}],\"$La\"]}]}]}],\"$Lb\"]}],\"$Lc\",\"$Ld\"]}]]}]]}],{\"children\":[\"$Le\",{\"children\":[\"$Lf\",{\"children\":[\"$L10\",{},null,false,null]},null,false,\"$@11\"]},null,false,\"$@11\"]},null,false,null],\"$L12\",false]],\"m\":\"$undefined\",\"G\":[\"$13\",[\"$L14\"]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"MuPW7B0O448jiYNGRYL7-\"}\n"])</script><script>self.__next_f.push([1,"15:I[3681,[\"/_next/static/chunks/05dr~o2jyuoi8.js\",\"/_next/static/chunks/001vnbkd5v7su.js\"],\"CookieConsent\"]\n16:I[37332,[\"/_next/static/chunks/05dr~o2jyuoi8.js\",\"/_next/static/chunks/001vnbkd5v7su.js\"],\"SearchModal\"]\n18:I[97367,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"OutletBoundary\"]\n19:\"$Sreact.suspense\"\n1c:I[97367,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"ViewportBoundary\"]\n1e:I[97367,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"MetadataBoundary\"]\n8:[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1.5 text-[0.625rem] font-semibold text-emerald-400/80 bg-emerald-400/[0.06] px-2.5 py-1.5 rounded-full border border-emerald-400/10\",\"children\":[[\"$\",\"span\",null,{\"className\":\"h-1.5 w-1.5 rounded-full bg-emerald-400 animate-pulse\"}],\"100% privado\"]}]\n9:[\"$\",\"span\",null,{\"className\":\"inline-flex items-center text-[0.625rem] font-semibold text-gold-400/80 bg-gold-400/[0.06] px-2.5 py-1.5 rounded-full border border-gold-400/10\",\"children\":\"Gratis\"}]\n"])</script><script>self.__next_f.push([1,"a:[\"$\",\"div\",null,{\"className\":\"lg:col-span-8 grid grid-cols-2 sm:grid-cols-3 gap-8\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-[0.6875rem] font-bold uppercase tracking-[0.2em] text-navy-500 mb-4\",\"children\":\"Categorías\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2.5\",\"children\":[[\"$\",\"li\",\"texto\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/herramientas/texto\",\"className\":\"text-[0.8125rem] text-navy-300 hover:text-gold-400 transition-colors\",\"children\":\"Texto\"}]}],[\"$\",\"li\",\"desarrollo\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/herramientas/desarrollo\",\"className\":\"text-[0.8125rem] text-navy-300 hover:text-gold-400 transition-colors\",\"children\":\"Desarrollo\"}]}],[\"$\",\"li\",\"imagen\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/herramientas/imagen\",\"className\":\"text-[0.8125rem] text-navy-300 hover:text-gold-400 transition-colors\",\"children\":\"Imagen\"}]}],[\"$\",\"li\",\"web\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/herramientas/web\",\"className\":\"text-[0.8125rem] text-navy-300 hover:text-gold-400 transition-colors\",\"children\":\"Web\"}]}],[\"$\",\"li\",\"conversion\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/herramientas/conversion\",\"className\":\"text-[0.8125rem] text-navy-300 hover:text-gold-400 transition-colors\",\"children\":\"Conversión de Archivos\"}]}]]}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-[0.6875rem] font-bold uppercase tracking-[0.2em] text-navy-500 mb-4\",\"children\":\"Recursos\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2.5\",\"children\":[[\"$\",\"li\",\"/blog\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/blog\",\"className\":\"text-[0.8125rem] text-navy-300 hover:text-gold-400 transition-colors\",\"children\":\"Blog\"}]}],[\"$\",\"li\",\"/guias\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/guias\",\"className\":\"text-[0.8125rem] text-navy-300 hover:text-gold-400 transition-colors\",\"children\":\"Guías\"}]}],[\"$\",\"li\",\"/faq\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/faq\",\"className\":\"text-[0.8125rem] text-navy-300 hover:text-gold-400 transition-colors\",\"children\":\"FAQ\"}]}],[\"$\",\"li\",\"/changelog\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/changelog\",\"className\":\"text-[0.8125rem] text-navy-300 hover:text-gold-400 transition-colors\",\"children\":\"Novedades\"}]}],[\"$\",\"li\",\"/mapa-del-sitio\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/mapa-del-sitio\",\"className\":\"text-[0.8125rem] text-navy-300 hover:text-gold-400 transition-colors\",\"children\":\"Mapa del sitio\"}]}]]}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-[0.6875rem] font-bold uppercase tracking-[0.2em] text-navy-500 mb-4\",\"children\":\"Proyecto\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2.5\",\"children\":[[\"$\",\"li\",\"/acerca-de\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/acerca-de\",\"className\":\"text-[0.8125rem] text-navy-300 hover:text-gold-400 transition-colors\",\"children\":\"Acerca de\"}]}],[\"$\",\"li\",\"/contacto\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/contacto\",\"className\":\"text-[0.8125rem] text-navy-300 hover:text-gold-400 transition-colors\",\"children\":\"Contacto\"}]}],[\"$\",\"li\",\"/privacidad\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/privacidad\",\"className\":\"text-[0.8125rem] text-navy-300 hover:text-gold-400 transition-colors\",\"children\":\"Privacidad\"}]}],[\"$\",\"li\",\"/terminos\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/terminos\",\"className\":\"text-[0.8125rem] text-navy-300 hover:text-gold-400 transition-colors\",\"children\":\"Términos\"}]}],[\"$\",\"li\",\"/cookies\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/cookies\",\"className\":\"text-[0.8125rem] text-navy-300 hover:text-gold-400 transition-colors\",\"children\":\"Cookies\"}]}]]}],[\"$\",\"$L6\",null,{\"href\":\"/contacto\",\"className\":\"inline-flex items-center gap-1.5 mt-5 text-[0.75rem] font-semibold text-gold-400 hover:text-gold-300 transition-colors\",\"children\":[[\"$\",\"$L7\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7\",\"key\":\"132q7q\"}],[\"rect\",{\"x\":\"2\",\"y\":\"4\",\"width\":\"20\",\"height\":\"16\",\"rx\":\"2\",\"key\":\"izxlao\"}]],\"className\":\"lucide-mail h-3 w-3\"}],\"Sugerir herramienta\",[\"$\",\"$L7\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M5 12h14\",\"key\":\"1ays0h\"}],[\"path\",{\"d\":\"m12 5 7 7-7 7\",\"key\":\"xquz4c\"}]],\"className\":\"lucide-arrow-right h-3 w-3\"}]]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"b:[\"$\",\"div\",null,{\"className\":\"bg-navy-950 border-t border-navy-800/30\",\"children\":[\"$\",\"div\",null,{\"className\":\"container-premium py-5 flex flex-col sm:flex-row items-center justify-between gap-3\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-[0.6875rem] text-navy-600\",\"children\":[\"© \",2026,\" GarTools — Procesamiento 100% local en tu navegador.\"]}],[\"$\",\"p\",null,{\"className\":\"text-[0.6875rem] text-navy-700\",\"children\":[\"Proyecto de\",\" \",[\"$\",\"a\",null,{\"href\":\"https://fgarola.es\",\"className\":\"text-navy-500 hover:text-gold-500 transition-colors\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":\"Fernando Garola\"}]]}]]}]}]\nc:[\"$\",\"$L15\",null,{}]\nd:[\"$\",\"$L16\",null,{}]\ne:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\nf:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n10:[\"$\",\"$1\",\"c\",{\"children\":[\"$L17\",null,[\"$\",\"$L18\",null,{\"children\":[\"$\",\"$19\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@1a\"}]}]]}]\n1b:[]\n11:\"$W1b\"\n12:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L1c\",null,{\"children\":\"$L1d\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L1e\",null,{\"children\":[\"$\",\"$19\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L1f\"}]}]}],null]}]\n14:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/18dxw9pusi4xv.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n"])</script><script>self.__next_f.push([1,"17:[\"$\",\"div\",null,{\"className\":\"min-h-screen\",\"children\":[\"$\",\"div\",null,{\"className\":\"container-premium py-10 sm:py-14 max-w-[1100px]\",\"children\":[[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"BreadcrumbList\\\",\\\"itemListElement\\\":[{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":1,\\\"name\\\":\\\"Inicio\\\",\\\"item\\\":\\\"https://fgarola.es/\\\"},{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":2,\\\"name\\\":\\\"Guías\\\",\\\"item\\\":\\\"https://fgarola.es/guias\\\"},{\\\"@type\\\":\\\"ListItem\\\",\\\"position\\\":3,\\\"name\\\":\\\"Meta tags y SEO técnico: guía definitiva para posicionar en 2026\\\",\\\"item\\\":\\\"https://fgarola.es/guias/meta-tags-y-seo-tecnico\\\"}]}\"}}],[\"$\",\"nav\",null,{\"aria-label\":\"Breadcrumb\",\"className\":\"mb-6 text-[0.8125rem] text-text-muted\",\"children\":[\"$\",\"ol\",null,{\"className\":\"flex flex-wrap items-center gap-1.5\",\"children\":[[\"$\",\"li\",\"/\",{\"className\":\"flex items-center gap-1.5\",\"children\":[false,[\"$\",\"$L6\",null,{\"href\":\"/\",\"className\":\"transition-colors hover:text-gold-600\",\"children\":\"Inicio\"}]]}],[\"$\",\"li\",\"/guias\",{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"$L7\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"m9 18 6-6-6-6\",\"key\":\"mthhwq\"}]],\"className\":\"lucide-chevron-right h-3 w-3 text-text-light\"}],[\"$\",\"$L6\",null,{\"href\":\"/guias\",\"className\":\"transition-colors hover:text-gold-600\",\"children\":\"Guías\"}]]}],[\"$\",\"li\",\"/guias/meta-tags-y-seo-tecnico\",{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"$L7\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$17:props:children:props:children:0:1:props:children:props:children:1:props:children:0:props:iconNode\",\"className\":\"lucide-chevron-right h-3 w-3 text-text-light\"}],[\"$\",\"span\",null,{\"className\":\"font-semibold text-navy-700\",\"children\":\"Meta tags y SEO técnico: guía definitiva para posicionar en 2026\"}]]}]]}]}]],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Article\\\",\\\"headline\\\":\\\"Meta tags y SEO técnico: guía definitiva para posicionar en 2026\\\",\\\"description\\\":\\\"Qué meta tags necesita realmente tu sitio web en 2026, cuáles son obsoletos y cómo configurarlos para SEO, redes sociales y accesibilidad.\\\",\\\"datePublished\\\":\\\"2026-04-07\\\",\\\"dateModified\\\":\\\"2026-04-07\\\",\\\"url\\\":\\\"https://fgarola.es/guias/meta-tags-y-seo-tecnico\\\",\\\"author\\\":{\\\"@type\\\":\\\"Person\\\",\\\"name\\\":\\\"Fernando Garola\\\"},\\\"publisher\\\":{\\\"@type\\\":\\\"Organization\\\",\\\"name\\\":\\\"GarTools\\\",\\\"url\\\":\\\"https://fgarola.es\\\"}}\"}}],[\"$\",\"article\",null,{\"className\":\"mt-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-surface rounded-3xl border border-border p-8 sm:p-12 mb-10 shadow-sm\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center gap-3 text-xs text-text-muted mb-6\",\"children\":[[\"$\",\"span\",null,{\"className\":\"badge badge-gold inline-flex items-center gap-1.5\",\"children\":[[\"$\",\"$L7\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M12 7v14\",\"key\":\"1akyts\"}],[\"path\",{\"d\":\"M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z\",\"key\":\"ruj8y\"}]],\"className\":\"lucide-book-open h-3 w-3\"}],\" Guía \",\"SEO\"]}],[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"$L7\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M8 2v4\",\"key\":\"1cmpym\"}],[\"path\",{\"d\":\"M16 2v4\",\"key\":\"4m81vk\"}],[\"rect\",{\"width\":\"18\",\"height\":\"18\",\"x\":\"3\",\"y\":\"4\",\"rx\":\"2\",\"key\":\"1hopcy\"}],[\"path\",{\"d\":\"M3 10h18\",\"key\":\"8toen8\"}]],\"className\":\"lucide-calendar h-3 w-3\"}],\"7 de abril de 2026\"]}],[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5\",\"children\":[[\"$\",\"$L7\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"circle\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\",\"key\":\"1mglay\"}],[\"path\",{\"d\":\"M12 6v6l4 2\",\"key\":\"mmk7yg\"}]],\"className\":\"lucide-clock h-3 w-3\"}],\"15 min\"]}]]}],[\"$\",\"h1\",null,{\"className\":\"text-2xl sm:text-3xl lg:text-4xl font-extrabold tracking-tight mb-4 leading-tight text-navy-900\",\"children\":\"Meta tags y SEO técnico: guía definitiva para posicionar en 2026\"}],[\"$\",\"p\",null,{\"className\":\"text-[0.9375rem] sm:text-base text-text-muted leading-relaxed mb-10 max-w-3xl\",\"children\":\"Qué meta tags necesita realmente tu sitio web en 2026, cuáles son obsoletos y cómo configurarlos para SEO, redes sociales y accesibilidad.\"}],\"$L20\"]}],\"$L21\",\"$L22\",\"$L23\"]}]]}]}]\n"])</script><script>self.__next_f.push([1,"24:T3401,"])</script><script>self.__next_f.push([1,"\u003ch2 id=\"que-son-y-que-no-son-los-meta-tags\"\u003eQué son (y qué no son) los meta tags\u003c/h2\u003e\n\u003cp\u003eLos \u003cstrong\u003emeta tags\u003c/strong\u003e son etiquetas HTML que viven dentro del \u003ccode\u003e\u003chead\u003e\u003c/code\u003e de una página y proporcionan información sobre la propia página: título, descripción, autor, codificación, cómo debe aparecer al compartirse en redes, cómo deben tratarla los motores de búsqueda, cómo debe comportarse en dispositivos móviles, etc. No son visibles para el usuario cuando navega por el sitio, pero son lo primero que leen Google, Bing, Twitter, Facebook y cualquier crawler cuando llegan a una URL.\u003c/p\u003e\n\u003cp\u003eEn 2026 circulan dos creencias contrarias en la comunidad SEO:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003e\"Los meta tags ya no importan\"\u003c/strong\u003e — falso. Siguen siendo la principal forma de dar contexto estructurado a una página y siguen afectando al CTR en SERP, a las previsualizaciones en redes y a la accesibilidad.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003e\"Cuantos más meta tags mejor\"\u003c/strong\u003e — también falso. La mayoría de meta tags antiguos (keywords, revisit-after, generator) son irrelevantes o directamente ignorados. Añadirlos solo infla el HTML.\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003eEste artículo es un repaso pragmático de qué meta tags sí importan, cuáles puedes ignorar, y cómo configurarlos bien.\u003c/p\u003e\n\u003ch2 id=\"los-meta-tags-que-toda-pagina-deberia-tener-en-2026\"\u003eLos meta tags que toda página debería tener en 2026\u003c/h2\u003e\n\u003cp\u003eEstos son los imprescindibles. Si tu sitio carece de alguno, corrige antes de seguir optimizando nada más.\u003c/p\u003e\n\u003ch3 id=\"1-charset-y-viewport\"\u003e1. Charset y viewport\u003c/h3\u003e\n\u003cpre\u003e\u003ccode\u003e\n\u0026lt;meta charset=\"UTF-8\"\u0026gt;\n\u0026lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u0026gt;\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eEl primero declara la codificación de caracteres (UTF-8 siempre, en 2026 no hay excusa para otra cosa). El segundo hace que la página sea \u003cstrong\u003eresponsive\u003c/strong\u003e de manera nativa en móviles: le dice al navegador que ajuste el ancho al del dispositivo en lugar de fingir que es una pantalla de escritorio de 980 px. Sin viewport, tu sitio se ve minúsculo en el iPhone.\u003c/p\u003e\n\u003ch3 id=\"2-title\"\u003e2. Title\u003c/h3\u003e\n\u003cpre\u003e\u003ccode\u003e\n\u0026lt;title\u0026gt;Compresor de imágenes online gratis | GarTools\u0026lt;/title\u0026gt;\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eNo es técnicamente un meta tag pero cumple la misma función. Es \u003cstrong\u003eel factor SEO más importante\u003c/strong\u003e dentro del \u003ccode\u003e\u003chead\u003e\u003c/code\u003e. Reglas:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eLongitud\u003c/strong\u003e: entre 50 y 60 caracteres. Google recorta a ~580 píxeles, que son unos 60 caracteres dependiendo de las letras.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eLa palabra clave principal al principio\u003c/strong\u003e: \"Compresor de imágenes…\" funciona mejor que \"Bienvenido a nuestro compresor…\".\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eIncluye la marca al final\u003c/strong\u003e: separada por \u003ccode\u003e | \u003c/code\u003e o \u003ccode\u003e — \u003c/code\u003e, ayuda al branding sin competir con la keyword.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eÚnico por página\u003c/strong\u003e: nunca repitas el mismo \u003ccode\u003e\u003ctitle\u003e\u003c/code\u003e en varias URLs del sitio.\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch3 id=\"3-meta-description\"\u003e3. Meta description\u003c/h3\u003e\n\u003cpre\u003e\u003ccode\u003e\n\u0026lt;meta name=\"description\" content=\"Comprime JPG, PNG, WebP y AVIF directamente en tu navegador. 100% privado, gratis y sin registro. Reduce el peso de tus imágenes manteniendo la calidad.\"\u0026gt;\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eNo es un factor directo de ranking (Google lo confirmó en 2009), pero \u003cstrong\u003esí afecta al CTR\u003c/strong\u003e en los resultados. Una meta description bien escrita puede duplicar el porcentaje de clics sobre una página mal descrita aunque posicionen en la misma posición. Reglas:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eLongitud\u003c/strong\u003e: entre 140 y 160 caracteres. Google puede mostrar hasta ~155 en móvil.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eRedactada para el usuario, no para el bot\u003c/strong\u003e: frases naturales, con beneficios claros.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eIncluye la palabra clave\u003c/strong\u003e: no como relleno, sino porque si aparece en la búsqueda, Google la resalta en negrita en la SERP, y eso mejora el CTR.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eCall to action suave\u003c/strong\u003e: verbos como \"descubre\", \"prueba\", \"aprende\", \"reduce\".\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eÚnica por página\u003c/strong\u003e.\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003eSi no pones meta description, Google genera una a partir del contenido de la página, y casi siempre es peor que una escrita a mano.\u003c/p\u003e\n\u003ch3 id=\"4-canonical\"\u003e4. Canonical\u003c/h3\u003e\n\u003cpre\u003e\u003ccode\u003e\n\u0026lt;link rel=\"canonical\" href=\"https://fgarola.es/herramientas/imagen/compresor-de-imagenes\"\u0026gt;\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eEl canonical le dice a Google cuál es la URL \"oficial\" de un contenido cuando hay varias que apuntan al mismo recurso (por ejemplo, con y sin parámetros UTM, con y sin barra final, con querystrings de filtros). Es \u003cstrong\u003efundamental para evitar penalizaciones por contenido duplicado\u003c/strong\u003e y para concentrar la autoridad de enlaces en una única URL.\u003c/p\u003e\n\u003ch3 id=\"5-robots-opcional-pero-importante-cuando-aplica\"\u003e5. Robots (opcional, pero importante cuando aplica)\u003c/h3\u003e\n\u003cpre\u003e\u003ccode\u003e\n\u0026lt;meta name=\"robots\" content=\"index, follow\"\u0026gt;\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003ePor defecto, Google indexa y sigue los enlaces de una página. Solo necesitas este meta tag si quieres cambiar ese comportamiento: por ejemplo, \u003ccode\u003enoindex\u003c/code\u003e en páginas de búsqueda interna, páginas de agradecimiento post-compra, versiones en pruebas o páginas legales que no aportan valor a la SERP. Para páginas normales, puedes omitirlo.\u003c/p\u003e\n\u003ch2 id=\"open-graph-los-meta-tags-de-las-redes-sociales\"\u003eOpen Graph: los meta tags de las redes sociales\u003c/h2\u003e\n\u003cp\u003eCuando alguien pega el enlace de tu artículo en WhatsApp, Twitter, LinkedIn, Slack, Discord o Facebook, las redes generan una \"tarjeta\" con imagen, título y descripción. \u003cstrong\u003eEl 100 % de esa tarjeta viene de los meta tags Open Graph\u003c/strong\u003e que hayas declarado en tu \u003ccode\u003e\u003chead\u003e\u003c/code\u003e.\u003c/p\u003e\n\u003cp\u003eEl set mínimo recomendado es:\u003c/p\u003e\n\u003cpre\u003e\u003ccode\u003e\n\u0026lt;meta property=\"og:type\" content=\"website\"\u0026gt;\n\u0026lt;meta property=\"og:title\" content=\"Compresor de imágenes online gratis\"\u0026gt;\n\u0026lt;meta property=\"og:description\" content=\"Comprime JPG, PNG, WebP y AVIF directamente en tu navegador. 100% privado, gratis y sin registro.\"\u0026gt;\n\u0026lt;meta property=\"og:image\" content=\"https://fgarola.es/og/compresor-de-imagenes.png\"\u0026gt;\n\u0026lt;meta property=\"og:url\" content=\"https://fgarola.es/herramientas/imagen/compresor-de-imagenes\"\u0026gt;\n\u0026lt;meta property=\"og:site_name\" content=\"GarTools\"\u0026gt;\n\u0026lt;meta property=\"og:locale\" content=\"es_ES\"\u0026gt;\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eAdemás, Twitter (ahora X) tiene su propio conjunto de meta tags, \u003ccode\u003etwitter:card\u003c/code\u003e, que coge lo que encuentre de Open Graph pero admite overrides específicos:\u003c/p\u003e\n\u003cpre\u003e\u003ccode\u003e\n\u0026lt;meta name=\"twitter:card\" content=\"summary_large_image\"\u0026gt;\n\u0026lt;meta name=\"twitter:title\" content=\"Compresor de imágenes online gratis\"\u0026gt;\n\u0026lt;meta name=\"twitter:description\" content=\"Comprime JPG, PNG, WebP y AVIF en tu navegador.\"\u0026gt;\n\u0026lt;meta name=\"twitter:image\" content=\"https://fgarola.es/og/compresor-de-imagenes.png\"\u0026gt;\n\u003c/code\u003e\u003c/pre\u003e\n\u003ch3 id=\"que-tamano-debe-tener-la-imagen-de-open-graph\"\u003eQué tamaño debe tener la imagen de Open Graph\u003c/h3\u003e\n\u003cp\u003eEsta es una de las dudas más frecuentes:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eTamaño recomendado\u003c/strong\u003e: 1200 × 630 píxeles (ratio 1.91:1).\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eTamaño mínimo\u003c/strong\u003e: 600 × 315.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eTamaño máximo que acepta Facebook\u003c/strong\u003e: 8 MB.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eFormato\u003c/strong\u003e: JPG o PNG. WebP funciona en la mayoría pero no todas las plataformas.\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003eUna imagen de OG bien diseñada debe incluir el título del artículo en grande y el logo del sitio para branding. Si usas una foto pura sin texto, la tarjeta funciona pero el impacto es menor.\u003c/p\u003e\n\u003cp\u003ePuedes crear imágenes de Open Graph específicas por artículo o generarlas dinámicamente con \u003ccode\u003enext/og\u003c/code\u003e, \u003ccode\u003esatori\u003c/code\u003e o servicios como Bannerbear. En GarTools usamos componentes de React que se renderizan en el build de cada página como PNG estático.\u003c/p\u003e\n\u003ch2 id=\"meta-tags-obsoletos-que-puedes-eliminar\"\u003eMeta tags obsoletos que puedes eliminar\u003c/h2\u003e\n\u003cp\u003eSi tu sitio tiene alguno de estos, son parte del legado y puedes borrarlos sin miedo:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003e\u003ccode\u003e\u003cmeta name=\"keywords\"\u003e\u003c/code\u003e\u003c/strong\u003e: Google lo ignora desde 2009. Ni siquiera lo lee. Solo sirve para llenar el HTML.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003e\u003ccode\u003e\u003cmeta name=\"revisit-after\"\u003e\u003c/code\u003e\u003c/strong\u003e: ningún crawler lo respeta. Los bots deciden cuándo revisitan una página en función de su algoritmo interno.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003e\u003ccode\u003e\u003cmeta name=\"generator\"\u003e\u003c/code\u003e\u003c/strong\u003e: indica qué CMS o framework generó la página (por ejemplo, WordPress). No aporta SEO, y a veces es un riesgo de seguridad porque revela versiones.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003e\u003ccode\u003e\u003cmeta http-equiv=\"refresh\"\u003e\u003c/code\u003e\u003c/strong\u003e: redirigir con JavaScript o a nivel servidor es mejor en todos los sentidos.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003e\u003ccode\u003e\u003cmeta name=\"copyright\"\u003e\u003c/code\u003e\u003c/strong\u003e: el copyright se declara en el footer visible o en los metadatos EXIF/IPTC de las imágenes, no en meta tags.\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003eEliminarlos no te baja posiciones, pero limpia el HTML.\u003c/p\u003e\n\u003ch2 id=\"el-trio-que-mucha-gente-olvida-favicon-manifest-y-theme-color\"\u003eEl trío que mucha gente olvida: favicon, manifest y theme-color\u003c/h2\u003e\n\u003cp\u003eTres elementos que no son meta tags en sentido estricto pero van en el \u003ccode\u003e\u003chead\u003e\u003c/code\u003e y tienen impacto visual y de SEO:\u003c/p\u003e\n\u003ch3 id=\"favicon\"\u003eFavicon\u003c/h3\u003e\n\u003cp\u003eEn 2026, un favicon completo incluye:\u003c/p\u003e\n\u003cpre\u003e\u003ccode\u003e\n\u0026lt;link rel=\"icon\" type=\"image/svg+xml\" href=\"/favicon.svg\"\u0026gt;\n\u0026lt;link rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/favicon-32.png\"\u0026gt;\n\u0026lt;link rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/favicon-16.png\"\u0026gt;\n\u0026lt;link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"/apple-touch-icon.png\"\u0026gt;\n\u0026lt;link rel=\"manifest\" href=\"/manifest.webmanifest\"\u0026gt;\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eEl SVG es lo moderno (se escala perfecto en cualquier densidad de pantalla) pero Safari aún prefiere PNG en ciertas versiones, así que conviene tener ambos. El apple-touch-icon se usa cuando un usuario de iOS guarda tu sitio en la pantalla de inicio.\u003c/p\u003e\n\u003ch3 id=\"manifest-pwa-ready\"\u003eManifest (PWA-ready)\u003c/h3\u003e\n\u003cp\u003eUn archivo \u003ccode\u003emanifest.webmanifest\u003c/code\u003e permite que tu sitio sea instalable como una PWA. No es obligatorio, pero es un plus de UX y se configura con un JSON de 20 líneas.\u003c/p\u003e\n\u003ch3 id=\"theme-color\"\u003eTheme-color\u003c/h3\u003e\n\u003cpre\u003e\u003ccode\u003e\n\u0026lt;meta name=\"theme-color\" content=\"#0a1628\"\u0026gt;\n\u0026lt;meta name=\"theme-color\" content=\"#f8fafc\" media=\"(prefers-color-scheme: light)\"\u0026gt;\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003ePinta la barra superior del navegador en móvil con tu color de marca. Detalle pequeño pero profesional. Puedes incluso tener colores diferentes para light y dark mode.\u003c/p\u003e\n\u003ch2 id=\"datos-estructurados-schema-org\"\u003eDatos estructurados (Schema.org)\u003c/h2\u003e\n\u003cp\u003eLos \u003cstrong\u003edatos estructurados\u003c/strong\u003e (Schema.org en JSON-LD) no son meta tags, pero van en el \u003ccode\u003e\u003chead\u003e\u003c/code\u003e y son el paso siguiente del SEO técnico después de los meta tags básicos. Permiten que Google entienda que una página es un artículo, una receta, un producto, una FAQ, una reseña o un evento, y generar \"rich snippets\" en la SERP (estrellitas de valoración, tiempo de cocción, precio, disponibilidad…).\u003c/p\u003e\n\u003cp\u003eLos tipos más comunes para sitios generalistas son:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eArticle / BlogPosting\u003c/strong\u003e: para entradas de blog.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eFAQPage\u003c/strong\u003e: para páginas con preguntas frecuentes. Genera snippets expandibles en Google.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eHowTo\u003c/strong\u003e: para tutoriales paso a paso.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eBreadcrumbList\u003c/strong\u003e: para que Google muestre la miga de pan en la SERP en lugar de la URL.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eProduct\u003c/strong\u003e: para ecommerce.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eOrganization\u003c/strong\u003e: para la home con datos de la empresa.\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003eLa sintaxis es JSON-LD y se añade en un \u003ccode\u003e\u003cscript type=\"application/ld+json\"\u003e\u003c/code\u003e. Para validar que los datos estructurados están bien formados y Google los interpreta correctamente, usa el \u003ca href=\"https://search.google.com/test/rich-results\" target=\"_blank\" rel=\"noopener noreferrer\"\u003etest de datos estructurados de Google\u003c/a\u003e.\u003c/p\u003e\n\u003ch2 id=\"como-generar-todo-esto-sin-escribir-html-a-mano\"\u003eCómo generar todo esto sin escribir HTML a mano\u003c/h2\u003e\n\u003cp\u003eEl \u003cstrong\u003egenerador de meta tags\u003c/strong\u003e de GarTools produce el bloque completo (básicos + Open Graph + Twitter + canonical) a partir de un formulario con cuatro o cinco campos. Pones título, descripción, URL y una imagen, y obtienes el HTML listo para pegar en el \u003ccode\u003e\u003chead\u003e\u003c/code\u003e. El \u003cstrong\u003egenerador de favicon\u003c/strong\u003e toma una imagen cuadrada y genera todos los tamaños modernos más el manifest.webmanifest. El \u003cstrong\u003egenerador de robots.txt\u003c/strong\u003e cubre el otro lado del SEO técnico, controlando qué partes del sitio pueden indexar los crawlers.\u003c/p\u003e\n\u003cp\u003eUsar estas tres herramientas en serie te deja el \u003ccode\u003e\u003chead\u003e\u003c/code\u003e configurado profesionalmente en unos minutos, sin que la información del sitio tenga que pasar por ningún servicio externo.\u003c/p\u003e\n\u003ch2 id=\"conclusion\"\u003eConclusión\u003c/h2\u003e\n\u003cp\u003eLos meta tags no son la magia del SEO, pero son la base. Sin ellos, nada de lo que hagas en el contenido, en los enlaces o en la velocidad tendrá el impacto esperado. Con ellos bien puestos y un bloque de datos estructurados mínimamente pensado, estás sacando a tu sitio del montón de páginas que olvidan lo básico. Y en SEO, la mayoría de la ventaja se obtiene justamente haciendo lo básico bien.\u003c/p\u003e"])</script><script>self.__next_f.push([1,"20:[\"$\",\"div\",null,{\"className\":\"prose-premium max-w-none\",\"dangerouslySetInnerHTML\":{\"__html\":\"$24\"}}]\n"])</script><script>self.__next_f.push([1,"21:[\"$\",\"section\",null,{\"className\":\"mb-10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 mb-5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-10 h-10 rounded-xl bg-gold-50 flex items-center justify-center\",\"children\":[\"$\",\"$L7\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$0:f:0:1:0:props:children:1:props:children:1:props:children:4:props:children:1:props:children:props:children:props:children:0:props:children:0:props:children:0:props:children:props:iconNode\",\"className\":\"lucide-wrench w-5 h-5 text-gold-600\"}]}],[\"$\",\"h2\",null,{\"className\":\"text-lg font-bold text-navy-900\",\"children\":\"Herramientas mencionadas en esta guía\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 gap-4\",\"children\":[[\"$\",\"$L6\",\"generador-de-meta-tags\",{\"href\":\"/herramientas/web/generador-de-meta-tags\",\"className\":\"group flex items-center justify-between bg-surface rounded-2xl border border-border p-5 shadow-sm hover:shadow-md hover:border-gold-300 transition-all\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"text-[0.625rem] text-gold-600 font-bold uppercase tracking-wider mb-1\",\"children\":\"Herramienta\"}],[\"$\",\"p\",null,{\"className\":\"font-bold text-navy-900 text-sm group-hover:text-gold-700 transition-colors\",\"children\":\"Generador de meta tags\"}]]}],[\"$\",\"$L7\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$a:props:children:2:props:children:2:props:children:2:props:iconNode\",\"className\":\"lucide-arrow-right h-4 w-4 text-text-muted group-hover:text-gold-600 group-hover:translate-x-1 transition-all\"}]]}],[\"$\",\"$L6\",\"generador-de-favicon\",{\"href\":\"/herramientas/web/generador-de-favicon\",\"className\":\"group flex items-center justify-between bg-surface rounded-2xl border border-border p-5 shadow-sm hover:shadow-md hover:border-gold-300 transition-all\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"text-[0.625rem] text-gold-600 font-bold uppercase tracking-wider mb-1\",\"children\":\"Herramienta\"}],[\"$\",\"p\",null,{\"className\":\"font-bold text-navy-900 text-sm group-hover:text-gold-700 transition-colors\",\"children\":\"Generador de favicon\"}]]}],[\"$\",\"$L7\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$a:props:children:2:props:children:2:props:children:2:props:iconNode\",\"className\":\"lucide-arrow-right h-4 w-4 text-text-muted group-hover:text-gold-600 group-hover:translate-x-1 transition-all\"}]]}],[\"$\",\"$L6\",\"generador-de-robots-txt\",{\"href\":\"/herramientas/web/generador-de-robots-txt\",\"className\":\"group flex items-center justify-between bg-surface rounded-2xl border border-border p-5 shadow-sm hover:shadow-md hover:border-gold-300 transition-all\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"text-[0.625rem] text-gold-600 font-bold uppercase tracking-wider mb-1\",\"children\":\"Herramienta\"}],[\"$\",\"p\",null,{\"className\":\"font-bold text-navy-900 text-sm group-hover:text-gold-700 transition-colors\",\"children\":\"Generador de robots.txt\"}]]}],[\"$\",\"$L7\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$a:props:children:2:props:children:2:props:children:2:props:iconNode\",\"className\":\"lucide-arrow-right h-4 w-4 text-text-muted group-hover:text-gold-600 group-hover:translate-x-1 transition-all\"}]]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"22:[\"$\",\"section\",null,{\"className\":\"mb-10\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-lg font-bold text-navy-900 mb-5\",\"children\":\"Seguir leyendo\"}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 gap-4\",\"children\":[[\"$\",\"$L6\",\"meta-tags-esenciales\",{\"href\":\"/blog/meta-tags-esenciales\",\"className\":\"card-subtle group\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-[0.625rem] text-gold-600 font-bold uppercase tracking-wider\",\"children\":\"Artículo relacionado\"}],[\"$\",\"h3\",null,{\"className\":\"font-bold text-sm mt-1.5 text-navy-900 group-hover:text-gold-600 transition-colors leading-snug\",\"children\":\"Meta tags esenciales para SEO y redes sociales\"}]]}],[\"$\",\"$L6\",\"como-escribir-meta-descriptions\",{\"href\":\"/blog/como-escribir-meta-descriptions\",\"className\":\"card-subtle group\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-[0.625rem] text-gold-600 font-bold uppercase tracking-wider\",\"children\":\"Artículo relacionado\"}],[\"$\",\"h3\",null,{\"className\":\"font-bold text-sm mt-1.5 text-navy-900 group-hover:text-gold-600 transition-colors leading-snug\",\"children\":\"Cómo escribir meta descriptions que generen clics\"}]]}]]}]]}]\n23:[\"$\",\"$L6\",null,{\"href\":\"/guias\",\"className\":\"inline-flex items-center gap-2 text-sm font-semibold text-gold-600 hover:text-gold-700 transition-colors\",\"children\":[[\"$\",\"$L7\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"m12 19-7-7 7-7\",\"key\":\"1l729n\"}],[\"path\",{\"d\":\"M19 12H5\",\"key\":\"x3x0zl\"}]],\"className\":\"lucide-arrow-left h-4 w-4\"}],\"Ver todas las guías\"]}]\n"])</script><script>self.__next_f.push([1,"1d:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"25:I[27201,[\"/_next/static/chunks/01xlw8hd842-c.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"IconMark\"]\n1a:null\n"])</script><script>self.__next_f.push([1,"1f:[[\"$\",\"title\",\"0\",{\"children\":\"Meta tags y SEO técnico: guía definitiva para posicionar en 2026 | GarTools\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Qué meta tags necesita realmente tu sitio web en 2026, cuáles son obsoletos y cómo configurarlos para SEO, redes sociales y accesibilidad.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"manifest\",\"href\":\"/manifest.json\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"canonical\",\"href\":\"https://fgarola.es/guias/meta-tags-y-seo-tecnico\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:title\",\"content\":\"Meta tags y SEO técnico: guía definitiva para posicionar en 2026\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:description\",\"content\":\"Qué meta tags necesita realmente tu sitio web en 2026, cuáles son obsoletos y cómo configurarlos para SEO, redes sociales y accesibilidad.\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:url\",\"content\":\"https://fgarola.es/guias/meta-tags-y-seo-tecnico\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:site_name\",\"content\":\"GarTools\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:locale\",\"content\":\"es_ES\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"10\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:title\",\"content\":\"Meta tags y SEO técnico: guía definitiva para posicionar en 2026\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:description\",\"content\":\"Qué meta tags necesita realmente tu sitio web en 2026, cuáles son obsoletos y cómo configurarlos para SEO, redes sociales y accesibilidad.\"}],[\"$\",\"link\",\"13\",{\"rel\":\"icon\",\"href\":\"/icons/icon-192.png\",\"sizes\":\"192x192\",\"type\":\"image/png\"}],[\"$\",\"link\",\"14\",{\"rel\":\"icon\",\"href\":\"/icons/icon-512.png\",\"sizes\":\"512x512\",\"type\":\"image/png\"}],[\"$\",\"link\",\"15\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-icon.png\",\"sizes\":\"180x180\",\"type\":\"image/png\"}],[\"$\",\"$L25\",\"16\",{}]]\n"])</script></body></html>