Make Site Google Mobile Friendly

Google Mobile Friendly Test

Making Site Google Mobile Friendly

This morning I started our week-long journey of checking all our client’s websites for the Google Mobile Armagaeden to make sure that the promotion of mobile friendly sites becomes a huge positive thing for our clients. I don’t want to lose the traffic we’ve been working and battling for. I see this as an opportunity, if industry competitors are not taking the time to check to see if the pages pass Google’s Mobility Test, we will take a leap in the rankings. By meeting with Maile Ohye at SES Miami recently, I learned that even though your site may appear to be “mobile friendly” to users, that isn’t what matters. The real test is when Google-bot runs the page through their webmaster Mobile Friendly Test, the URL either passes or fails. It’s a binary decision with no middle ground.

 

Let’s See An Example

I like to test out new technology and processes on our company site. That way we can learn and not hurt any of our clients. I started out with my handly list of URLs I was able to generate from Screaming Frog (an SEO tool) and I thought I’d be able to quickly check off that our site is “mobile friendly”. As you can see the site looks good for users.

Success - Passed Google Mobile Friendly Test screaming frog screencapture mobile screenshot

I’ll admit that it could look better, but no site is ever finished. They are always a work in progress getting better and better with information and optimisation. Overall though, a user can access the site from their phone, and navigate easily from the navigation menu.

Not Mobile Friendly Enough for Google

Site is not Google Mobile Friendly

Even though the site looks OK on mobile for humans, it doesn’t pass the Google Mobile Friendly Test. Therefore, it is NOT mobile friendly and will not be promoted after April 21st, 2015.

So, you can only imagine my surprise, when I ran the site through Google’s mobile checker.

Looks like Google-bot sees the site differently than a user, because the old best practice of blocking the crawl of .css and .js is preventing a proper render of the page.

 

How To Fix the Mobile Compatibility Issue

 

screaming frog screencapture

Create or update your .xml sitemap. I ran a crawl through the site with Screaming frog and exported a new sitemap and then uploaded it to the server to replace the existing sitemap.

 

Another Issue with Lead Gen Form on Mobile

So it turns out along with the issues above, we had an email lead generation form interstitial that will pop for different users and at different times. Instead of indexing our homepage as having the content that exists, it may index the copy on the interstitial being served up by the JavaScript. I turned off the lead generation form.

 

This is what success looks like

 

been working and battling for. I see this as an opportunity, if industry competitors aren’t taking the time to check to see if the pages pass Google’s Mobility Test, we will take a leap in the rankings. By meeting with Maile Ohye at SES Miami recently, I learned that even though your site may appear to be “mobile friendly” to users, that isn’t what matters. The real test is when Google-bot runs the page through their webmaster Mobile Friendly Test, the URL either passes or fails. It’s a binary decision with no middle ground.

 

Let’s Take An Example

I like to test out new technology and processes on our company site. That way we can learn and not hurt any of our clients. I started out with my handly list of URLs I was able to generate from Screaming Frog (an SEO tool) and I thought I’d be able to quickly check off that our site is “mobile friendly.” As you can see the site looks good for users.

I’ll admit that it could look better, but no site is ever finished. They are always a work in progress getting better and better with information and optimization. Overall though, a user can access the site from their phone, and navigate easily from the navigation menu.

Not Mobile Friendly Enough for Google

So, you can only imagine my surprise, when I ran the site through Google’s mobile checker.

Looks like Google-bot sees the site differently than a user, because the old best practice of blocking the crawl of .css and .js is preventing a proper render of the page.

 

How To Fix the Mobile Compatibility Issue

 

Create or update your .xml sitemap. I ran a crawl through the site with Screaming frog and exported a new sitemap and then uploaded it to the server to replace the existing sitemap.

 

Another Issue with Lead Gen Form on Mobile

So it turns out along with the issues above, we had an email lead generation form interstitial that will pop for different users and at different times. Instead of indexing our homepage as having the content that exists, it may index the copy on the interstitial being served up by the JavaScript. I turned off the lead generation form.

 

This is what success looks like

mobility test success screen

About the Author

David is the CEO and founder of Web SEO and Design LLC. When David isn't writing blogs showing how do make the most of your online marketing efforts, or working on client strategy, he enjoys spending time with his family, checking out the local Delray Beach scene, and watching silly pet videos on YouTube.