Is Your Website Mobile Friendly?
As of summer 2015, Google announced that for the first time, more searches were completed on mobile than desktop computers. Google also implemented a mobile-focused algorithm encouraging businesses to place a greater priority on mobile. Mobile web design can present challenges for many businesses, as mobile web development needs to be cross-browser and cross-platform, including mobile phones, tablets, and even watches.
- 72% of consumers desire more mobile-friendly sites (Source: Google Research)
- 1525% increase in mobile search between 2010 and 2015. (Source: Mediative)
- 6.8 billion people use mobile phones – roughly 87% of the World’s population (Source Wikipedia)
- 80% of Internet users own a smartphone (Source: Global Web Index)
- 70% of mobile searches result in action taken within an hour as opposed a week for desktop (Source: Mediative Labs 2012)
- 27% of websites are misconfigured for smartphone searches, which leads to an expected drop in traffic of 68% (Source: Bright Edge Mobile Share Report)
- 69% of consumers expect and desire businesses to be within five miles of their current location (Source Google)
- 61% of mobile searches result in a phone call (Source: Google)
- 40% of searchers will move on to another mobile result if a website is not mobile friendly (Source: Icebreaker Consulting)
Click here to use this simple Google tool to test the mobile friendliness of your website.
How can you be sure your website is easily accessible on mobile devices and maintain strong rankings in search engines? We at Brum Advertising in Birmingham, Alabama have some tips and considerations for ensuring your site is optimized for mobile search:
Don’t create separate sites for mobile and desktop
Prior to the rise in mobile search, many businesses cut content to fit mobile, and created separate websites specifically for mobile. This presented many challenges in trying to figure out which content was most suitable for mobile. In addition, having two websites creates duplicate content, which results in a penalty or decrease in rankings, which defeats the goal of showing up in search engines. It’s best to have one website that is responsive.
Use responsive design
We now have the option to use responsive design. The responsive design approach detects a user’s screen size and allows for flexible images and layouts to change accordingly. A much better solution than having separate websites for mobile and desktop.
Use the viewport tag. The viewport is a virtual area the browser uses to determine how content is scaled and sized. This is a critical code that should be used when building a multi-device experience. Your site will not work well on a mobile device without this tag.
Font and button sizes should also be considered. Typically, font size should be at least 14px. Buttons should be bigger, rather than smaller to ensure a user won’t miss it or use the wrong button by mistake. Many design guidelines recommend button sizes to be 44px by 44px minimum.
Hi-resolution images are important on your responsive website to ensure your user’s experience is of the highest standard. Many of the latest mobile devices have high-definition screens that require an image nearly double the resolution of a desktop. High-resolution images avoid pixelated or blurry images when viewed on a retina-quality screen, especially on the newest IOS devices.
If you use videos on your website, keep in mind, the way video is viewed on mobile is quite different than desktop and often will not play properly. Using YouTube videos is a simple solution because the embed code on YouTube is already responsive. This can save many complicated and unnecessary steps in ensuring your videos are mobile-friendly.
If your web design isn’t mobile friendly, Brum Advertising is here to help. Please contact us at 205-447-9871.
++ Click Image to Enlarge ++
Source: The Growing Importance of Mobile Website Optimization Infographic