mobile-first-indexing

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

1. Mobile version has full content (no abridged 'mobile lite')
2. Mobile fonts readable (16px+ body)
3. Tap targets 44×44px minimum
4. No horizontal scroll
5. Viewport meta tag: <meta name='viewport' content='width=device-width, initial-scale=1'>
6. Mobile LCP <2.5s
7. Touch-friendly nav (hamburger or sticky)
8. Forms easy on mobile (large inputs)

Common mobile issues

1. Desktop features missing on mobile (forms, video)
2. Mobile pop-ups (interstitials) hurt rankings
3. Text too small to read
4. Tap targets too close together
5. Heavy images cause LCP failure
6. Mobile-only render bugs

Testing tools

1. Mobile-Friendly Test (Google, free)
2. PageSpeed Insights mobile tab
3. Search Console > Mobile Usability report
4. Real device testing (BrowserStack, real iPhone/Android)
5. Lighthouse mobile audit

Where this fits in the X3 empire

Mobile-first audit for every CardPrepAI page.