If you ignore the importance of having a mobile-friendly website, you may miss out on opportunities and run the following risks:
Loss of community: New users respond to their first impression of a website. If they have trouble viewing your site, they may not return and you will lose potential readers.
Loss of traffic to your blog: Consumption of content from mobile phones could account for between 20% and 40% of your traffic.
Fewer subscribers to your email list: If your blog and subscription form are not properly optimized for mobile use, you will only frustrate your users, who will ultimately not subscribe.
ideaIf you don't have a responsive website you can lose community and web traffic, as well as get fewer subscriptions.
15 32How to know how many visits you receive from mobile devices with Google Analytics
To find out the percentage of visits you receive from mobile devices and tablets, click on “Add segment” at the top of your Google Analytics dashboard and select “mobile devices and tablets.”
This way you will have an overview of how much of your audience visits argentina telegram data website from mobile devices. The results will be displayed to you as follows:
Guide-responsive5 (1)
As you can see, last month I had 24.71% of traffic from these devices.
Google Analytics also lets you know how many visits you are receiving from mobile devices. By accessing your Google Analytics account, from Audience > Mobile , you will have an overview of the sessions on your website from different devices.
The interesting thing is that you will be able to see the brand of the devices from which you receive visits, thus being able to optimize the size of some elements of your website, depending on the screen resolution.
5 21Check that your website is properly prepared for mobile devices
With a responsive website, it is best to be able to read all the content without having to zoom in with your fingers. With Screenfly you can view your website on different devices from different brands, with various different screen sizes.
On the left I show you an example of a website not adapted to mobile devices, and on the right one that is adapted:
Responsive Guide
Not optimized for mobile
Responsive Guide
Yes optimized for mobile
17 11How to create a responsive blog adapted to mobile devices?
There are different ways to have a responsive website.
1. Create a separate mobile version of your blog: Creating a completely separate version of your website can have advantages such as improved loading times. Because it is a different design, images and other elements can be optimized much more. This will improve the speed of your site since the same elements as those in the desktop version are not used, which will be heavier.
If you use WordPress, the cheapest and easiest way to make your mobile version responsive is with a plugin that does it automatically, such as WPtouch Pro .
2. Use a responsive template for your entire website: templates for CMS like WordPress or Joomla are usually all responsive.
The interesting thing about these templates is that they detect the size of each screen and adapt the content so that it looks and adapts correctly. There are several sites to download responsive templates such as Themeforest or Studiopress .
In the in-person and online WordPress course that we teach at Aula CM, we use premium responsive templates that are fully adapted to all mobile devices.