How to make sure your site is mobile friendly in a ‘mobile-first’ world

mobile marketingThe world is dynamic, and people are moving from using desktops to using the Smartphone in finding information and communicating via the Internet. In lots of countries, the number of Smartphones in use is more than personal computers. All the more reason to make your site mobile friendly. A mobile friendly site is the one that has the correct display for handheld gadgets like tablets, Smartphones, iPhones, and iPads. The site also has minimized scrolling, easy to navigate, loads faster and avoids using flash. Making you site mobile friendly makes you visible to a wider pull of mobile users since your website will be visible in the search results depending on how well you have configured it. There are three things you should know when making a website accessible by a mobile phone user. Among them is:

  • Making it easy for you customers. The reason for creating a website is to provide information or products to a client. The reason why customers visit your website is to get information or the product faster. Making your site easy to navigate helps the customer complete their objective hence they are satisfied. A complicated website will only put them off and opt for one that provides solutions efficiently hence you lose traffic.
  • Making it efficient by how a customer completes common tasks. The site needs prioritization by starting with the significant and common tasks for clients on mobile devices. A site that supports these features allows easy completion of the tasks by helping the customers complete their search objectives. A unified experience across all platforms is also necessary.
  • Selecting a theme, template, or design that is consistent across all devices. This is the use of Responsive Web Design (RWD) where the page uses the same code and URL whether on a desktop or a mobile device. The only thing that should change is the display where it changes depending on the screen size of the gadget being used.

A website that is mobile friendly has to meet the following specifications:

  • Responsive to the size of the screen where one does not have to scroll horizontally to see full sentences.
  • Avoids use of software that are not common with mobile phones. An example of such a software is flash.
  • Places links far apart so that it is easy to tap without having to zoom the content.
  • Uses texts that are easy to read without one having to zoom on the screen.

There are three ways of configuring your website to be mobile friendly. They are Responsive web design, separate URL, and dynamic serving. The responsive web design as mentioned before uses the same URL and same HTML code across all devices, but the content is displayed on the screen differently depending on the screen size. Separate URL uses different URLs on different devices, where the configuration detects device in use then redirects it to the appropriate page. Dynamic serving, on the other hand, uses the same URL across all devices but different HTML code for different devices based on the server’s knowledge of the user’s browser.

google mobile friendly toolMake your site visible to a great pull of customers by configuring your site to be mobile friendly since a large number of people use mobile phones to browse and you do not want to miss on that. Optimizing your website helps your visitors keep reading rather than putting them off.

Once you put this into play and would like to check if Google itself deems you “mobile friendly” then head over to their free online tool here. The image on the right is the result you are looking for. Google will give you the “green light” in letting you know you have developed your website well for mobile web users.

 

2 thoughts on “How to make sure your site is mobile friendly in a ‘mobile-first’ world

  1. I’m finding that making an existing site mobile friendly is much easier said than done. For the last two months I’ve been pounding my head against the wall in frustration. I’ve tried three programs that claim to make responsive websites only to find them confusing. Hours of experiments with these programs gave me pages that weren’t responsive after all. I tried pre-made responsive templates but my WYSIWYG HTML editors couldn’t display them properly. Then I tried making a basic index page for a separate mobile version of my site. It looked great on my Android smart phone’s two browsers (Chrome and Firefox) but when I tested it on Google’s mobile friendly tester I got a failing grade. WTF???

    My skill level is such that I am reasonably competent with basic HTML, but advanced concepts like CSS (necessary for responsive web design) makes my head spin every time I’ve tried to understand it.

    I’m at the end of my rope, dangling.

Leave a Reply

Your email address will not be published. Required fields are marked *