Ever opened a website on your phone and had to pinch-zoom and drag from side to side just to read a paragraph? In 2026 that's no longer a minor fault: it's a lost sale.
Today it's taken for granted that a website looks right on any screen. And that isn't a hunch: in Spain the phone is already most of the browsing, at 54.35% against 44.35% for desktop and 1.3% for tablets (StatCounter, August 2026). And the gap keeps widening: five years ago the split was far closer.
There are several ways of making a website work on a phone. Here we'll focus on responsive design, but it's worth knowing the others to understand why this one almost always wins.
Google doesn't look at your website from a computer. It crawls it from a phone, and that's the version it indexes.
01The three options you have
A separate mobile website
Building a website specifically for phones on top of the desktop one. It costs time and money, because it's two designs and two lots of maintenance. It only makes sense in very few cases: when there's an old site that works and nobody wants to touch it, or when you genuinely need to show different content depending on the screen. You recognise them by the “m”: m.domain.com.
An app
Apps are convenient and give a very good experience, but developing them is expensive: at minimum you need an Android version and an iOS one. And you're competing for a slot in the memory of a phone that's already full. It only pays off when the app offers something a website can't, not as a substitute for having a decent website.
Responsive design
A single site that adapts to each screen while keeping its structure. What is four columns on a computer becomes two on a tablet and one on a phone. One design, one lot of maintenance and one site to rank. That's why it's what gets done today, barring a very well-justified exception.
02What you gain with a responsive design
People find what they're looking for
The same content is reachable from any device, with no cut-down versions and no “that's only on the computer”. It's the difference between someone buying from you on the sofa or leaving it for later, which means never.
Google indexes the mobile version
This is the point most people still aren't clear on: Google crawls and indexes the mobile version of your website, and it's that one that decides your ranking, including for people searching from a computer. If content is missing or looks wrong on mobile, that's the site Google knows.
One single site to rank
With a separate mobile site you have two URLs with the same content, and you have to tell Google which one counts. With responsive there's nothing to decide: there's one address collecting everything you achieve.
It gets shared without breaking
A link someone passes on over WhatsApp opens properly whoever is at the other end. It sounds obvious, and yet it's where half the traffic arriving on a recommendation falls away.
Less to maintain
A price change, a new phone number or a product coming in gets touched once. With two sites they get touched twice, and the day one is forgotten, somebody reads the old figure.
03Ready for whatever comes
Every year screens appear in sizes that didn't exist before: foldables, watches, cars. A responsive design isn't built for a specific model, it's built to adapt, so it copes with whatever comes without being rebuilt.
04Two examples you can look at right now
The best way to understand it is to open a website on a computer, narrow the window and see what happens.
Spotify
It uses few, very clear elements, so the adaptation is almost natural. On a phone everything important stays and the main menu folds into a dropdown. Nothing disappears: it moves.
A news outlet
On a computer, a main column with the headline stories and a narrower one beside it with the secondary ones. On a phone, that second column isn't removed: it goes underneath. That's the key decision in responsive design —what comes first when only one thing fits per row—.
A good responsive design is built on simplicity and clarity.
05What to check before commissioning it
If you're building or rebuilding your website, four things worth settling from the outset:
- Keep it light. Effects and unused libraries are paid for in seconds of loading, and on a phone you pay double. See Core Web Vitals.
- Think about how people arrive. Whoever comes in from a phone is usually in a hurry with a specific question: the phone number, the opening hours, the price. Make it visible.
- Less information per screen. Short text and clear buttons. On a six-inch screen, a ten-line paragraph is a wall.
- Start with the phone. Designing for the small screen first forces you to decide what matters. The other way round, whatever's left over ends up piled at the bottom.
Having a responsive design stopped being an advantage years ago: it's the starting point. What makes the difference now is what you decide to show first when only one thing fits on the screen.
Do you suspect your website has one of these problems?
We'll take a look and tell you what's going on. No obligation and no hot air.