Tips for a Successful Mobile Friendly Website

Tips for a Successful Mobile Friendly Website

• Google recognizes three different configurations for building mobile websites:

1) Responsive Design. 2) Dynamic Serving. 3) Separate URLs.

• Google recommends Responsive Design over the other two. You need to signal Google that you are implementing one of these configurations on your website.

• Mobile pages that provide a poor searcher experience can be demoted in rankings or displayed with a warning in mobile search results.

• Page speed is a Google ranking factor and nowhere is speed as important as it is for mobile.

• Blocking page resources can give Google an incomplete picture of your web site. This issue often happens when your robots.txt file is blocking access to some or all of your page resources. Make sure all css, javascript and images can be seen by Google.

• Google wants webmasters to avoid newsletters or an app download pop-up on mobile friendly websites and instead suggests using an information bar or simple banner

• On the mobile version of your page you have less room to display things, but more importantly, mobile users have less stable internet access that is significantly slower and less reliable. So, Google wants you to implement Conditional Resource Loading to load mobile friendly websites fast.

• Use legible font sizes so the text of your pages must be easily readable on mobile devices.

• Tap targets should be big enough to touch easily and should have enough room around them for a fingertip.

• A button should always be larger than the plain text on your web pages and should have room around it already.

'Make sure mobile redirects are not hurting your page speed.

• Make sure that Googlebot and your users are seeing the right version of your webpages.

• Avoid any sort of plugins which can your make your mobile friendly website suffer in rankings.

• CSS media queries should be used to apply different styling for small and large screens.

• Don't make users pinch-to-zoom.

• Avoid setting large absolute CSS widths for page elements since this may cause the element to be too wide for the viewport on a narrower device. Instead, considerusing relative width values.

• Keep Menus Short and Sweet.

• Do not use large absolute positioning values that may cause the element to fall outside the viewport on small screens.

• Make It Easy To Get To The Home Page.

• Make your mobile friendly website vertically scrollable and not horizontally.

• Make product images expandable.

• Avoid featuring unplayable content such as license-constrained media or experiences that require Flash which is not supported on mobile devices.