📱 Mobile SEO Checklist

Ensure your site is ready for mobile-first indexing

60%+
Mobile traffic share
100%
Sites on mobile-first indexing
53%
Leave if load >3s
48px
Min touch target

✅ Mobile Optimization Checklist

⚙️

Technical Foundation

6 items
Viewport meta tag configured
Include width=device-width, initial-scale=1.0 in all pages
Critical
Responsive design implemented
Layout adapts smoothly across all screen sizes without horizontal scrolling
Critical
Same content on mobile and desktop
Mobile version has all the same content, structured data, and meta tags
Critical
Mobile-first CSS approach
Base styles for mobile, use min-width media queries for larger screens
High
No horizontal scrolling
Content fits within viewport width at all breakpoints
High
Readable without zooming
Font size 16px+ for body text, no need for pinch-to-zoom
High
⚡

Mobile Performance

5 items
Page loads under 3 seconds on 4G
Test with throttled connection in DevTools or real device
Critical
Images optimized for mobile
Use srcset for responsive images, serve appropriate sizes
High
Lazy loading implemented
Below-fold images load on scroll, not on initial page load
High
Critical CSS inlined
Above-fold styles in <head> for faster first paint
Medium
JavaScript deferred
Non-critical scripts don't block rendering
High
👆

Touch & Usability

6 items
Touch targets 48x48px minimum
Buttons, links, and interactive elements are finger-friendly
Critical
8px spacing between tap targets
Prevent accidental taps on adjacent elements
High
Mobile-friendly navigation
Hamburger menu, sticky nav, or other mobile pattern
High
No intrusive interstitials
Pop-ups don't cover content or block user access
Critical
Forms optimized for mobile
Proper input types, autocomplete, large fields
Medium
Click-to-call links for phone numbers
Use tel: links for easy calling on mobile
Medium
📝

Content Optimization

4 items
Concise headlines on mobile
Titles and headers visible without wrapping excessively
Medium
Short paragraphs
2-3 sentences per paragraph for easy mobile reading
Medium
Expandable content sections
Accordions for FAQs and long content on mobile
Medium
Important content first
Key info visible without scrolling on mobile
High

📐 Essential Viewport Configuration

<meta name="viewport"
      content="width=device-width, initial-scale=1.0"/>

✅ Do

Use width=device-width to match screen width. Set initial-scale=1.0 for proper zoom level.

❌ Don't

Never use or maximum-scale=1.0. These harm accessibility and violate Google guidelines.

👆 Touch Target Sizing

❌ Too Small

Link 1
Link 2
Link 3

✅ Proper Size

Link 1
Link 2

📏 Google's Requirements

48px
Minimum target size
8px
Minimum spacing
44px
Apple's minimum
7-10mm
Finger pad size

🔧 Mobile Testing Tools

📱

Mobile-Friendly Test

Google's official tool for checking mobile usability

Test Now →
🚀

PageSpeed Insights

Mobile performance scores with real-world data

Test Now →
🔍

Chrome DevTools

Device emulation and responsive testing

Press F12

📊 Your Progress

0%
0
Completed
21
Total