SEO Técnico para CTOs: Core Web Vitals y Rendering
Carlos Oller
ThinkCode Team
Para un equipo de marketing, el SEO son keywords y backlinks. Para un equipo de ingeniería, el SEO es arquitectura, performance y renderizado. Si tu sitio web tarda 3 segundos en cargar, no importa qué tan bueno sea tu contenido: Google te penalizará.
El Problema de las SPAs (Single Page Applications)
React, Vue y Angular por defecto renderizan en el cliente (CSR). Esto significa que cuando el bot de Google llega, ve una página en blanco hasta que ejecuta el JavaScript. Aunque Google puede ejecutar JS, tiene un "crawl budget" limitado. Si tardas en renderizar, pierdes indexación.
La Solución: Astro y Next.js (SSR/SSG)
En ThinkCode migramos sitios corporativos a Astro o Next.js para lograr:
- HTML Puro: El servidor entrega el contenido listo. Google lo ve instantáneamente.
- Islands Architecture: Solo hidratamos los componentes interactivos (como un carrusel o un chat), el resto es HTML estático ligero.
Core Web Vitals: Las Métricas que Importan
LCP (Largest Contentful Paint)
Cuánto tarda en aparecer el elemento más grande (generalmente el título o imagen principal). Debe ser menor a 2.5s. Optimizamos esto usando formatos modernos (WebP/AVIF) y CDNs.
CLS (Cumulative Layout Shift)
Estabilidad visual. Si tu sitio "salta" mientras carga, frustras al usuario. Fijamos dimensiones de imágenes y reservamos espacio para anuncios/banners para mantener esto en 0.
Conclusión
El SEO técnico es la base. Sin una casa sólida, no puedes invitar a nadie a entrar. Migrar a una arquitectura moderna no es un gasto, es una inversión en visibilidad orgánica perpetua.
¿Te interesó este artículo?
Suscríbete para recibir más contenido técnico o hablemos sobre tu proyecto.
Contactar Equipo