Does Your Website Pass the Mobile Friendly Test?

 

If your website is not mobile-friendly in (almost) 2019 then it is seriously putting a negative impact on your Google ranking. As of late 2016, mobile traffic has surpassed desktop traffic meaning people are viewing your site through their phones more than their desktop. Here are three simple items to address to make sure your site is mobile-friendly:

QUICK NOTE: Enter your website in Google’s FREE Mobile-Friendly Test

  1. Collapsable Menu

Make sure that instead of your menu being shrunk down at the very top, it collapses into an icon that can either be placed on the left or the right hand side of your website. This way, your header isn’t overcrowded and your menu items are legible and easy to click. Also, it’s a lot easier to navigate on a mobile device. Restoration Hardware’s website is a great example of what NOT to do if you view it from your mobile device. Not only are the menu items so small you can barely see what they say, they are hard to click on and you have to zoom in to make sure you don’t get taken to the wrong page.

Mobile Friendly Test 1.jpg

2. Legible Font Size

Just because the screen that is used to view your site is smaller doesn’t mean that your fonts should be smaller too! Make sure that all of the text on your pages and your blogs is big enough so that viewers don’t have to zoom in on their phone. All body text should be between 10px - 16px depending on what font you are using.

3. Responsive Design 

Squarespace is amazing when it comes to making sure your design is responsive on both a desktop and tablet which is why I use them to design all my clients websites as well as my website templates. The Rejuvenate Template is a great example of a responsive website design. As you can see on the desktop version, when you scroll down you see an image with text “Title One” by the image and another image with “Title Two” next to the images. You also have a newsletter capture at the bottom that asks for their first name, last name, and email. On the mobile version, instead of having the images and the text boxes beside either, they are stacked on top nicely to fit the portrait mode of your phone.

Desktop

Mobile

Mobile friendly.jpg
 
 
Leawood StudioComment