Eres diseñador web. Te llaman, entregas un proyecto bonito, accesible, rápido. Y unas semanas después el cliente te escribe: «Mi web ha bajado en Google». Si esto te ha pasado (o quieres que no te pase), este artículo es para ti. Te traigo los 15 errores SEO técnicos más frecuentes que cometen los diseñadores web en 2026 y, lo más importante, cómo solucionarlos antes de que se conviertan en una pérdida de tráfico irreversible.
Por qué los diseñadores son responsables (queramos o no) del SEO técnico
Hay una idea muy extendida: «el SEO lo hace el especialista, yo solo diseño». En 2026 esa frase ya no se sostiene. Las decisiones de diseño afectan directamente a métricas que Google mide: velocidad de carga, estabilidad visual, accesibilidad, jerarquía de contenido, intención de navegación. Cuando un diseñador entrega una web sin pensar en SEO técnico, está condicionando los resultados del SEO de contenidos antes de que empiece.
La buena noticia: la mayoría de errores que vamos a ver son fáciles de detectar y corregir si los conoces. Si no los conoces, es probable que estés cometiendo varios sin saberlo.
Errores 1-5: estructura y arquitectura de información
1. Estructura de encabezados rota (H1 múltiples o saltada)
Una página debe tener un solo H1, y los H2/H3 deben respetar la jerarquía sin saltos. Es uno de los errores más típicos cuando se usan plantillas: tres bloques diferentes deciden ser H1 a la vez. Solución: revisa con la extensión HeadingsMap de Chrome y corrige.
2. URLs sin estructura semántica
URLs tipo /?p=123 o /post/asdf-1234 siguen apareciendo. Una URL debe ser corta, descriptiva y contener la keyword. Configura permalinks en WordPress como /%postname%/ y revisa los slugs uno a uno.
3. Profundidad excesiva (más de 3 clics desde la home)
Si Google necesita más de 3 clics para llegar a un contenido, lo considera secundario. Audita con Screaming Frog: cualquier URL con «Crawl Depth» mayor a 3 es candidata a moverla a un nivel superior o enlazarla mejor.
4. Menús con enlaces ocultos por JavaScript
Algunos menús de page builders construyen sus enlaces solo en cliente. Google los rastrea, pero peor. Verifica que los enlaces existen en el HTML servido al primer render.
5. Sin breadcrumbs ni schema BreadcrumbList
Los breadcrumbs no son solo UX: son señal de jerarquía para Google. Activa breadcrumbs en Yoast (vienen con schema BreadcrumbList automático) y úsalos en plantillas de página y entrada.
Errores 6-10: rendimiento y Core Web Vitals
6. Imágenes hero gigantes en formato JPG
Una imagen hero de 2 MB destroza tu LCP en móvil. En 2026 todo debe ser WebP o AVIF, con dimensiones servidas según viewport y loading=»eager» solo para la imagen above-the-fold.
7. Fuentes web sin preload
Cargar una Google Font sin preload es regalar 200-400 ms a tu LCP. Usa link rel=»preload» o aloja localmente las fuentes con un plugin como OMGF.
8. Render-blocking CSS y JS
El CSS de un page builder fácilmente alcanza 300 KB en el head. Usa Critical CSS y aplaza el resto. Plugins como FlyingPress o Perfmatters lo automatizan bien.
9. INP alto por scripts de terceros
El INP sustituyó al FID en 2024. Los grandes culpables: chats, píxeles, herramientas de heatmap. Carga todo eso después del primer scroll o en idle.
10. CLS por anuncios o iframes sin reservar espacio
Cada banner que aparece sin tener su width y height reservados desplaza el contenido. Reserva siempre el espacio con CSS aspect-ratio o min-height.
Errores 11-15: contenido, imágenes y accesibilidad
11. Imágenes sin alt text descriptivo
El alt text «imagen-final-v3.jpg» o vacío es habitual. Cada imagen necesita una descripción real (4-15 palabras), salvo decorativas (alt vacío intencionado).
12. Textos en imagen en lugar de HTML
Un eslogan diseñado como imagen es invisible para Google. Si tu cliente quiere tipografía custom para titulares, hazlo con web fonts y CSS, no con PNG.
13. Falta de contraste WCAG AA
Texto gris claro sobre fondo blanco es bonito, pero ilegible. Mínimo ratio 4.5:1 para texto normal y 3:1 para grande. Stark, axe DevTools y Lighthouse te lo cantan.
14. Enlaces tipo «haz clic aquí»
El anchor text es señal SEO. «Haz clic aquí» no le dice nada a Google. Reescríbelos con la palabra clave del destino.
15. Plantilla por defecto en metadatos
Páginas con title «título-nombre del sitio» automático y sin meta description son una pérdida de oportunidad. Personaliza al menos las 20 URLs principales en Yoast.
Cómo auditar tu web en menos de 30 minutos
El proceso que sigo en cualquier auditoría rápida: Lighthouse (Chrome DevTools) para Core Web Vitals y accesibilidad, Screaming Frog (versión gratis hasta 500 URLs) para encabezados, alt texts, profundidad y meta tags, PageSpeed Insights para datos reales de campo, y Yoast/Rank Math para revisar la configuración global. Con eso detectas el 90 % de los 15 errores anteriores.
Preguntas frecuentes
¿Qué es el SEO técnico para un diseñador web?
Es el conjunto de decisiones técnicas (estructura, código, rendimiento, accesibilidad, datos estructurados) que afectan a cómo Google rastrea, entiende y clasifica una web. Lo que hace el diseñador, lo hereda el SEO.
¿Cuál es el error SEO más grave en un rediseño?
No mantener las redirecciones 301 de URLs antiguas a las nuevas. Eso provoca pérdidas de tráfico inmediatas y muy difíciles de recuperar. Antes de migrar, exporta todas las URLs y prepara el mapa de redirects.
¿Cómo mido si mi web tiene problemas de SEO técnico?
Empieza por Lighthouse (en Chrome DevTools) y Search Console. Si tu puntuación de rendimiento móvil es menor a 70 o tienes errores en «Páginas indexadas», hay problemas técnicos que arreglar.
¿Estos errores afectan también a tiendas online?
Más todavía. En e-commerce el SEO técnico se multiplica: facetas, paginación, productos descatalogados, schema Product. Todos los 15 errores aplican y conviene añadir auditoría específica de WooCommerce o Shopify.
¿Cuánto cuesta arreglar estos errores?
Los 15 errores se resuelven con tiempo más que con dinero: en una semana de trabajo dedicada puedes corregir el 90 % en una web mediana. Las herramientas de pago necesarias (Screaming Frog Pro, FlyingPress) no superan los 200 €/año.
Conclusión: el diseñador que entiende SEO vale el doble
Detectar y corregir estos 15 errores antes de entregar una web no es opcional en 2026: es lo que diferencia a un freelance que cobra 1.500 € por web de uno que cobra 4.000 €. El SEO técnico es la palanca más rentable que puedes añadir a tu propuesta.
Mi consejo práctico: incluye en tu proceso de entrega una auditoría SEO técnica de 30 minutos en cada proyecto. Documenta qué encontraste, qué corregiste y entrégaselo al cliente. Verás cómo cambia su percepción del valor que le aportas.
