| name | mobile-first-indexing |
| description | Use when ensuring mobile experience meets Google's indexing standards. Mobile-first since 2019 — Google primarily uses mobile version for ranking.
|
Mobile-First Indexing
Google indexes mobile version. If mobile is broken/incomplete, desktop won't help. Mobile must be: full content, fast, usable.
Mobile-first checklist
- Mobile version has full content (no abridged 'mobile lite')
- Mobile fonts readable (16px+ body)
- Tap targets 44×44px minimum
- No horizontal scroll
- Viewport meta tag:
<meta name='viewport' content='width=device-width, initial-scale=1'>
- Mobile LCP <2.5s
- Touch-friendly nav (hamburger or sticky)
- Forms easy on mobile (large inputs)
Common mobile issues
- Desktop features missing on mobile (forms, video)
- Mobile pop-ups (interstitials) hurt rankings
- Text too small to read
- Tap targets too close together
- Heavy images cause LCP failure
- Mobile-only render bugs
Testing tools
- Mobile-Friendly Test (Google, free)
- PageSpeed Insights mobile tab
- Search Console > Mobile Usability report
- Real device testing (BrowserStack, real iPhone/Android)
- Lighthouse mobile audit
Where this fits in the X3 empire
Mobile-first audit for every CardPrepAI page.