Mobile-First Indexing and What It Means

Google crawls mobile first, desktop second

Since 2023, Google has used mobile-first indexing for all websites. This means Google primarily uses the mobile version of your content for indexing and ranking. If content exists on your desktop site but not your mobile site, Google may not index it.

For agencies, this has a direct implication: if your client's mobile experience is poor, their rankings suffer — even if the desktop version is perfect.

What mobile-first indexing actually changes

Content parity

Every piece of content on the desktop version must also be on the mobile version. Common violations:

• Text hidden behind "read more" or accordion buttons on mobile (Google may devalue it)
• Images present on desktop but replaced with smaller versions or removed on mobile
• Tables that are visible on desktop but horizontally scrollable/truncated on mobile
• Navigation items accessible on desktop but hidden in a hamburger menu

Structured data

Structured data (JSON-LD) must be present on the mobile version. If you only inject schema markup on desktop pages via conditional rendering, it won't be indexed.

Meta tags

Title tags, meta descriptions, and canonical URLs must be identical across mobile and desktop versions. Separate mobile URLs (m.example.com) need proper rel="alternate" and rel="canonical" tags.

Common mobile issues that hurt rankings

Run the Mobile-Friendly Tester on any URL, then check for these specific issues:

Viewport not configured

Missing <meta name="viewport" content="width=device-width, initial-scale=1"> means the browser renders the page at desktop width on phones. Everything looks tiny and requires pinch-to-zoom.

Tap targets too small

Buttons, links, and form fields need to be large enough to tap accurately on a touchscreen. Google's minimum: 48x48 CSS pixels with at least 8 pixels of spacing between targets.

Text too small

Body text below 16px on mobile requires zooming to read. Google flags this as a mobile usability issue.

Content wider than screen

Horizontal scrolling on mobile is a usability failure. Common causes: images without max-width: 100%, tables without responsive wrapping, and fixed-width elements.

Intrusive interstitials

Full-screen popups on mobile that block content (especially on page load) are a negative ranking signal. Small cookie consent banners and age verification dialogs are exempt.

How to test mobile-friendliness

1. Automated testing: Mobile-Friendly Tester checks viewport, meta tags, and mobile optimization signals
2. Full audit: Recon's audit includes mobile as a scored category (15% weight)
3. Chrome DevTools: Toggle device mode (Ctrl+Shift+M) to test at different screen sizes
4. Real devices: Nothing replaces testing on an actual phone — emulators miss touch behavior and real network speeds

Quick wins for mobile optimization

For clients with mobile issues, prioritize these fixes:

1. Add the viewport meta tag — if it's missing, this single line fixes the most critical issue
2. Set images to max-width: 100% — prevents horizontal overflow
3. Increase body font size to 16px — meets Google's minimum and improves readability
4. Size tap targets to 48px minimum — especially navigation links and form submit buttons
5. Test the checkout/booking flow — mobile conversion paths break more often than desktop ones

For agencies: the mobile audit pitch

Over 60% of web traffic is mobile. Yet most small business websites were designed desktop-first and adapted for mobile as an afterthought. The mobile audit is an easy sell:

"Your website gets more mobile visitors than desktop visitors. But your mobile experience scores [X]. Here's what that means for your business: [Y% of visitors are leaving because of mobile issues]. We can fix the critical issues in one week."

Check any site's mobile score with a free audit.