Qué es el diseño responsive, y cómo saber si tu web lo tiene de verdad
Maties Burguera 
01 / 08
La respuesta corta
El diseño responsive es que tu web se recoloque sola según el tamaño de la pantalla desde la que la miran. No que se encoja: que se reordene.
Una web con diseño web responsive de verdad enseña lo mismo en el móvil y en el ordenador, pero puesto de otra manera. Menús que se pliegan, columnas que pasan a filas, fotos que se recortan en vez de estirarse. Si en tu móvil sale la misma pantalla del ordenador en pequeñito y tienes que hacer zoom, eso no es responsive: es una web de escritorio metida a la fuerza.
02 / 08
Responsive y adaptativo no son lo mismo
Los verás casi siempre como sinónimos y no lo son.
Responsive es un diseño que fluye
Hay una sola versión de la web y los elementos se recolocan de forma continua conforme cambia el ancho, sea cual sea la pantalla. Le da igual si es un móvil raro o una tablet apaisada.
Adaptativo son varias versiones fijas
El servidor mira con qué entras y te sirve la que le toca a ese tamaño. Funciona bien en los tamaños previstos y se comporta regular en los que no.
Hoy se hace responsive, y el motivo es práctico: hay demasiados tamaños de pantalla para prever todos. Lo adaptativo se sigue viendo en webs grandes con mucho tráfico donde compensa servir algo distinto a cada dispositivo, y en webs antiguas que se quedaron así.
Si te presupuestan una web «adaptativa» en 2026, pregunta si es una decisión o es la palabra que usan para decir responsive. Casi siempre es lo segundo.
03 / 08
¿Cómo sé si mi web es responsive de verdad?
Sin herramientas y sin saber nada de esto.
-
Uno. Ábrela en tu móvil y no toques nada.
¿Se lee todo sin hacer zoom? ¿Tienes que mover la pantalla hacia los lados para ver el final de una línea? Si la respuesta es sí, ahí ya está el diagnóstico.
-
Dos. Gira el móvil.
Muchas webs se defienden en vertical y se rompen en horizontal, porque nadie las probó así.
-
Tres. Intenta hacer lo que la web quiere que hagas, con una sola mano y andando.
Pedir hora, ver la carta, llamar. Si necesitas las dos manos y parar, la web no está pensada para el sitio donde se usa.
Y si quieres el número, mete tu dirección en PageSpeed Insights de Google y mira la pestaña de móvil. Es gratis y tarda medio minuto.
04 / 08
Los cuatro errores que salen en casi cualquier web
-
Los botones demasiado pequeños o demasiado juntos.
Si tienes que apuntar, está mal. Un dedo no es un ratón, y una zona pulsable pequeña se falla una de cada tres veces.
-
El texto a tamaño de escritorio.
Se ve, pero obliga a acercar la cara. Y a partir de ahí la gente no lee, escanea, y se pierde lo que fuiste a contar.
-
Las tablas y los precios que se salen.
Es lo más habitual en cartas y en tarifas. La tabla existe, está bien hecha, y en el móvil se corta por la derecha.
-
Y el peor de todos: la ventana que aparece al entrar.
Cookies, descuento y boletín, tres capas encima de la otra, en una pantalla de seis pulgadas. Quien llega buscando un teléfono cierra la pestaña antes de encontrar la cruz.
05 / 08
Cómo se ve uno bien resuelto
Los tres artículos que salen encima de este ponen capturas de webs bonitas. Eso enseña el resultado y no la decisión, así que aquí va al revés.
-
El menú se pliega, pero lo importante se queda fuera
En un restaurante, el botón de reservar y el de la carta no entran en el menú desplegable: se quedan a la vista. Lo que se esconde es «quiénes somos».
-
Las columnas pasan a filas en el orden correcto
Cuando tres columnas se apilan, el orden lo decides tú, no el navegador. Si la de la derecha era la del precio, en el móvil tiene que subir, no quedarse la última.
-
Las fotos se recortan, no se encogen
Una foto apaisada de un plato en un móvil vertical o se recorta al centro o se ve como una tira de dos centímetros. Recortar es una decisión de diseño y hay que tomarla foto a foto.
-
Y las tablas se convierten en fichas
Una tabla de precios de cuatro columnas no cabe en un móvil por mucho que la estires. Lo que se hace es convertir cada fila en una ficha con su etiqueta delante de cada dato.
Ninguna de las cuatro se resuelve sola. Por eso una web puede ser responsive sobre el papel y seguir siendo incómoda.
06 / 08
¿Qué mira Google cuando entra desde el móvil?
Google mira tu web como la vería alguien con un móvil normal y una conexión normal. No con el ordenador del que la hizo.
Y mira tres cosas: cuánto tarda en aparecer algo, cuánto tarda en poder usarse, y si al terminar de cargar los elementos se mueven de sitio. Eso último es el que más rabia da: vas a pulsar y el botón salta porque acaba de entrar una imagen encima.
Si eso va mal, no es que te penalicen. Es que hay otro que lo tiene mejor y va delante. Lo de fondo lo cuento en qué es el diseño web.
07 / 08
Lo que he visto haciendo esto
La web de una clínica de fisioterapia de Palma venía de un gestor sin optimizar y con el diseño de hace años. Funcionaba, en el sentido de que estaba en pie.
Se rehízo escribiéndola, y hoy va mucho más rápida. Eso no hace falta que te lo crea nadie: entra en fisionmallorca.com, mételo en PageSpeed y míralo.
En restauración se nota todavía más, porque ahí la web se abre de pie en la calle y con una mano. Cuando alguien tiene hambre a las dos menos cuarto, tres pantallas hasta la carta son tres pantallas de más, y ese cliente acaba entrando por un portal que sí le resuelve rápido. Lo que eso cuesta al mes está con números en las comisiones de Glovo y TheFork.
08 / 08
¿Cuánto cuesta arreglarlo?
Depende de por qué está mal, y hay dos casos que no se parecen en nada.
Si la web está bien construida y falla en cuatro sitios
Se arregla en unas horas. Botones, tamaños de letra, una tabla que se sale. Es trabajo de mantenimiento y cabe en un plan, que es lo que cuento en cuánto cuesta mantener una web.
Si la web se hizo pensando solo en el ordenador
Entonces no se arregla, se rehace. Y ahí lo honesto es decirlo en vez de cobrar por parchear algo que va a volver a romperse a la primera.
La forma de saber en cuál estás no es mirar la web, es preguntarle a quien la hizo con qué se montó y cuándo.
