SEO técnico para desarrolladores: lo que realmente importa

SEO es más código que keywords

La mayoría de las guías de SEO hablan de keywords, meta descriptions y backlinks. Eso es importante, pero hay una capa técnica que depende 100% del equipo de desarrollo y que muchos ignoran.

Estos son los aspectos técnicos que más impacto real hemos visto en los proyectos que manejamos.

Core Web Vitals: los números que importan

Google mide tres métricas principales:

LCP (Largest Contentful Paint) — ¿Cuánto tarda en renderizar el contenido principal? Meta: < 2.5s
INP (Interaction to Next Paint) — ¿Cuánto tarda en responder a una interacción? Meta: < 200ms
CLS (Cumulative Layout Shift) — ¿Se mueve el contenido después de cargar? Meta: < 0.1

Cómo mejoramos LCP

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

<!-- Fuentes con font-display: swap -->
<style>
  @font-face {
    font-family: 'Inter';
    font-display: swap;
    src: url('/fonts/inter.woff2') format('woff2');
  }
</style>

El impacto más grande: servir imágenes en WebP/AVIF con dimensiones correctas. Un hero de 4MB en PNG es el error más común que encontramos.

Cómo eliminamos CLS

Las dos causas principales:

Imágenes sin dimensiones — Siempre especificar width y height o usar aspect-ratio.
Contenido que carga tarde — Fonts, ads, embeds. Reservar espacio con skeletons.

Structured Data: habla el idioma de Google

JSON-LD es el formato que Google prefiere para datos estructurados. Implementarlo correctamente hace que tu contenido aparezca con rich snippets.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "SEO técnico para desarrolladores",
  "author": { "@type": "Organization", "name": "@devlabscl" },
  "datePublished": "2026-02-28"
}
</script>

Cada tipo de contenido tiene su schema: Article, Product, FAQ, HowTo, Organization. Usa el que corresponda.

El sitemap y robots.txt no son opcionales

Parece básico pero la cantidad de sitios en producción sin sitemap es sorprendente.

sitemap.xml — Lista todas las URLs que quieres indexar. Actualízalo automáticamente.
robots.txt — Indica qué pueden y qué no pueden rastrear los bots.

En Astro y Next.js, ambos se generan automáticamente con las integraciones correctas.

Renderizado: SSR vs SSG vs CSR

Para SEO, el orden de preferencia es claro:

SSG (Static Site Generation) — HTML listo. El bot lo lee instantáneamente.
SSR (Server Side Rendering) — HTML generado por request. Más lento pero dinámico.
CSR (Client Side Rendering) — Google puede indexarlo, pero con delay y sin garantías.

Si tu contenido es público y necesita posicionar, nunca uses CSR solo.