If you have a page which you want to be comfortable for visitors from mobile devices as well as for visitors from the computer’s web browser, you have basically two options:
- responsive design
- mobile version
With a responsive design, the site is edited to fit any device, and the URL of the subsite remains the same. From the SEO point of view, it is clear that it does not require any special settings.
However, this is different if you create a special version for mobile devices. Typical “m.adress.com” . The server recognizes the type of visitor’s device and redirects it to the version that is intended for it. In this case, you are most likely to be similar (if not the same) to two URLs – www. version and m. a sub page version.
So how to avoid duplicity issues? The solution is rel = canonical (in combination with rel = alternate), which was introduced in 2009 and is supported by all major search engines today.
Very interesting is the media parameter where we can tell the search engine how much visitor resolution is coming to redirect. The search engine can then display a mobile version for those visitors in search results.
As you could see, it is not complicated, but it is a frequent and unnecessary mistake, which subsequently causes complications with duplicate content.
Furthermore, here are the following tips that can help you create a good design for your mobile version.
- Do not separate the websites
Perhaps the most common mistakes of business owners are that they tend to create two separate websites. One for the desktop and one for the mobile because they tend to cut some details they think wouldn’t fit on the mobile version.
However, this can result in a duplicated content. The Google will penalize your website if it finds out that you have the same content posted on two different websites. It also decreases your chance of higher rankings. Hence, never create a separate website should you wish to have a mobile version.
- Make sure it’s responsive
As what we’ve mentioned above, if you want to increase traffic you either create a responsive design or create a mobile version. But why not combine the two? Responsive design is easier to navigate and provides a better user experience. Images, layouts, and queries should be all flexible. Now, when you opt for a responsive website, the web page will automatically change the layout according to the screen of your user’s mobile phone. It’ll be more convenient and appealing to them.
- Mind the font size
You should also pay attention to the font size of your website. It should be at least 14px for a clear presentation. Users hate to zoom in and out in reading your content so you might as well adjust its legibility for them. If you are going to use 12px, make sure that it’s only for the forms or labels but not the content.
For the button, you should also pick a bigger size. In that way, the user decreases the chances of pressing the wrong button while navigating. It should be at least 44px by 44px. If the user finds your website hassle or requires a lot of work just to read the content, they will eventually look for another website that can offer a better experience.
- Images should be of high-quality
Never post low-quality or blurred images. High-quality images are important for mobile version if you want to meet the expectations of your users. Even if they have retina-quality screen, rest assured that they will not encounter any blurred or pixelated images on your website.
- Do not use the default zoom
Another thing to remember: make sure not to use the default zoom. It can seriously interfere with the layout of the elements. Your images may appear too small or too big. If you’re going to use videos in your content, make sure that it’s coming from YouTube to have a better screening.
Keep these tips in mind when creating a mobile version of your website. Considering the importance of mobile version, switching to one is not just enough. You need to design it properly otherwise the results would be counterproductive. Even if you have a mobile version of your website, if it cannot serve your users properly then it would be rendered useless.