El SEO técnico es la base invisible sobre la que descansa todo el posicionamiento en Google. Puedes tener el mejor contenido del mundo, pero si tu sitio tiene problemas técnicos — velocidad lenta, estructura HTML desordenada, falta de schema — Google no lo va a rankear bien. En esta guía te enseñamos cómo aplicar SEO técnico desde el momento en que diseñas y construyes tu sitio web.
Por qué el SEO técnico empieza en el diseño
El error más costoso que cometen las empresas es pensar en el SEO como algo que se agrega después de construir el sitio. En realidad, las decisiones de diseño y arquitectura que se toman al inicio determinan el techo de posicionamiento que puedes alcanzar.
Cambiar la estructura de URLs cuando un sitio ya tiene tráfico puede costar meses de rankings. Refactorizar HTML semántico después de tener miles de páginas es un trabajo enorme. Hacer las cosas bien desde el principio cuesta lo mismo y vale exponencialmente más.
Estructura HTML semántica: el fundamento
Google lee tu HTML para entender de qué trata tu página. El HTML semántico usa etiquetas con significado (<header>, <main>, <article>, <nav>, <footer>) en lugar de <div> genéricos para todo.
Jerarquía de encabezados correcta:
- Un solo H1 por página: Es el título principal, debe incluir tu keyword objetivo.
- H2 para secciones principales: Subtemas importantes de la página.
- H3-H6 para subsecciones: Nunca saltes niveles (de H1 a H3 sin H2).
Error frecuente: Usar encabezados para estilar texto en lugar de para estructurar contenido. Si quieres texto grande, usa CSS. Los headings son para jerarquía de contenido, no para estética.
Core Web Vitals: las métricas que Google mide
Desde 2021, Google usa tres métricas de experiencia de usuario como factor de ranking. Conocerlas y optimizarlas es obligatorio:
LCP — Largest Contentful Paint (meta: < 2.5s)
Mide cuánto tarda en cargar el elemento más grande visible en el viewport inicial — generalmente la imagen hero o el H1. Para optimizarlo:
- Precarga la imagen hero con
<link rel="preload"> - Usa formatos WebP o AVIF en lugar de JPEG/PNG
- Sirve imágenes desde un CDN
- Elimina CSS y JS que bloqueen el renderizado
INP — Interaction to Next Paint (meta: < 200ms)
Reemplazó al FID en 2024. Mide la latencia de respuesta a las interacciones del usuario (clics, taps, escritura). Para optimizarlo:
- Divide el JavaScript en chunks más pequeños
- Usa
requestIdleCallbackpara tareas no críticas - Evita scripts de terceros bloqueantes (chats, analytics pesados)
CLS — Cumulative Layout Shift (meta: < 0.1)
Mide la estabilidad visual: cuánto se mueve el contenido mientras la página carga. Para optimizarlo:
- Define siempre
widthyheighten imágenes y videos - Reserva espacio para anuncios y embeds antes de que carguen
- Evita insertar contenido dinámico sobre contenido existente
- Usa
font-display: optionaloswappara fuentes web
Velocidad de carga: cada segundo cuesta conversiones
Google ha documentado que cada segundo adicional de carga reduce las conversiones en un 7%. En móvil, el impacto es aún mayor. Las optimizaciones más efectivas:
- Compresión Gzip/Brotli: Reducción del 60-80% en el tamaño de HTML, CSS y JS.
- Caché del navegador: Define tiempos de caché largos para recursos estáticos.
- Minificación: Elimina espacios, comentarios y caracteres innecesarios en CSS y JS.
- CDN: Sirve recursos desde servidores geográficamente cercanos al usuario.
- Lazy loading: Carga imágenes y iframes solo cuando entran en el viewport.
- Critical CSS inline: Incluye el CSS necesario para el above-the-fold directamente en el
<head>.
Meta tags esenciales para cada página
Cada página de tu sitio debe tener un conjunto mínimo de meta tags bien configurados:
- Title tag: 50-60 caracteres, incluye keyword principal. Único por página.
- Meta description: 120-160 caracteres. No es ranking directo pero afecta el CTR.
- Canonical: Evita contenido duplicado especificando la URL preferida.
- Open Graph: Controla cómo se ve tu página al compartir en redes sociales.
- Robots: Indica a Google qué páginas indexar y cuáles no.
- Hreflang: Si tienes contenido en múltiples idiomas o regiones.
Schema markup: datos estructurados que Google entiende
El schema markup es código JSON-LD que le dice a Google exactamente qué tipo de contenido tiene tu página. No es un factor de ranking directo, pero puede generar rich snippets en los resultados de búsqueda — lo que aumenta el CTR hasta un 30%.
Schema más importantes por tipo de página:
- Página de inicio / empresa:
Organization,LocalBusiness - Artículos de blog:
Article,BlogPosting - Servicios:
Service - FAQ:
FAQPage— genera resultados expandibles en Google - Breadcrumbs:
BreadcrumbList— muestra la navegación en el snippet - Reseñas:
Review,AggregateRating— muestra estrellas en resultados
Herramienta: Valida tu schema con el Rich Results Test de Google. Es gratuito y te indica si Google puede leer correctamente tus datos estructurados.
Arquitectura de URLs: limpia, predecible, permanente
La estructura de URLs afecta tanto al SEO como a la experiencia del usuario. Las mejores prácticas:
- URLs cortas y descriptivas:
/blog/seo-tecnicomejor que/blog/post?id=2847&cat=seo - Guiones en lugar de guiones bajos: Google trata los guiones como separadores de palabras.
- Minúsculas siempre: Evita duplicados por mayúsculas.
- Sin parámetros innecesarios: Usa canonicals si necesitas parámetros de tracking.
- Jerarquía lógica:
/servicios/diseno-web/comunica la estructura del sitio.
Sitemap XML y archivo robots.txt
Dos archivos básicos que muchos sitios ignoran:
El sitemap.xml le dice a Google qué páginas existen en tu sitio y cuándo se actualizaron por última vez. Es especialmente importante para sitios nuevos o con muchas páginas. Súbelo a Google Search Console para asegurar que todas tus páginas sean indexadas.
El robots.txt controla qué partes del sitio puede rastrear Google. Úsalo para bloquear páginas de administración, resultados de búsqueda interna, y páginas duplicadas que no quieres que Google indexe.
Checklist de SEO técnico para tu próximo proyecto
- HTML semántico con jerarquía de headings correcta
- Un solo H1 por página con keyword objetivo
- Title tag y meta description únicos por página
- Canonical configurado en todas las páginas
- Schema markup relevante implementado
- Core Web Vitals en verde (LCP, INP, CLS)
- Imágenes en WebP con dimensiones explícitas
- Sitemap XML enviado a Google Search Console
- Robots.txt configurado correctamente
- HTTPS activo en todo el sitio
- Diseño mobile-first validado
- Sin enlaces rotos (404) internos ni externos
¿Tu sitio tiene problemas de SEO técnico?
Hacemos una auditoría técnica completa: Core Web Vitals, estructura, schema, velocidad y más. Te entregamos un informe con prioridades claras.
Solicitar auditoría SEO