Should I Make My Website Mobile Friendly?
Yes, you should because if you have a mobile-adapted website, you will definitely get more customers. You also get much closer to your customers because most people today have access to a mobile that they carry with them everywhere. As a company, you also benefit from mobile adapting the website because Google’s ranking system benefits those who have mobile websites.
What is a mobile-friendly website?
A mobile-adapted website is a website that is at least as easy to read on a mobile device as on a computer.
To understand what it is about, we can imagine the opposite.
If the website is not adapted for mobile, the user is likely to experience one or more of the following problems if they visit the site via mobile phone:
- The content is too wide to display – the user has to scroll to the right to see everything.
- Difficult to access menus – it is hardly possible to navigate the site.
- Too small text – can not be read.
- Clickable objects (links) are too close together – difficult to click correctly.
On a mobile-friendly site, the user never has that kind of worry but can absorb and interact with the content at least as well as on a computer.
Over 50% of traffic takes place via mobile devices
Having a mobile-friendly website is absolutely crucial also to take advantage of the traffic and potential on the internet.
In many industries, we see that over 50% of traffic takes place on mobile devices such as smartphones, mobiles and tablets.
In some industries, we even see that over 79,8% of traffic takes place via mobile devices. This means that if your website is not responsive, you will lose great potential as the conversion rate (conversion from visitors to potential customers and leads) is much lower and that many visitors often choose to leave the website so it is not as user-friendly as a mobile-friendly website which is responsive.
Why do I need a mobile-friendly website?
The obvious answer to why you need a mobile-friendly website is to make your visitors happy. Of course, you want your customers to not only understand what you are writing but also to make them feel comfortable browsing the site.
Did you know that around 49,8 – 71,4 percent (depending on industry) of those who surf the web in 2022 do so from a mobile device?
Therefore, it is obvious why it is important to adapt the website so that it is mobile friendly.
Improved usability in different resolutions
Another important aspect that touches on the above reasoning is the importance that the website is also responsive and scales to different screen sizes.
So if someone is on an 11-inch computer or a 32-inch screen, your website looks good.
Studies have shown that websites that improve user-friendliness via both mobile-adapted functionality and responsive design lead to longer stay time on the page, higher lead generation and better Google rankings.
SEO – another important benefit of a mobile-friendly website
In the long run, it is also important to have a mobile-adapted site within the framework of SEO, especially in Google.
There are at least two ways that a mobile-friendly site gets a better ranking in the search engine. First, Google rolled out an algorithm update in April 2015 that meant that mobile-friendly websites get better rankings.
Here, Google describes in black and white how mobile adaptation is a ranking factor.
Secondly, the user experience is indirectly also a ranking factor. If your mobile users only stay on the site for a short time or quickly click on the back button in the browser, Google will notice it.
The signal that this behavior sends is that for some reason your site is not that interesting. This in itself leads to a worse ranking in the long run.
Local searches often take place via mobile devices
Several studies have shown that local searches often take place “on the go” via mobile devices.
Some studies conducted by Google have shown that as many as 93,67% of local searches take place via mobile devices.
The importance of having a mobile-adapted website to take advantage of this is thus clear.
This is how you know if you have a mobile-friendly website
Google has a free tool that you can use to test if you have a mobile-friendly website.
- Go to https://search.google.com/test/mobile-friendly.
- Fill in the URL of your web page.
- Click “Test URL” and wait for a minute.
- Now you can see if your site is mobile-friendly or if some improvements are needed.
Check your mobile friendliness with the Google Search Console
With the Google Search Console, you as a webmaster or website owner can easily get an overview of all the critical problems that the site has according to Google.
This includes even if the search engine discovers that one or more of the pages on the website are not mobile-friendly. Then you will receive a warning message, also by email if you wish.
This allows you to investigate and correct the problem to avoid losing rankings.
The importance of fast loading speed
It is not enough that your website is mobile-friendly. It must also be fast. As a large part of the mobile phones use either 3G or 4G networks, it is of the utmost importance that the website loads quickly.
For every 1-second that the page loads more slowly, 20-30% of visitors leave on mobile devices.
Therefore, make sure that you have a website that is optimized for speed and uses hosting and web hosting that offers good loading speeds.
Also optimize and compress your images so that they are as small as possible.
I myself use Shortpixel which is a great plugin to bulk optimize all your pictures in one swoop.
Create a responsive and mobile-friendly website
There are basically two ways to create a mobile-friendly website:
- Create a separate site – for example m.example.com.
- Create a responsive website that adapts itself depending on the device.
The latter is today by far the most popular way to create a mobile-friendly website. It has to do with resources. Creating a site instead of two is significantly cheaper.
On the one hand, it has to do with quality. If you are constantly updating two websites, it is likely that you will sooner or later miss something important.
What is responsive design?
Responsive design is when text, images, menus and videos are automatically adapted to the device that the user has. If it is a mobile device such as a mobile phone or tablet, the screen size is much smaller than on a computer.
The responsive design takes into account screen width and resolution so that the content can be displayed in a nice and clear way.
A mobile-friendly website simply.
Previously, web designers built websites based on computer users.
Since mobile phone users are now in the majority and because it is increasingly important that websites look good on mobile phones, all good sites today are based on this perspective.
In the developer world, this thinking is called mobile first.
How can I get a mobile-friendly website?
Creating a mobile-friendly website is easier than ever. The world’s most used platform for websites – WordPress – has many themes that are mobile-friendly.
There are also several other platforms and tools for creating a responsive website.
If you take a look at this video I found on Youtube then you can probably get some help with creating a mobile-friendly website that gets a good ranking, check it out:
Clear text formatting
Keep in mind that it is more difficult to read long pieces of text on mobile, so be sure to divide these into clear and short paragraphs.
Three to four sentences per paragraph is a good rule of thumb to take with you.
Also think about making the reading experience extra interesting to keep the interest up.
My experience has shown that the range of interest on the mobile is much lower compared to the desktop version, so make sure to make the website, content and images interesting.
Feel free to incorporate video as well.
Here are my top 4 tips for a mobile-friendly site
1. Mobile-adapted field types – that’s how you do it
The virtual keyboard of a Smartphone with a touch screen has its advantages and disadvantages.
Most people can type faster on a physical keyboard, but on the other hand, the virtual keyboard can be adapted to different needs and occasions.
For a mobile user, for example, it may be worthwhile to get an enlarged keyboard if, for example, a card or OCR number is to be entered when making a payment from the mobile.
2. Responsive tables
One of the challenges with a mobile-adapted website is to get decent tables. Responsive tables that adapt to all different units can be a challenge to create.
3. Mobile-adapted menu on the site? Do this
Another challenge with creating a mobile-adapted site for small screens is to develop a menu that stays clear and fully visible without the visitor having to zoom in / out or turn and rotate the mobile / tablet.
Here I present two different solutions; a horizontal and a vertical so-called “hamburger menu” which today is used by most sites online.
4. Create a website quickly, smoothly and responsively with WordPress
WordPress is the world’s largest website tool with millions of users worldwide.
Most WordPress themes are responsive and adapt to the device from which the site is visited, whether it is a computer, mobile or tablet.
To create a mobile-friendly website in WordPress, you need to install WordPress, choose a responsive theme and then fill in with text and images.
If you need help getting started, I can recommend my theme I am currently using called acabado, created by Income School.
What I think is the most important thing about mobile adapting a website is that customers will be much more satisfied and that is what you want.
Everyone wants satisfied customers. The whole experience of the website will be better because you do not have to zoom in on everything you have to do and you can read the text in an easier way than if it had been computer-adapted.
It provides a great proximity for those who visit the website. If it is a regular website that you have to navigate to from your mobile, you will be very easily irritated.
So, what are you waiting on? Start adapting 😉