Imagine someone searching for your service on the go on their smartphone, finding your website – and having to pinch the page apart with two fingers to read the text, or constantly hitting the wrong button when tapping. The likelihood that this person bounces back and moves on to the next site is high. Exactly this happens thousands of times every day, because mobile devices account for the larger share of global web traffic at around 63 percent (Statista). A website that does not work on a phone therefore misses the channel through which most visitors arrive. This article explains why optimization for smartphones is no longer an extra today but a must, what makes a good mobile site and why mobile optimization is part of the fixed price from the start across our services.
Key takeaways
- The larger share of web traffic comes from smartphones – whoever fails to convince on mobile loses the majority of visitors.
- Since the switch to mobile-first, Google rates the mobile version of a page first for ranking.
- Mobile speed is decisive: many users leave a page if it takes longer than three seconds to load.
- Good mobile optimization covers responsive design, large tap areas, readable text and fast loading – with us at no surcharge.
Why Mobile First Applies
Just a few years ago, a website was designed on the computer and the mobile view pushed in afterwards at best. Today it is the other way around: most people experience the internet first on their smartphone. Whether someone is searching for a tradesperson, a restaurant, a consultancy or the opening hours of a shop – in the vast majority of cases this happens on the go, quickly and on mobile. A site that is not built for this context not only looks unprofessional but concretely loses inquiries. Whoever alienates the majority of visitors here gives away exactly the visibility the website was built for in the first place.
This shift has also reached the search engines. With the switch to the so-called mobile-first principle, Google now primarily rates the mobile version of a page for ranking (Google Search Central). This means: if your site works poorly on the smartphone, it can affect your findability overall – even for people who later search on a computer. Mobile optimization is therefore no longer a matter of comfort but a direct factor for visibility. Anyone planning a new site should therefore think mobile from the start instead of adjusting afterwards. How to get from the idea to the finished site we describe step by step in our article on getting online in five steps.
This Is Where the Visitors Are
The larger share of web traffic comes from smartphones. Whoever fails to convince on mobile loses the majority of potential customers already at the first impression.
Google Looks at Mobile First
Since the switch to mobile-first, Google primarily rates the mobile version of a page. A poor mobile view can drag down findability overall.
On the Go, Speed Counts
Mobile connections are often slower than the Wi-Fi at home. A lean, fast site is therefore especially important so as not to lose visitors.
What Makes a Good Mobile Site
A mobile-optimized website is not simply a shrunken computer version. It is built so that it adapts automatically to the screen size – this is called responsive design. On the smartphone, content stacks beneath one another, menus collapse into a compact icon, and the text stays readable without having to zoom. The most important principle here: nobody should have to scroll the page sideways or enlarge text with their fingers. Everything that matters has to be graspable at a glance and operable with the thumb.
In concrete terms, mobile optimization means getting many small things right. The text has to be large enough to read without effort. Buttons and links need enough spacing and surface so they can be hit reliably with the thumb without accidentally catching the neighbor. Important actions such as calling or getting in touch should be reachable immediately, ideally with a single tap. Images have to be delivered so they look good on the small screen but do not drive up the loading time. And forms should be short and easy to fill in, because typing on a smartphone is more cumbersome than on a keyboard.
Readable Text
Sufficiently large font sizes that are readable without zooming. Nobody should have to pinch the page apart to take in the text.
Large Tap Areas
Buttons and links with enough spacing and surface so the thumb hits reliably. Elements placed too close together lead to mis-taps and frustration.
Direct Actions
Call, route, contact – the most important actions reachable with one tap. On the go, every second the visitor saves counts.
Optimized Images
Images that look good on the small screen but are delivered lean so the page loads fast even on a mobile network.
No Sideways Scrolling
Content stacks vertically instead of side by side. Everything stays in the visible area without having to push the page back and forth.
Simple Forms
Short forms with few fields that are comfortable to fill in on a smartphone. Every superfluous field costs inquiries.
Test on Mobile Before Going Live
Speed: the Underestimated Factor
On the smartphone, speed is even more important than on the computer, because mobile connections are often slower and less stable. Research shows that around 53 percent (Google) of users leave a mobile site if it takes longer than three seconds to load. Every second of delay therefore costs measurable visitors – and with them potential inquiries. A slow site is not a minor annoyance on the phone but a direct loss factor. Precisely because most people on the go do not want to wait, loading time often decides whether a visitor sees your content at all.
Fast mobile sites do not happen by chance but through clean technology. This includes optimized images that are delivered only as large as they are needed on the respective device, as well as lean code without superfluous scripts and effects that only cost loading time. Hosting also plays a role: a server in Germany with short paths to the visitor delivers content faster than a far-away data center. Speed is therefore also a topic of ongoing website maintenance – a site that is fast today can become slow again through content added later if nobody pays attention to it.
- Deliver images in a fitting size and modern format
- Lean code without superfluous scripts and heavy effects
- Hosting with short paths to the visitor, for example in Germany
- Prioritize content so the most important parts are visible first
- Embed fonts locally instead of loading them from external servers
- Check loading time regularly, also after adding content
Mobile and Accessible Belong Together
Much of what makes a site easy to use on mobile also benefits accessibility. Large, easy-to-reach tap areas help not only on the go but also people with limited fine motor skills. Sufficient contrast and readable font sizes make reading easier on the smartphone in the sun just as much as for people with visual impairments. Clear, simple navigation helps all users find their way, regardless of whether they operate with the thumb, the mouse or a keyboard. Mobile optimization and accessibility are therefore not separate tasks but interlock.
This is also important because the topic of accessibility is increasingly in focus due to legal developments. A site designed to be mobile and accessible from the start is the future-proof choice – and does not cost more to implement when these principles are considered from the beginning. Anyone with an existing site that does not meet these points should consider a website relaunch in which mobile optimization and accessibility are built in right away instead of being retrofitted one by one.
| Aspect | Not mobile-optimized | Mobile-optimized (Webstart) |
|---|---|---|
| Readability | Zooming required, small text | Readable text without zooming |
| Operation | Buttons too small and too tight | Large, easy-to-reach tap areas |
| Mobile loading time | Often slow, high bounce rate | Lean and fast, even on mobile networks |
| Layout | Sideways scrolling required | Content adapts to the width |
| Findability | Mobile-first rating suffers | Good foundation for visibility |
| Surcharge | Often charged extra | Included in the fixed price |
Mobile Is No Surcharge with Us
How We Implement Mobile Optimization
Mobile optimization does not begin at the end with us but at the start. Already when building a site, we think the mobile view through instead of adjusting it afterwards. This means we structure content so that it stacks sensibly on small screens, that important actions such as calling or getting in touch are reachable immediately and that the site loads fast even on a slow connection. This approach saves time and money in the end because there is no duplicate work for two separate versions – there is only one site that adapts to every device.
Before launch, we check every page on real mobile devices and in different screen sizes. That way we make sure text is readable, buttons are reachable and content is fully visible before a visitor experiences the site. And because content changes over time, we also pay attention during ongoing operation that the mobile view stays good. Which requirements are specifically important for your site is best clarified in a personal conversation – non-binding via our contact page. Anyone starting fresh anyway can consider mobile optimization from the start, for example together with a website for the self-employed.
Note on Classification