The mobile version of a website – is how a user sees your site from a mobile device – a phone or a tablet.
According to Statcounter, more than half of the world’s users search for something on the Internet from mobile devices. Google, for its part, states in The Mobile Playbook Google’s guide for busy executives that 40% of users will go to a competitor’s site if it has a good mobile version. It is no coincidence that an unoptimized mobile version, or the lack thereof, lowers an Internet resource’s ranking in the search results of this search engine.
It is also important to note that today the search engine indexes primarily the mobile version, and based on this information determines the position of a web resource in the results of the output. It’s all for the convenience of the majority, which is what mobile users are all about. Join the 20,000 entrepreneurs who already have an edge and get free online marketing advice Subscribe
If you’ve got a mobile-friendly website and you’re not sure if it’s optimized for mobile devices, Google can help you. Just enter your website URL into Mobile-Friendly Test and click “Test this page. The service will evaluate your site and also provide useful tips on how to improve it.
For a website to take top positions in search engines, the potential audience did not leave it without committing any actions, and turned into loyal customers, and need to optimize the site for mobile. There are two main ways to make the adaptation of the website for mobile devices. For this mission, either the use of adaptive design or the creation of a separate mobile version of the site on a subdomain will do.
If an adaptive design was originally developed for the site, then, regardless of what device the user came from, the site will be displayed correctly. With adaptive design, any image, block, font size is automatically adjusted to the size of the user’s screen, which is achieved through CSS.
If you have some web development and design skills, and you’re going to adapt your site. Be prepared to implement the following steps:
Adhering to these and other recommendations specified in the instructions will make every element of your site convenient and visible. And this greatly increases the conversion and reputation of the resource.
Relatively quickly adapt the site can be used with ready-made themes (templates) or plugins. This option does not require technical skills. However, it is not available to everyone – only the owners of sites on a separate CMS.
The first option – install a special plugin for an existing desktop theme, which converts it to mobile devices. For example, for Joomla sites, Responsivizer and Mobile Joomla plugins will do the job, for Drupal sites – ThemeKey and MobileTheme. For WordPress will do WPtouch. And even not so long ago, or rather until March 2020, often used the plugin for mobile optimization JetPack. However, the developers of the plugin removed the mobile theme function, which is responsible for adapting the site for mobile devices, explaining that “most of the themes now by default include a mobile design, so this function is no longer needed. In addition, they recommend using adaptive themes and not making it harder on yourself.
If you install a theme with an adaptive design on your site, it will automatically become accessible to visit and view from mobile devices. Depending on what engine your resource is developed on, you can easily choose the appropriate templates. There are both free and paid adaptive templates, it all depends on your preferences and budget.
With OpenCart everything is a little more complicated. Yes, on the Internet you will find many adaptive templates designed specifically for this CMS, but they are not always possible to apply. The fact is that the OpenCart site consists of different functional modules. As a rule, the modules “out of the box” are not enough for a full online store. For this use additional custom modules, in most cases are not supported by the mobile theme, which provides only standard limited functionality. To correctly display the OpenCart store and work on different devices you can:
The development of a separate mobile version of the site is more resource-intensive but has its undeniable advantages for certain types of websites, namely for large projects: portals, social networks, online stores with a wide range. Also, this option will be more convenient for those who already have a desktop site, because we will have to finalize only the mobile version.
Note! To show Google that this is not duplicated content, but the mobile version of the site should use special meta tags rel=”alternative” and rel=”canonical”.
Also, if you decided to have a separate mobile site, be prepared to do twice as much work – changes to the mobile version of the site are made regardless of its desktop version. Search engine optimization and content management are also done separately.
To create a mobile version of the site it’s possible to use special online services – mobile version designers. Such a solution will suit the owners of small and medium-sized sites of various types, with no coding experience. The most popular are Duda Mobile and Wix. With their help you will be able to convert your desktop site so that all of its content will be horrific, unnecessary elements and functionality will be cut down to make the resource easy to use on mobile devices.
1. Do not ignore the loading speed
2. Don’t forget to check how elements of your site are displayed
in the mobile version, because according to a study by Tony Hale of The Times, the user who first came to your resource decides in just 15 seconds whether to stay or leave the page. Therefore, your mobile site must be intuitive and easy to use. To do this, do not forget to check the page with the Mobile-Friendly Test. Don’t ignore page optimization tips from the search giant Google, especially since they are free!
3. Adhere to the principles of Mobile-First
Ideally, when creating a site, you should start with the design of the layout is for mobile. After all, placing a lot of elements on the big screen is not as difficult as on a small one. In addition, Google prioritizes the mobile version of the site. To win the top positions in search results, it is worth paying due attention to adaptation for mobile devices. Again, to check how much your site is optimized for mobile devices you can use the Mobile-Friendly Test.
4. Use technology AMP
If the loading of the site lasts more than 3 seconds, half of the users leave, according to statistics from Google, found David Kirkpatrick in an article on MarketingDive.
Significantly accelerate the loading of pages can be achieved by using AMP technology, which compresses the data volume of pages, reducing it by a factor of 8. Google developed the technology to increase the speed of loading sites. In search results, resources that use this technology are marked with a special icon-lightning. And also have a URL with the prefix /amp.
However, this method of speeding up pages will not suit all. The thing is that the user who enters the site with AMP, automatically redirected to a simplified version, which is likely to be no widgets, or comments section, or additional blocks, for example, “Recommended”, weighing the page. That’s how you get lightning-fast loading with AMP.
If you’ve worked hard on the design and aren’t ready to sacrifice the aesthetic part, this technology isn’t for you. But, if you have a blog or news resource with a lot of the same template pages, a technology that generates fast dynamic pages will only improve the user experience.
You should also pay attention to Google AMP Cache, a method in which site data (images, fonts, etc.) are saved, large pictures are automatically converted to formats for mobile devices. Such features help to improve server performance and your site will work much better on mobile devices.
As you can see, adapting your website for mobile devices is very important. This will not only improve the ranking of the Internet resource in search results, but also improve the experience and loyalty of users, who will be happy to come back to you again and again, and recommend your resource to friends and acquaintances.
So, once again, let’s list the options for adapting the site for mobile devices: