I have a website with the Response Header Vary set to "User-Agent". I have verified that none of the JavaScript or CSS code is blocked using the Fetch as Google tool. When looking at the Rendering tab for Googlebot type Mobile:Smartphone it is showing that Googlebot is seeing the normal web version and not the mobile version. It also shows on the Rendering tab that the visitor would have seen the page showing the mobile version correctly.
Google is showing my website as not mobile friendly. But, there is a very nice mobile version of the website for mobile that comes up when I visit with my iPhone or use the Google Chrome simulator. Also, I am not using a second URL for my mobile version (m.mysite.com).
We are using the Mobile Device Detector module for detecting a mobile device.
Our Sitecore version is: Sitecore.NET 7.5 (rev. 141003).
Do I have to convert my website using Bootstrap in order to get Googlebot to see my mobile version and consider my site mobile friendly? It has been suggested that I change the site to use Separate URLs.
Here are the response Headers:
Here is the rule which sends the Mobile version.
Here is the Google Mobile Usability Report:
Here is the Google Mobile-Friendly Test:
The Screen Width Rule Element for Device Detection points to:
Sitecore.SharedSource.MobileDeviceDetector.Rules.Conditions.ScreenWidthCondition, Sitecore.SharedSource.MobileDeviceDetector
Edit:
Here is the version of 51Degrees we are using. 51Degrees emailed us to say that the version we are using is no longer supported and that we should look into using 3Chillies.