SEO

Guía completa de SEO técnico para desarrolladores web en 2026

15 min de lectura

La mayoría de los desarrolladores piensan que SEO es solo para marketers. Error. El SEO técnico es puro código, y como desarrolladores tenemos el poder de hacer que un sitio sea descubierto (o ignorado) por Google. En esta guía te comparto todo lo que aprendí optimizando sitios reales.

1. Meta tags esenciales

Estos son los meta tags que siempre deberías incluir en cada página:

<!-- OBLIGATORIOS -->
<title>Título único y descriptivo (50-60 caracteres)</title>
<meta name="description" content="Descripción clara de 150-160 caracteres" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="canonical" href="https://tudominio.com/pagina" />

<!-- OPEN GRAPH (Redes sociales) -->
<meta property="og:title" content="Título para redes" />
<meta property="og:description" content="Descripción para compartir" />
<meta property="og:image" content="https://tudominio.com/imagen.png" />
<meta property="og:url" content="https://tudominio.com/pagina" />
<meta property="og:type" content="website" />

<!-- TWITTER CARDS -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Título para Twitter" />

Tip importante: cada página debe tener un <title> y <meta description> únicos. Google penaliza el contenido duplicado.

2. Datos estructurados (Schema.org)

Los datos estructurados le dicen a Google exactamente qué es tu contenido. Esto habilita rich snippets en los resultados de búsqueda:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Person",
  "name": "Tu Nombre",
  "jobTitle": "Full Stack Developer",
  "url": "https://tudominio.com",
  "sameAs": [
    "https://github.com/tuusuario",
    "https://linkedin.com/in/tuusuario"
  ],
  "knowsAbout": ["JavaScript", "React", "Node.js"]
}
</script>

Los tipos más útiles para desarrolladores: Person (portfolio), BlogPosting (artículos), FAQPage (preguntas frecuentes), Service (servicios que ofrecés).

3. Core Web Vitals

Google usa estas 3 métricas como factor de ranking:

  • LCP (Largest Contentful Paint): cuánto tarda en cargar el elemento más grande visible. Objetivo: < 2.5 segundos.
  • INP (Interaction to Next Paint): cuánto tarda la página en responder a interacciones. Objetivo: < 200ms.
  • CLS (Cumulative Layout Shift): cuánto se mueven los elementos mientras carga. Objetivo: < 0.1.

Optimizar LCP

<!-- Precargar imagen hero -->
<link rel="preload" as="image" href="/hero.webp" />

<!-- Precargar fuentes críticas -->
<link rel="preload" as="font" type="font/woff2"
      href="/fonts/main.woff2" crossorigin />

<!-- Lazy loading en imágenes NO críticas -->
<img src="foto.webp" loading="lazy" alt="..." />

Optimizar CLS

<!-- SIEMPRE definí width y height -->
<img src="foto.webp" width="800" height="600" alt="..." />

/* En CSS, reservá espacio para contenido dinámico */
.ad-slot {
  min-height: 250px;
}
.embed-container {
  aspect-ratio: 16 / 9;
}

4. Sitemap XML

El sitemap le dice a los buscadores qué páginas indexar y cuándo se actualizaron:

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>https://tudominio.com/</loc>
    <lastmod>2026-02-15</lastmod>
    <changefreq>monthly</changefreq>
    <priority>1.0</priority>
  </url>
  <url>
    <loc>https://tudominio.com/blog</loc>
    <lastmod>2026-02-15</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.8</priority>
  </url>
</urlset>

Regla clave: solo incluí URLs que quieras que se indexen. No metas páginas de error, redirecciones o páginas duplicadas.

5. Robots.txt

El archivo robots.txt controla qué pueden rastrear los bots:

User-agent: *
Allow: /
Disallow: /admin/
Disallow: /api/

# Bloquear scrapers de IA
User-agent: GPTBot
Disallow: /

User-agent: CCBot
Disallow: /

Sitemap: https://tudominio.com/sitemap.xml

Importante: robots.txt es una sugerencia, no una orden. Los bots maliciosos pueden ignorarlo. Para contenido realmente privado, usá autenticación.

6. Rendimiento y optimización

La velocidad es factor de ranking directo. Estas son las optimizaciones que más impactan:

  • Imágenes: usá WebP/AVIF, implementá responsive images con srcset
  • CSS: cargá CSS crítico inline, el resto con media="print" onload
  • JavaScript: usá defer o async, evitá scripts que bloqueen el render
  • Fuentes: usá font-display: swap y precargá las fuentes críticas
  • Caché: configurá headers de caché agresivos para assets estáticos
  • Compresión: activá Gzip o Brotli en tu servidor

Headers de caché en Firebase Hosting

{
  "hosting": {
    "headers": [{
      "source": "**/*.@(jpg|jpeg|gif|png|svg|webp|avif)",
      "headers": [{
        "key": "Cache-Control",
        "value": "public, max-age=31536000, immutable"
      }]
    }, {
      "source": "**/*.@(css|js)",
      "headers": [{
        "key": "Cache-Control",
        "value": "public, max-age=2592000"
      }]
    }]
  }
}

7. Headers de seguridad que afectan SEO

Google considera la seguridad como factor de ranking. Estos headers son importantes:

  • HTTPS: obligatorio. Sin certificado SSL, Google penaliza tu sitio.
  • X-Content-Type-Options: nosniff — evita ataques MIME type
  • X-Frame-Options: DENY — evita clickjacking
  • Referrer-Policy: strict-origin-when-cross-origin — controla qué info de referrer se comparte
  • Content-Security-Policy — controla qué recursos puede cargar tu página

8. Herramientas para auditoría SEO

  • Google Search Console: datos reales de cómo Google ve tu sitio
  • Lighthouse: auditoría integrada en Chrome DevTools
  • PageSpeed Insights: datos de campo (CrUX) + lab
  • Schema Markup Validator: validá tus datos estructurados
  • Screaming Frog: crawler gratuito para auditorías técnicas
  • Ahrefs/SEMrush: análisis de backlinks y keywords

9. Checklist SEO para cada deploy

Antes de cada deploy, verificá:

  1. ✅ Cada página tiene title y meta description únicos
  2. ✅ canonical URL correcta en cada página
  3. ✅ Datos estructurados válidos (sin errores en Schema Validator)
  4. ✅ Todas las imágenes tienen alt descriptivo
  5. ✅ Lighthouse performance > 90
  6. ✅ No hay errores 404 (links rotos)
  7. ✅ Sitemap actualizado con las nuevas URLs
  8. ✅ robots.txt no bloquea páginas importantes
  9. ✅ HTTPS funcionando correctamente
  10. ✅ Mobile-friendly (responsive)

Conclusión

El SEO técnico no es magia. Es código bien escrito, estructura clara y rendimiento optimizado. Como desarrolladores, tenemos la ventaja de poder implementar estas optimizaciones directamente. No dependas solo de plugins — entendé cómo funciona por debajo.

Si necesitás que optimice el SEO de tu sitio web, contactame y lo hacemos juntos.