Mobile-Friendly Basics Checker

A mobile-friendly basics checker verifies the viewport meta tag and a few other signals in the HTML that affect how a page renders on phones. It is a quick sanity check, not a replacement for testing on real devices.

This tool fetches the address you enter once, from our server, and reports what a crawler would receive. The URL is not stored; only a short-lived rate-limit counter is kept. Results show the page at the moment of the check and can differ from what a logged-in browser or a bot with different headers sees.

How to read the result and act on it

The key item is the viewport meta tag, which should read width=device-width, initial-scale=1. Without it, phones render the page at desktop width and shrink it, making text tiny. If it is missing, add it to the head of your template. Fix any other flagged signals that apply to your page, then move to real testing: open the page on an actual phone, try tapping links and buttons, read the text without zooming and check that nothing scrolls sideways. Follow up with Lighthouse or PageSpeed Insights for performance on mobile, since a page can pass basic markup checks and still load slowly.

Common mistakes to avoid

Disabling zoom with user-scalable=no or a restrictive maximum-scale harms accessibility, so avoid it. Another mistake is using fixed pixel widths for layouts and images, which cause horizontal scrolling on small screens. Hiding important content on mobile that appears on desktop can reduce what search engines index, because Google primarily uses the mobile version of a page. Tap targets placed too close together frustrate users. Do not treat a pass on this quick check as a full mobile audit. It reads the HTML only, so problems caused by CSS, scripts or slow networks need separate testing on devices.

Is mobile-friendliness a ranking factor?

Google indexes the mobile version of pages, so a page that works poorly on mobile can perform poorly overall.

What does the viewport tag do?

It tells mobile browsers to use the device width, so layouts adapt instead of showing a shrunken desktop page.

How do I check if my website is mobile friendly?

Run a basics check for the viewport tag, then open the site on a real phone and test reading, tapping and scrolling. Lighthouse and PageSpeed Insights add performance and usability checks on top of that.

What should the viewport meta tag look like?

The standard form is a meta tag named viewport with content width=device-width, initial-scale=1, placed in the head. It tells mobile browsers to match the screen width instead of rendering a desktop-sized layout that then gets shrunk.

• Core Web Vitals Checker: Check a URL with PageSpeed Insights data: real-user Core Web Vitals when available, plus lab scores.
• Raw HTML Content Checker: See what content exists in the raw server HTML before JavaScript runs.
• Page Size Checker: Measure the HTML size of a page and count its linked resources.

Browse all 41 free technical seo tools, or see the full free SEO toolbox. If you would rather have this handled for you, take a look at our technical SEO services and the results from real projects.