Website Health
Is Your Website Mobile Friendly?
Check viewport configuration, responsive signals and mobile-hostile markup patterns.
Problem: Most of your visitors are on phones, and your site was designed for a desktop.
We fetch your page as a mobile browser would and inspect the markup for the settings that decide whether a phone renders a readable layout or a zoomed-out desktop page.
What we'll check
- Viewport meta tag present and correctly configured
- Zoom restrictions that harm accessibility
- Fixed-width elements in the markup
- Responsive image attributes
- Page weight over a mobile connection
What makes a page mobile friendly
- A viewport meta tag with
width=device-width, initial-scale=1. - No
user-scalable=noormaximum-scale=1— both block pinch zoom and fail accessibility checks. - Fluid layout instead of fixed pixel widths wider than a phone screen.
- Body text around 16px so visitors do not have to zoom.
- Tap targets large enough and spaced apart.
- Images with
srcsetorsizesso phones do not download desktop-sized files.
Why it matters
Google indexes the mobile version of your site. If the mobile page renders badly or omits content, that is the version being ranked. Beyond search, most traffic to a typical business site is mobile, so a broken phone layout directly costs enquiries.
Common causes of mobile problems
- A theme built before responsive design, patched with a mobile plugin.
- Tables or embeds with hard-coded widths that force horizontal scroll.
- Popups that cannot be dismissed on a small screen.
- Desktop-sized hero images loaded on mobile connections.
Frequently asked questions
- Does this replace testing on a real phone?
- No. It catches markup-level problems quickly, but visual review on a real device is still worth doing.
- Is mobile friendliness a ranking factor?
- Google uses mobile-first indexing, so the mobile rendering of your page is what gets evaluated for ranking.