Índice
Cuando alguien me dice «mi web está muy bien diseñada pero no posiciona», respiro hondo y empiezo a tirar del hilo. Porque un diseño bonito y un diseño que posiciona no son siempre la misma cosa. De hecho, te diría que en el 70% de los proyectos que llegan a mi consultoría, el problema está exactamente ahí: en decisiones estéticas que nadie pensó que podían tener consecuencias en Google.
Y ojo, que esto no es solo cosa de Google tradicional. En 2026, con los AI Overviews ya instalados en las SERPs y el AI Mode asomando la patita, una web con problemas técnicos de base tiene cada vez menos opciones de aparecer en esas respuestas generadas por IA que se están comiendo los primeros puestos. Si quieres entender cómo afecta esto al diseño de tu web, lo explico con más detalle en este artículo sobre AIO y diseño web en 2026.
Pero volvamos al problema de hoy. Una web puede ser un puntazo visualmente y a la vez ser lenta, estar rota por dentro, tener una jerarquía de encabezados que parece un cajón de sastre y unas imágenes sin texto alternativo que Google mira y no entiende nada. El diseñador hizo su trabajo. El SEO, en cambio, se quedó fuera de la conversación.
Eso es lo que vamos a corregir aquí. A continuación, los 15 errores de diseño web que se repiten una y otra vez en proyectos que llegan a mí pidiendo ayuda. Sin drama, pero con nombres y apellidos.
Por qué el diseño web afecta directamente al SEO
Durante años, diseño y SEO vivieron en mundos paralelos. El diseñador hacía la web bonita, el SEO llegaba después a intentar arreglarlo. Resultado: webs preciosas que Google miraba con indiferencia absoluta.
Eso ya no tiene excusa en 2026.
Google lleva tiempo evaluando algo más que palabras clave. Con la incorporación de los Core Web Vitals como factor de ranking oficial, el algoritmo mide cosas como la velocidad web real de carga (LCP), los saltos visuales mientras la página se carga (CLS) o la respuesta a la interacción del usuario (INP). Todas ellas dependen directamente de cómo está construido y diseñado tu sitio.
A eso súmale que desde 2023 Google indexa únicamente la versión móvil de tu web. Si tu diseño responsive tiene fisuras, tu posicionamiento lo nota aunque en escritorio la web luzca perfecta.
Y luego está la capa semántica: la estructura de encabezados, las URLs, el texto alternativo de las imágenes, los datos estructurados… Son decisiones que se toman en el momento del diseño y que, si se ignoran, después cuestan el doble corregir.
En resumen: cada decisión de diseño tiene una traducción SEO. Algunas son invisibles para el usuario pero muy visibles para Google. Y las que no se cuidan desde el principio son las que aparecen en una auditoría seis meses después con cara de «¿cómo hemos llegado hasta aquí?».
Los 15 errores de diseño web que ponen la zancadilla al SEO
A continuación tienes los errores que veo repetirse una y otra vez cuando hago una auditoría. Los he ordenado de mayor a menor impacto técnico, aunque la verdad es que si acumulas varios de ellos a la vez, el efecto es multiplicador: no se suman, se potencian.
Algunos te van a sonar obvios. Otros te van a sorprender viniendo de una web que tiene buena pinta. Y alguno, te lo garantizo, lo vas a reconocer en tu propia web mientras lees.
Aquí van los errores de diseño web:
| # | Error de diseño web | Impacto SEO | Solución rápida |
|---|---|---|---|
| 1 | Web no responsive / mobile-first ignorado | AltoGoogle indexa la versión móvil — caída directa en rankings | Revisa con Mobile-Friendly Test y aplica diseño mobile-first desde la maqueta |
| 2 | Velocidad de carga lenta (LCP > 2,5s) | AltoCore Web Vital crítico: penaliza posición y dispara rebote | Convierte imágenes a WebP, activa caché, elige hosting de calidad |
| 3 | Imágenes sin atributo ALT | AltoGoogle no interpreta el contenido visual; pierdes tráfico de imágenes | ALT descriptivo con keyword natural; nombre de archivo relevante |
| 4 | Imágenes sin dimensiones declaradas | AltoSaltos visuales en carga = CLS alto = Core Web Vital penalizado | Define width y height en el HTML/CSS de cada imagen o bloque |
| 5 | Estructura de encabezados rota | AltoGoogle pierde el contexto semántico de la página | Un único H1 por página, H2 temáticos, H3 para detalles |
| 6 | URLs largas, con parámetros o sin keyword | MedioDificultan el rastreo y reducen el CTR en SERP | URLs cortas, en minúsculas, con guiones y keyword principal |
| 7 | Pop-ups agresivos en móvil | AltoGoogle penaliza intersticiales intrusivos en móvil desde 2017 | Pop-up solo con retardo ≥5s o en exit-intent; nunca a pantalla completa en móvil |
| 8 | Menú de navegación sobrecargado | MedioDiluye autoridad; el usuario se pierde y rebota | Máx. 5-6 ítems principales; subcategorías con desplegable limpio |
| 9 | Sin enlazado interno estratégico | AltoLa autoridad no fluye; páginas importantes quedan huérfanas | Cluster temático: página pilar → artículos satélite con anchor text descriptivo |
| 10 | Contenido demo de plantilla indexado | MedioContenido duplicado sin intención de búsqueda = señal negativa | Borra todo el contenido demo antes de lanzar; revisa GSC |
| 11 | Sin certificado SSL / web en HTTP | AltoFactor de ranking; genera alerta de «sitio no seguro» al usuario | SSL obligatorio; fuerza redirección 301 de HTTP a HTTPS |
| 12 | Diseño one-page para múltiples servicios | AltoSolo posicionas una keyword; los demás servicios son invisibles para Google | Una URL por servicio; silo de contenido por temática |
| 13 | Sliders / carruseles pesados en el hero | AltoAumentan LCP y bloquean el render; contenido de baja prioridad para Google | Reemplaza por hero estático con imagen WebP optimizada y CTA claro |
| 14 | Bajo contraste / tipografía ilegible | MedioTextos ilegibles disparan el rebote y afectan accesibilidad WCAG | Contraste mínimo 4.5:1; fuente ≥16px en móvil |
| 15 | Sin datos estructurados (Schema) | AltoPierdes rich snippets y opciones de aparecer en AI Overviews | Implementa FAQ schema, breadcrumb y Organization schema como mínimo |
Error 1: Tu web no está pensada para móvil (y Google lo sabe antes que tú)
Desde 2023, Google usa exclusivamente la versión móvil de tu web para rastrear, indexar y posicionar. No la de escritorio. La de móvil. Así que si tu diseño «se ve bien en el ordenador» pero en el teléfono los botones se montan encima del texto, el menú no cierra o la letra sale a tamaño hormiga, estás siendo penalizada en el buscador aunque no te hayas enterado.
El problema es que muchas webs son técnicamente responsive —la plantilla lo dice así— pero en la práctica tienen elementos que no están bien adaptados: imágenes que se salen del contenedor, fuentes demasiado pequeñas, botones demasiado juntos para pulsar con el dedo o secciones de Elementor que en móvil quedan fatal porque nadie las revisó antes de publicar.
Cómo lo corriges: Abre tu web desde el móvil ahora mismo. No desde el inspector del navegador, desde tu teléfono de verdad. Luego pásala por Google Mobile-Friendly Test y por PageSpeed Insights en versión móvil. Ahí verás exactamente qué está fallando. Si los problemas son estructurales, no hay parche que valga: hay que revisar la maqueta.
Error 2: Tu web carga lento y Google se aburre esperando
Una web que tarda más de 2,5 segundos en mostrar su contenido principal tiene un problema serio. No solo porque el usuario se va antes de que cargue —que también— sino porque Google mide ese tiempo con una métrica concreta: el LCP (Largest Contentful Paint), uno de los tres Core Web Vitals que usa como factor de ranking oficial desde 2021.
Y aquí viene la parte que más duele: en el 80% de los casos, el culpable de un LCP alto no es el hosting ni el código. Son las imágenes. Imágenes enormes subidas directamente desde el móvil sin optimizar, en formato PNG o JPG de 3MB, cargando en el hero de la portada. Google llega, ve que tarda siglos en renderizar y anota: experiencia de página deficiente.
A eso súmale plugins que cargan scripts innecesarios, sliders con animaciones pesadas, fuentes externas que bloquean el render y un hosting compartido de los baratos que va a trompicones en hora punta.
Cómo lo corriges: Convierte todas las imágenes a WebP antes de subirlas (o usa un plugin como ShortPixel que lo hace automático). Declara siempre las dimensiones de cada imagen. Activa la caché del servidor. Y mide antes y después con PageSpeed Insights — la versión móvil es la que importa.
Error 3: Tus imágenes son mudas para Google
Google no ve las imágenes como las ves tú. No interpreta que esa foto es una reunión de equipo, un producto o una captura de pantalla de tu herramienta favorita. Lo que lee es el texto que le das: el atributo ALT, el nombre del archivo y el contexto del párrafo que la rodea. Si esos tres elementos están vacíos o mal rellenados, para Google esa imagen simplemente no existe.
Y no es solo una cuestión de accesibilidad —que también, porque los lectores de pantalla usan el ALT para describir la imagen a personas con discapacidad visual. Es tráfico que te estás dejando encima de la mesa. Google Imágenes sigue siendo una fuente de visitas relevante, especialmente en sectores visuales como diseño, interiorismo, moda o gastronomía.
El error más habitual que veo es el clásico imagen-23847.jpg subido desde el carrete del móvil, sin ALT, dentro de un artículo que habla de diseño web en Madrid. Google no tiene ni idea de qué es eso.
Cómo lo corriges: Antes de subir cualquier imagen, renombra el archivo con palabras descriptivas separadas por guiones (diseno-web-madrid-responsive.jpg). Una vez subida, rellena el ALT con una descripción natural que incluya la keyword si encaja de forma orgánica — sin forzar, sin rellenar con diez palabras clave seguidas. Rank Math te avisa si tienes imágenes sin ALT en el análisis del artículo.
Error 4: Tus imágenes no tienen dimensiones y eso hace saltar la página
Este es uno de esos errores que nadie ve hasta que mira los Core Web Vitals en Search Console y se encuentra con un CLS (Cumulative Layout Shift) por las nubes. El CLS mide la estabilidad visual de tu página mientras carga: si los elementos se mueven, saltan o se recolocan solos mientras el usuario está leyendo, Google lo penaliza. Y lo penaliza porque es una experiencia horrible.
¿Por qué pasa? Porque el navegador no sabe cuánto espacio reservar para una imagen hasta que la descarga completamente. Si no le has dicho de antemano cuánto mide, carga el texto primero, lo coloca, y cuando llega la imagen empuja todo hacia abajo. El usuario está a punto de pulsar un botón y de repente el botón se mueve. Frustrante para él, señal negativa para Google.
En WordPress con Elementor es muy fácil que esto ocurra si subes imágenes sin especificar tamaño en el widget, usas bloques dinámicos o tienes banners de terceros que cargan de forma asíncrona.
Cómo lo corriges: Define siempre los atributos width y height en el HTML de cada imagen. En Elementor, especifica las dimensiones en el widget de imagen en lugar de dejar que se ajuste solo. Para los bloques más complejos, revisa el CLS específico de cada URL en el informe de Experiencia de página de Google Search Console.
Error 5: Tu estructura de encabezados es un cajón de sastre
El H1 es el título principal de tu página. Solo puede haber uno. Es lo primero que lee Google para entender de qué va el contenido y qué keyword principal debe asociar a esa URL. Si tienes dos H1, Google tiene que adivinar cuál es el bueno. Si no tienes ninguno, directamente está navegando a ciegas.
Pero el problema no acaba en el H1. Lo que veo con más frecuencia en auditorías es una jerarquía de encabezados completamente rota: H3 antes que H2, títulos de sección maquetados como H4 porque «quedaban más pequeños visualmente», H2 usados para destacar una frase sin que sean realmente un subtema del artículo. El resultado es una página que estructuralmente no tiene lógica y que Google no puede procesar bien.
Y ojo — esto también afecta a los AI Overviews. Cuando Google extrae fragmentos de tu contenido para responder una pregunta, se apoya en la jerarquía de encabezados para entender qué parte del texto responde a qué. Si esa jerarquía está rota, tus posibilidades de ser citado se reducen considerablemente.
Cómo lo corriges: Un solo H1 por página con la keyword principal. H2 para los bloques temáticos principales. H3 para los detalles o subpuntos dentro de cada H2. Nunca uses un encabezado por razones estéticas — si quieres que algo quede grande o pequeño, usa CSS. La jerarquía es semántica, no decorativa. Puedes revisar la estructura de encabezados de cualquier página con la extensión gratuita Detailed SEO Extension para Chrome.
Error 6: Tus URLs son un galimatías que nadie entiende
Una URL como /pagina?id=482&cat=3&ref=home no le dice nada a nadie. Ni al usuario que la ve en los resultados de búsqueda, ni a Google que intenta interpretar de qué va esa página antes de rastrearla. Y sin embargo, sigue siendo uno de los problemas más frecuentes en webs construidas con prisa o sin criterio SEO desde el principio.
Las URLs son uno de los primeros elementos que Google analiza para entender el contenido de una página. Una URL limpia, corta y con la keyword principal es una señal más —pequeña pero real— que suma a favor del posicionamiento. Además influye directamente en el CTR: en las SERPs, la URL aparece debajo del title y la meta descripción, y una URL legible genera más confianza y más clics.
El otro error habitual es no haber pensado la estructura de URLs desde el principio y acabar con /blog/categoria/subcategoria/año/mes/titulo-larguisimo-con-veinte-palabras/. Cuanto más profunda y larga, peor.
Cómo lo corriges: URLs cortas, en minúsculas, con guiones medios entre palabras (nunca guiones bajos ni espacios), sin preposiciones ni artículos innecesarios y con la keyword principal incluida. En WordPress, revisa la configuración de permalinks y asegúrate de usar la estructura /nombre-de-la-entrada/ sin fecha ni categoría en la URL. Si ya tienes URLs antiguas mal estructuradas, cámbialas con redirecciones 301 — nunca las dejes rotas.
Error 7: Tus pop-ups en móvil le dan dolor de cabeza a Google
Los pop-ups no son el problema en sí. El problema es cuándo aparecen, cómo ocupan la pantalla y si el usuario puede cerrarlos fácilmente. Google lleva penalizando los intersticiales intrusivos en móvil desde enero de 2017 — no es una novedad, pero sigue siendo uno de los errores que más veo en webs de pymes y autónomos que han montado su pop-up de captación de leads sin pensar en las consecuencias.
¿Qué considera Google intrusivo? Un pop-up que aparece nada más entrar a la página tapando todo el contenido, uno que ocupa más del 30% de la pantalla en móvil, uno que es difícil de cerrar porque la X es diminuta o está mal colocada, o uno que reaparece cada vez que el usuario navega. Básicamente, cualquier cosa que interrumpa la experiencia antes de que el usuario haya podido leer una sola línea.
Y no es solo una cuestión de penalización directa. Un pop-up agresivo dispara la tasa de rebote, reduce el tiempo en página y manda a Google exactamente la señal contraria a la que quieres: que tu web no satisface al usuario.
Cómo lo corriges: Si usas pop-ups para captación, configúralos con un retardo mínimo de 5-8 segundos o actívalos solo en exit-intent (cuando el usuario mueve el cursor hacia cerrar la pestaña). En móvil, usa banners fijos en la parte inferior en lugar de modales a pantalla completa. Y comprueba siempre que el botón de cierre sea fácil de pulsar con el dedo — mínimo 44×44 píxeles de área táctil.
Error 8: Tu menú de navegación tiene más cosas que un armario sin organizar
Un menú con doce ítems en el primer nivel, sin jerarquía, sin orden lógico y con nombres genéricos como «Servicios», «Más info» o «Otros» no ayuda ni al usuario ni a Google. Al usuario porque no sabe dónde ir. A Google porque no entiende qué páginas son las importantes y acaba diluyendo la autoridad entre todas por igual.
La navegación principal es una de las señales más claras que le das a Google sobre la arquitectura de tu web. Los enlaces del menú transmiten autoridad a las páginas que enlazan — cuantos más ítems, más repartida queda esa autoridad y menos peso reciben las páginas que de verdad te interesan posicionar. Si tienes una landing de servicio que quieres que posicione y está enterrada en un submenú de tercer nivel, lo tienes complicado.
Además, en móvil un menú sobrecargado es un desastre de usabilidad: el usuario tiene que hacer scroll dentro del menú desplegable, los ítems se tocan entre sí y acaba cerrándolo por frustración sin haber llegado a donde quería. No lo digo yo lo dice Ahrefs en su blog – Arquitectura web y SEO.
Cómo lo corriges: Máximo 5-6 ítems en el menú principal, solo las páginas estratégicas. El resto, a los submenús o al footer. Usa nombres descriptivos y concretos — no «Servicios» sino los nombres reales de tus servicios si caben. Y asegúrate de que en móvil el menú hamburguesa abre, cierra y navega sin fricción. Si tienes dudas sobre qué páginas merecen estar en el menú principal, la respuesta es siempre: las que quieres que posicionen y conviertan.
Error 9: Tu enlazado interno es inexistente o un caos
El enlazado interno es el sistema de carreteras de tu web. Si está bien diseñado, la autoridad fluye desde las páginas más fuertes hacia las que quieres posicionar, Google entiende la relación entre los contenidos y el usuario navega de forma natural de un artículo al siguiente. Si está mal diseñado —o directamente no existe— tienes páginas huérfanas que Google apenas visita, autoridad acumulada en la home que no va a ningún sitio y artículos del blog que no enlazan ni reciben enlaces de nada.
Es uno de los factores SEO con más retorno por esfuerzo que existe y, sin embargo, el que más se ignora en webs de autónomos y pymes. Publicar un artículo nuevo sin enlazarlo desde ningún otro contenido existente es como abrir una tienda en un callejón sin salida — existe, pero nadie llega hasta ella.
La estructura que mejor funciona es el modelo de clúster temático: una página pilar que trata un tema en profundidad y enlaza hacia artículos satélite más específicos, que a su vez enlazan de vuelta a la página pilar. Así concentras autoridad, refuerzas la relevancia temática y le das a Google un mapa claro de tu contenido.
Cómo lo corriges: Cada vez que publiques un artículo nuevo, enlázalo desde al menos dos contenidos existentes relacionados. Usa anchor text descriptivo con la keyword del artículo destino — no «haz clic aquí» ni «más información», sino el tema concreto al que apuntas. Y una vez al trimestre, haz una revisión de huérfanas en Screaming Frog o en Google Search Console para detectar páginas que no reciben enlaces internos. En el enlazado interno Semrush es un maestro del que aprender mucho.
Error 10: Lanzaste la web y te olvidaste de borrar el contenido demo
Este es el error es más común de todos los errores de diseño web, lo que parece y tiene una explicación sencilla: instalas una plantilla premium en WordPress, cargas el contenido de demostración para ver cómo queda, construyes tu web encima y cuando terminas te olvidas de que todo ese contenido demo sigue ahí, indexado y vivito.
El resultado es que Google encuentra páginas en tu web con texto en inglés, imágenes de stock genéricas, títulos sin sentido y contenido que además ya existe en la página de venta de la plantilla — es decir, contenido duplicado externo. Una combinación perfecta para que Google considere esas URLs irrelevantes y las ignore, o peor, las use para evaluar la calidad general de tu dominio a la baja.
Lo mismo ocurre con las páginas de prueba que se crean durante el desarrollo («página-test», «borrador-home-2», «landing-prueba») y que nadie eliminó antes de lanzar. Están indexadas, no aportan nada y consumen crawl budget — el presupuesto de rastreo que Google le asigna a tu web y que debería gastar en tus páginas importantes, no en tus experimentos olvidados.
Cómo lo corriges: Antes de lanzar cualquier web, haz un rastreo completo con Screaming Frog y revisa todas las URLs que están indexadas. Elimina o redirige todo lo que no deba estar visible. Para las páginas de política de privacidad, aviso legal o cookies — que son contenido duplicado casi por definición — añade la etiqueta noindex para que Google no las indexe. Y en Google Search Console, revisa el informe de cobertura periódicamente para detectar URLs raras que no deberían estar ahí.
Error 11: Tu web todavía va en HTTP y eso tiene solución en diez minutos
El certificado SSL convierte tu web de http:// a https:// y muestra el candado en el navegador. Google lo lleva usando como factor de ranking desde 2014. Más de una década. Y aun así sigo viendo webs de negocios reales, con presupuesto de marketing y todo, que siguen en HTTP.
El problema no es solo el posicionamiento. Es la confianza. Cuando un usuario llega a una web sin SSL, Chrome le muestra un aviso de «sitio no seguro» en la barra del navegador. Si esa persona iba a dejarte sus datos en un formulario o a hacer una compra, ese aviso es suficiente para que se vaya sin completar la acción. No importa lo bien que esté diseñada la web ni lo bueno que sea el producto.
Y hay un segundo problema que se genera por no configurarlo bien: tener la web accesible tanto en http:// como en https://, o tanto con www como sin él, sin redirección canónica. Google lo interpreta como versiones duplicadas del mismo sitio y divide la autoridad entre ellas en lugar de concentrarla en una sola URL esa es la razón por qué Google prioriza las webs con HTTPS.
Cómo lo corriges: Activa el certificado SSL desde el panel de tu hosting — en Hostinger está incluido y se activa en un clic. Una vez activado, configura una redirección 301 que fuerce todo el tráfico hacia la versión https:// sin www (o con www, lo que prefieras, pero elige una y mantenla siempre). Verifica después en Google Search Console que solo tienes una versión del dominio verificada y activa.
Error 12: Tienes una web de una sola página y ofreces cinco servicios distintos
El diseño one-page — toda la web en scroll vertical sobre una única URL — tiene su sitio: lanzamientos de producto, portfolios personales, campañas de publicidad con un único objetivo. Para esos casos funciona bien. El problema es cuando se usa para un negocio que ofrece varios servicios distintos y quiere posicionar en Google por cada uno de ellos.
Y es un problema estructural sin parche posible: con una sola URL solo puedes posicionar una keyword principal. Si eres diseñadora web, consultora SEO y especialista en email marketing, y todo eso está en la misma página con la misma URL, Google tiene que elegir una sola intención de búsqueda para asociar a esa página. Las demás quedan diluidas o directamente invisibles.
Lo veo mucho en webs hechas con Elementor usando plantillas de «agencia creativa» que quedan espectaculares visualmente pero que desde el punto de vista SEO son un callejón sin salida. El cliente está encantado con el diseño y sin embargo lleva meses sin recibir una sola visita orgánica por ninguno de sus servicios secundarios.
Cómo lo corriges: Una URL por servicio, sin excepciones. Cada landing de servicio debe tener su propia página con su propio título, su propia keyword principal, su propio contenido optimizado y su propio enlace en el menú de navegación. Si ya tienes una web one-page y quieres escalar el SEO, la migración a arquitectura multipágina es el primer paso — y sí, merece la pena hacerlo aunque dé pereza. Y si quieres saber más al respecto de cómo crear clusters de contenido para posicionar más keywords, a mi me ayudó mucho ese enlace.
Error 13: El slider del hero es el enemigo silencioso de tu velocidad
El slider o carrusel de imágenes en la parte superior de la portada fue durante años el estándar de diseño web. Toda web que se preciara tenía tres o cuatro slides rotando con frases inspiradoras y botones de llamada a la acción. El problema es que desde el punto de vista del rendimiento y del SEO es uno de los peores elementos que puedes poner en tu web, especialmente en la posición más crítica: justo encima del pliegue, donde Google mide el LCP.
El LCP mide cuánto tarda en cargarse el elemento visual más grande de la pantalla. Si ese elemento es un slider con cuatro imágenes pesadas, una librería de JavaScript para las animaciones y efectos de transición, el resultado es predecible: LCP por encima de 4 segundos, Core Web Vitals en rojo y una experiencia de carga que hace que el usuario vea la página construirse en tiempo real antes de poder leer nada.
Y hay otro problema añadido: los sliders muestran varios mensajes distintos de forma rotativa, lo que significa que ninguno recibe toda la atención del usuario. Los estudios de eye-tracking llevan años demostrando que los usuarios ignoran los carruseles automáticos porque los asocian inconscientemente a publicidad. El contenido que más importa — tu propuesta de valor, tu CTA principal — se ve durante dos segundos y desaparece. Lo explica muy bien Nielsen Norman Group – Por qué los carruseles son malos para el SEO y la conversión.
Cómo lo corriges: Sustituye el slider por un hero estático con una única imagen en formato WebP bien optimizada, un titular claro con tu propuesta de valor y un CTA visible sin necesidad de hacer scroll. Es más limpio, carga más rápido, convierte mejor y Google lo agradece. Si el cliente insiste en tener movimiento, un vídeo de fondo ligero o una animación CSS sencilla son opciones mucho menos costosas en rendimiento.
Error 14: Tu texto es bonito pero casi ilegible y Google lo nota
Texto gris claro sobre fondo blanco. Tipografía fina a 13px. Párrafos de ocho líneas sin un solo respiro. Letras blancas sobre un fondo de imagen sin capa de opacidad. Estos son los pecados de legibilidad que veo con más frecuencia en webs que han priorizado la estética por encima de la funcionalidad — y que sin saberlo están mandando señales muy negativas a Google.
¿Por qué le importa esto a Google? Porque mide la interacción real de los usuarios con tu contenido. Si alguien entra, no puede leer cómodamente y se va en diez segundos, eso queda registrado como una experiencia de página deficiente. Además, el bajo contraste afecta directamente a la accesibilidad web — las pautas WCAG exigen un ratio de contraste mínimo de 4,5:1 para el texto de cuerpo — y Google cada vez da más peso a la accesibilidad como indicador de calidad.
Hay también un impacto directo en los AI Overviews: cuando Google extrae fragmentos de tu contenido para incluirlos en una respuesta generada, necesita que ese contenido esté disponible en texto HTML plano y legible. Si tu texto está sobre una imagen, incrustado en un SVG o renderizado con JavaScript de forma que Google no puede leerlo directamente, ese contenido no existe para los sistemas de IA de Google.
Cómo lo corriges: Contraste mínimo de 4,5:1 entre el color del texto y el fondo — puedes comprobarlo con WebAIM Contrast Checker. Tamaño de fuente mínimo de 16px en cuerpo de texto en móvil. Párrafos cortos con espaciado generoso — en web, los bloques de texto densos se abandonan. Y si usas texto sobre imágenes, añade siempre una capa de color semitransparente que garantice el contraste independientemente de la imagen.
Error 15: No tienes datos estructurados y Google tiene que adivinar lo que eres
Los datos estructurados son fragmentos de código en formato Schema.org que le dicen a Google exactamente qué es cada elemento de tu web: si eres una organización, cuáles son tus servicios, qué preguntas frecuentes tienes, cómo se llaman tus artículos, qué valoraciones tienen tus productos. No los ve el usuario, pero Google los lee y los usa para dos cosas muy concretas: mostrar rich snippets en las SERPs y alimentar los sistemas de IA que generan los AI Overviews.
Sin datos estructurados, Google puede seguir indexando y posicionando tu web — no son obligatorios. Pero compites en desventaja frente a webs que sí los tienen. Un resultado con estrellas de valoración, preguntas frecuentes desplegables o información de precio visible en la SERP recibe más clics que uno sin ese formato enriquecido, aunque ambos estén en la misma posición. Y en el contexto de los AI Overviews, las webs con schema bien implementado tienen más probabilidades de ser citadas como fuente en las respuestas generadas.
Los más básicos e imprescindibles para una web de servicios son tres: Organization (quién eres, dónde estás, cómo contactarte), FAQPage (tus preguntas frecuentes) y BreadcrumbList (la ruta de navegación de cada página). Con esos tres ya le estás dando a Google una base sólida para entender tu negocio.
Cómo lo corriges: Si usas Rank Math, tienes la mayor parte del trabajo hecho — activa el schema de Organization en los ajustes globales, usa el módulo de FAQ con el schema activado en cada artículo y revisa que el schema de breadcrumbs esté habilitado. Después valida todo en el Rich Results Test de Google para asegurarte de que no hay errores antes de publicar.
¿Cuántos de estos errores de diseño web? Márcalos y sal de dudas
Coge el móvil, abre tu web y ve repasando uno por uno. Sin trampa ni cartón.
☐ 1. Mi web se ve bien y funciona correctamente en móvil — no solo «es responsive», sino que está revisada de verdad en pantalla pequeña.
☐ 2. Mi web carga en menos de 2,5 segundos en móvil — comprobado en PageSpeed Insights, no solo «a mí me carga rápido».
☐ 3. Todas mis imágenes tienen atributo ALT — descriptivo, con keyword natural donde encaja, sin dejar ninguna vacía.
☐ 4. Mis imágenes tienen dimensiones declaradas en el HTML — sin saltos ni desplazamientos visuales al cargar la página.
☐ 5. Tengo un único H1 por página — con la keyword principal, sin repetirlo ni dejarlo vacío en ninguna URL.
☐ 6. Mis URLs son cortas, limpias y con keyword — sin parámetros, sin fechas, sin caracteres raros.
☐ 7. Mis pop-ups no aparecen de forma inmediata en móvil — tienen retardo, son fáciles de cerrar y no tapan todo el contenido.
☐ 8. Mi menú principal tiene 6 ítems o menos — con nombres concretos y una jerarquía lógica.
☐ 9. Cada artículo o página nueva recibe al menos dos enlaces internos — con anchor text descriptivo, no «haz clic aquí».
☐ 10. No tengo contenido demo de plantilla indexado — ni páginas de prueba, ni borradores, ni URLs huérfanas sin sentido.
☐ 11. Mi web va en HTTPS y redirige correctamente desde HTTP — sin versiones duplicadas del dominio conviviendo.
☐ 12. Cada servicio tiene su propia página con su propia URL — no todo apilado en una única página de scroll infinito.
☐ 13. No tengo un slider pesado en el hero — o si lo tengo, está optimizado y no está destruyendo mi LCP.
☐ 14. Mi texto cumple un contraste mínimo de 4,5:1 y se lee bien en móvil — sin grises tenues, sin letras a 12px, sin texto sobre imagen sin capa de contraste.
☐ 15. Tengo datos estructurados activos — al menos Organization, FAQPage y BreadcrumbList validados en Rich Results Test.
¿Cuántos errores de diseño web has marcado?
13-15 ✅ → Tu web está en buena forma. Hay detalles que pulir pero la base es sólida.
8-12 🟡 → Tienes margen de mejora real. Algunos de estos errores te están costando posiciones ahora mismo.
0-7 🔴 → Tu web necesita una revisión en profundidad. No es catastrófico, pero sí urgente.
¿Diseño web bonito que además posicione? Eso también existe
Si has llegado hasta aquí y estás asintiendo con la cabeza en cada punto, ya sabes lo que toca. El problema con estas cosas es que son fáciles de ver desde fuera y muy difíciles de detectar cuando eres tú quien mira tu propia web cada día.
Y mira, no te voy a decir que todos estos errores se arreglan en una tarde. Algunos sí — el SSL, los ALT de las imágenes, los pop-ups. Pero otros requieren replantear la estructura desde dentro: la arquitectura de URLs, el enlazado interno, los datos estructurados, la migración de one-page a multipágina. Son decisiones que afectan a todo el sitio y que si se hacen mal generan más problemas de los que resuelven.
En mi servicio de diseño web en Madrid no me limito a hacer algo que quede bien en una pantalla. Lo que hago es construir webs que Google entiende, que cargan rápido, que están pensadas para posicionar desde el primer día y que, además, lucen de maravilla. Porque las dos cosas no están reñidas — solo hay que saber combinarlas desde el principio, no intentar arreglarlo los errores de diseño web después.
Si quieres que le eche un ojo a tu proyecto o que hablemos de lo que necesitas, estoy a un mensaje de distancia. Sin compromiso.
Dudas frecuentes sobre los errores de diseño web y cómo afectan al SEO:
¿Puede una web bonita tener mal SEO?
Sí, y es mucho más común de lo que parece. El diseño visual no garantiza rendimiento técnico. Una web puede ser estética y a la vez lenta, no responsive o con una jerarquía de encabezados rota, lo que la hace prácticamente invisible para Google independientemente de lo bien que luzca.
¿Qué son los Core Web Vitals y por qué afectan al diseño?
Son tres métricas oficiales de Google que miden la experiencia real del usuario: LCP (velocidad de carga del elemento principal), CLS (estabilidad visual mientras carga la página) e INP (respuesta a las interacciones). Los tres dependen directamente de decisiones de diseño y maquetación, y Google los usa como factor de ranking desde 2021.
¿El slider del hero perjudica realmente al SEO?
Sí. Los sliders pesados aumentan el LCP, generan CLS y bloquean el render de la página. Google los penaliza indirectamente a través de los Core Web Vitals. Además, los estudios de comportamiento de usuario demuestran que los carruseles automáticos se ignoran — el mensaje principal apenas se ve antes de que rote al siguiente slide.
¿Qué es el indexado mobile-first y cómo me afecta?
Desde 2023 Google rastrea e indexa únicamente la versión móvil de tu web. Eso significa que si tu diseño responsive tiene problemas — elementos que se descuadran, texto demasiado pequeño, botones que no funcionan bien en táctil — tu posicionamiento lo pagará aunque la versión escritorio sea perfecta.
¿Cuántos H1 puede tener una página?
Solo uno. El H1 es el título principal de la página y debe contener la keyword principal. Tener varios H1 confunde a Google sobre el tema central del contenido. El resto de títulos deben seguir una jerarquía lógica: H2 para los bloques temáticos principales y H3 para los subpuntos dentro de cada H2.
¿Los datos estructurados son obligatorios para posicionar?
No son técnicamente obligatorios, pero suponen una ventaja competitiva clara. Sin schema, pierdes la opción de aparecer con rich snippets en las SERPs — estrellas, FAQs desplegables, breadcrumbs — y reduces tus posibilidades de ser citado como fuente en los AI Overviews de Google, que cada vez ocupan más espacio en los resultados.
¿Cómo sé si mi web tiene errores de diseño que afectan al SEO?
Con una auditoría SEO que combine análisis técnico y de experiencia de página. Las herramientas básicas para empezar son Google Search Console, PageSpeed Insights y Screaming Frog. Si prefieres que alguien lo revise por ti y te diga exactamente qué está fallando y en qué orden atacarlo, eso es exactamente lo que hago en mi servicio de consultoría.
