Digital Marketing Blog By Vishal Deshpande


Search This Website

Mobile-Friendly Test Tool

Having a mobile-friendly website is a critical part of your online presence. In many countries, smartphone traffic now exceeds desktop traffic. If you haven't made your website mobile-friendly, you should. Search Console's Mobile-Friendly Test Tool is a quick, easy way to test whether a page on your site is mobile-friendly.

Using the tool

The Mobile-Friendly test tool is easy to use; simply type in the full URL of the web page that you want to test. Any redirects implemented by the page will be followed by the test. The test typically takes less than a minute to run.
Test results include a screenshot of how the page looks to Google on a mobile device, as well as a list of any mobile usability problems that it finds. Mobile usability problems are issues that can affect a user that visits the page on a mobile (small screen) device, including small font sizes (which are hard to read on a small screen) and use of Flash (which isn't supported by most mobile devices).

If the page can't be reached

If for some reason the tool is not able to access the page, it will display an error describing the problem. Access problems include network connectivity issues or the site being down.

Blocked resources

Resources are external resources—such as image, CSS, or script files—included by a page. When resources are blocked to Googlebot by a robots.txt file, the test results page will show a "blocked resources" warning. Depending on the blocked resource, this could have a large effect on the page. For example, a blocked large image could make a page appear to be mobile-friendly when it is not, or a blocked CSS file could result in incorrect font styles being applied (for example, too small for a device). This affects both the mobile usability score and Google's ability to crawl your page. You should make sure that important resources are not blocked to Googlebot by robots.txt.

Test quota

Google limits both the number of test requests from a single user and the number of test requests to a specific domain. This is to avoid overloading either our servers with test requests, or the target page's servers with crawl requests. If you get a quota error when you run the Mobile-Friendly Test, wait a few minutes and try again.

Mobile-usability errors

The Mobile-Friendly Test tool can identify the following usability errors:

Flash usage

Most mobile browsers do not render Flash-based content. Therefore, mobile visitors will not be able to use a page that relies on Flash in order to display content, animations, or navigation. We recommend designing your look and feel and page animations using modern web technologies. Read more about Look and Feel in our Web Fundamentals guide.

Viewport not configured

Because visitors to your site use a variety of devices with varying screen sizes—from large desktop monitors, to tablets and small smartphones—your pages should specify a viewport using the meta viewport tag. This tag tells browsers how to adjust the page’s dimension and scaling to suit the device. Learn more in Responsive Web Design Basics.

Fixed-width viewport

This report shows those pages with a viewport set to a fixed width. Some web developers define the viewport to a fixed pixel size in order to adjust a non-responsive page to suit common mobile screen sizes. To fix this error, adopt a responsive design for your site’s pages, and set the viewport to match the device’s width and scale accordingly. Read how to correctly Set the Viewport in our Web Fundamentals.

Content not sized to viewport

This report indicates pages where horizontal scrolling is necessary to see words and images on the page. This happens when pages use absolute values in CSS declarations, or use images designed to look best at a specific browser width (such as 980px). To fix this error, make sure the pages use relative width and position values for CSS elements, and make sure images can scale as well. Read more in Size Content to Viewport.

Small font size

This report identifies pages where the font size for the page is too small to be legible and would require mobile visitors to “pinch to zoom” in order to read. After specifying a viewport for your web pages, set your font sizes to scale properly within the viewport. Read more about font size best practices in Use Legible Font Sizes.

Touch elements too close

This report shows the URLs for sites where touch elements, such as buttons and navigational links, are so close to each other that a mobile user cannot easily tap a desired element with their finger without also tapping a neighboring element. To fix these errors, make sure to correctly size and space buttons and navigational links to be suitable for your mobile visitors. Read more in Size Tap Targets Appropriately.

Next steps

Now that you've tested one page, see what other mobile usability issues we've detected on your entire site by visiting the Mobile Usability report. You must verify ownership of the site in Search Console to use the Mobile Usability report.

Making your page mobile-friendly

Here are some resources about making your site mobile friendly: