How to build Mobile Websites

Google Deadline

April 21, 2015 is Google deadline. From this date - website that are mobile friendly will be ranked higher compared to site that are not moble friendly
If a significant %age of your web traffic is mobile, but your website is not mobile device friendly - your site will get penalized
Google provided these set of tools to check whether your site is mobile friendly or not?
Use Google Analytics to determine how much of mobile traffic you get?
Use Page Insight to check issues in your page for Desktop and mobile ?
Explictly test for mobile friendlines.
Google can also generate changes for you (e.g. Javascript, css) and provide guidelines what else to change?
However you still need to determine what architecture is right for you?
  • Use Google PageSpeed Insights to know issue that is slowing it down.  Pay attention to  “Speed” sub-section.  Fix  the issues marked as “Should Fix.”
There are 3 methods to build mobile website for better SEO:
  1. responsive web design,
  2. dynamic serving,
  3. separate URLs.

 

Learn the pros and cons of each configuration and choose the most fitting method.

For Mobile  minimum font size should be 12 pixels;

Smaller than 12 pixels will not be clearly visible on mobile device. Use a typeface that is clean and easy to read.

Avoid use of imagebased text.

For mobile website choose the width in such a way that user need not have to scroll right. Scrolling up and down is fine. But croll sideways is bad experience and hence bad for SEO.

If your website has content that only works on desktop and give warning message on mobile - it is not SEO friendly if you display the same page for mobile.

What to do

Instead of using a proprietary video player or putting content in unsupported formats, use HTML5 standard tags to include videos or animations.

you should make seperate site for mobile.

For animated content rendered using Flash or other multimedia players, consider using HTML5 animations that work across all web browsers

OR remove such content for SEO.

having the transcript of the video available. This will make website accessible to people who use assistive browsing technologies or who have browsers that cannot play a proprietary video format.

I guess the reason is such content spoil experience of user accessing your site on mobile.

Example

Some types of videos or content are not playable on mobile devices, such as license-constrained media or experiences that require Flash or other players that are not broadly supported on mobile devices.

Page Speed is important for desktop as well as for Mobile. If Mobile pages does not load quickly - it will be bad SEO.

For Mobile and also for desktop make your website - touch friendly.
For the human finger, 48 dp (density independent pixels) is the minimum recommended touch target, with at least 8 dp between targets.

If you have separate mobile URLs/website for mobile and smart phones , ensure that you are correctly redirecting mobile users to appropriate page.

Many sites simply redirect them to homepage on mobile.  This is bad SEO