Is Your Site Mobile Friendly ?Optimize Your Site For Mobile For Google With This Easy Steps !

Mobile-SEO-Guide-2017

 

 

 

 

 

 

 

 

Are you still struggling with Mobile-SEO  since Google’s Mobile algorithm update.Well, here are some tips you can follow to optimize your  site ranking on mobile devices.

Let’s start with the basic site  framework set up for a mobile version of your  site .

 

MOBILE SITE SET UP

 RESPONSIVE WEB DESIGN

Responsive means you will have the same code rendering different displays   depending on the devices & screen size  with the exact same URL & requires no redirection. You can use META  name= “viewport”   attribute & value  to tell the browser  how to adjust the content.

 

DYNAMIC SERVING

In case of  Dynamic serving  the server responds with a different code  altogether depending on the User-Agent requesting the page.

 

SEPARATE URL’ s

Here,  each desktop URL has a separate mobile version of the URL

 

MOBILE SEO GUIDELINES

1.Don’t Block JS, CSS & Image Files

You should make sure GoogleBot can crawl  JS,CSS & Image files by using the             ” Fetch As Google ” feature in Google Webmaster Tools.Check your site with “Mobile-Friendly” test & check that robots.txt is not blocking any of the above file.

 

2.Avoid Unplayable Content

Use  HTML5 for animations . Use video-embedding playable on all devices & provides a transcript for the video.

 

3.Faulty Redirects & Cross-Links

Use  GWT to find the  faultyURL’s to fix them & fix your server to point to the accurate mobile equivalent  URL of   your desktop version .

 

4.Use Mobile Only 404 Page

If you don’t have a separate 404 for smartphones then keep your users to your  desktop page rather than redirecting them   & if you use Dynamic serving  ensure your agent detection is configured correctly.

 

5. Speed Up Your Loading Time

Test your site speed for both Desktop & Mobile using Google PageSpeed Insights.

 

6. Use Rel Attribute

<Link Rel=”Alternate” Media=”Only Screen and (Max -Width:640 px)   href=”m.ipssdigital.com/contact-us “/ >

Use this attribute on the desktop page to map the mobile version of the URL.

 

7. Use “Vary:User -Agent ” HTTP HEADER

This is necessary to be configured in the  server  whether the server redirects or shows different content  according to the device.

 

8. Use “Rel=Canonical”

Use the desktop value  for both the mobile & desktop version which  prevents  confusion about indexing duplicate contents.

 

9. Site Design For Mobile

  • Don’ t Use Flash
  • Design For The Fat Finger
  • Don’t Use Pop-Ups 
  • Optimize Title & Meta Descriptions
  • Use Schema.org  For Rich Snippets
  • Optimize For Local Search
  • Mobile Sitemaps

 

Since the  launch of mobile update algorithm on April  2015 Google is giving a significant weightage to sites which are optimized for mobile devices . Hence, if your site is not optimized in accordance with the above listed guidelines then you must do it now  to get a better ranking !