Mobile friendly Test Tool
The web is being accessed more and more on mobile devices. In many countries, smartphone traffic now exceeds desktop traffic and smatphones has surpassed personal computers.
Today, everyone has smartphones with them, constantly communicating and looking for information.
Designing your websites to be mobile friendly ensures that your pages perform well on all devices.
If not mobile-friendly, a site can be difficult to view and use on a mobile device. A non-mobile-friendly site requires users to pinch or zoom in order to read the content. Users find this a frustrating experience and are likely to abandon the site. Alternatively, the mobile-friendly version is readable and immediately usable.
The following table gives you a detailed explanation and example of each of the test-result parameters.
|
Test status unspecified
|
Internal error when running this test.
|
|
Internal error
|
Inspection terminated in an error state. This indicates a problem in Google's infrastructure, not a user error.
|
|
Page unreachable
|
Google cannot access the URL because of a user error such as a robots.txt blockage, a 403 or 500 code etc. Make sure that the URL provided is accessible by Googlebot and is not password protected.
|
|
Complete
|
Inspection has completed without errors. The tool provide the Mobile Friendly Test result based on Googlebot User-agent for smartphone:
- Mobile friendly: tha page is mobile friendly and the tool display the screenshot image
- Not Mobile friendly: the page is not mobile friendly
- Mobile friendly test result unspecified: Internal error when running this test
|
There are three main techniques for implementing a website that can handle view screens of all types and sizes.
Here is a chart comparing the three methods:
| Configuration |
Same URL |
Same HTML code |
| Responsive Web Design |
|
|
| Dynamic Serving |
|
|
| Separate URLs |
|
|
Responsive Web Design:
Serves the same HTML code on the same URL regardless of the users' device (for example, desktop, tablet, mobile, non-visual browser), but can render the display differently based on the screen size. Responsive design is Google's recommended design pattern.
Dynamic Serving:
Uses the same URL regardless of device, but serve a different version of HTML for different device types based on what the server knows about the user's browser.
Separate URLs:
Serves different code to each device, and on separate URLs. This configuration tries to detect the users' device, then redirects to the appropriate page using HTTP redirects along with the Vary HTTP header.