Benefits to Having a Mobile-Friendly Site

Jun 03, 2015 Posted by June Kucalaba in Website Design

You’ve been told your company needs your website to be mobile-friendly, but why? Isn’t your current website working just fine?

Instead, it may be good to ask “are our precious clients and customers having the best experience possible on our website?”, and take into account the context of how the website is being used.

Meet Your Users Where They Are

If your website is mobile-friendly, people won’t have to sit at a desk to access your website. On average, over half of traffic on Google is mobile, and that number is increasing. Making sure your website content can be easily read on devices makes business sense. For example:

  • Do you have a product to sell? Make it easy for users to purchase it when they’re on the go.
  • Do you have an event at a large venue? Provide a map that users can check on their smartphones as they walk around.
  • Does your sales staff use tablets to show customers products from your website? Your product images and info can scale to the size of the tablet.
  • Do you prefer that leads call you directly on the phone instead of sending an email? If your customer accesses your website through a smartphone, he or she only has to press one button to call.
  • Is your business visited by tourists? Make it hassle-free for them to find your store’s location even if they didn’t pack their laptop. Plus, they wouldn’t have to type in the store address in the GPS app on their smartphone.

Better Ranking

Your site will rank better on Google Mobile Search if your site is mobile friendly. In April of this year, Google launched an algorithm that gave ranking power to mobile-friendly sites in mobile search results.


Responsive Versus Adaptive Techniques

There are two methods used to create mobile websites: responsive and adaptive. Website content and layout can be optimized to suit the size of the screen or the type of device used to view them using either of these techniques.

Responsive Design

You may have heard the word “responsive” in reference to web design recently. With responsive design, there is one design that responds to the size of the device screen. Because of this, it is the way to reach the broadest mobile audience and allows the website layout to conform to any new devices that come out on the market. Is your site responsive? Test out your site by reducing the width of your browser window. The content should adjust to the width as you resize your browser window.

Website 480x800 Pixels (Phone)

Website at 480px x 800px (Phone Size)

Website 1680x1050 Pixels (Desktop)

Website at 1680px x 1050px (Desktop Size)

Adaptive Design

Alternatively, some websites detect a device and content is adjusted based on that (adaptive design).

Adaptive design may be used if there needs to be a high level of fine-tuning over the layout, even on older devices. Downfalls of adaptive design include:

  • The layout may not look as intended if the user has disabled javascript in their browser.
  • Regular maintenance is needed to to ensure the latest devices and specifications are being detected.
  • If there is a completely separate mobile version of the website that requires a second set of files, having that duplicate content is frowned upon by search engines, and the site could take longer to update if it needs to be changed in multiple places.

Enter your website URL into Google’s mobile-friendly tester. Does it pass the test? If not, let Cassel Bear help get your site up to par.


CONNECT WITH US