📱Mobile-First Indexing: What It Means for Your SEO
Google uses your mobile site version as the primary basis for indexing and ranking. Learn what this means and how to ensure your mobile experience passes Google's checks.
Since 2019, Google has used mobile-first indexing for all websites. This means Googlebot primarily uses the mobile version of your page — not the desktop version — when crawling, indexing, and ranking. If your mobile site has less content than your desktop site, Google sees less content.
Key Requirements
- Serve the same primary content on mobile and desktop. Hidden content on mobile may not be indexed.
- Include the same meta tags (title, description, canonical, robots) on both versions.
- Structured data must be present on the mobile version.
- Images must be accessible to Googlebot on mobile.
- Videos must be embeddable on mobile (no Flash).
The Viewport Meta Tag
The viewport meta tag tells browsers how to scale your page on mobile devices. Without it, mobile browsers assume the page is desktop-sized and scale it down, resulting in tiny text and bad usability.
<meta name="viewport" content="width=device-width, initial-scale=1">Do not use user-scalable=no or maximum-scale=1. This prevents users from zooming in — a usability and accessibility violation that Google penalises.
Responsive vs Adaptive vs Separate URLs
| Approach | How It Works | Google's Preference |
|---|---|---|
| Responsive design | Same URL, CSS adapts layout | ✅ Recommended — simplest for Googlebot |
| Dynamic serving | Same URL, server sends different HTML | ✅ Acceptable — use Vary: User-Agent header |
| Separate mobile URLs | Mobile = m.example.com, desktop = example.com | ⚠️ Complex — needs proper canonical/alternate tags |
Testing Mobile Friendliness
Use Google's Mobile-Friendly Test tool (search.google.com/test/mobile-friendly) to see your page through Googlebot Mobile's eyes. Google Search Console's Mobile Usability report shows site-wide issues like text too small, clickable elements too close, and content wider than screen.
Hugo's Technical SEO category checks for the viewport meta tag — a pass/fail signal that indicates whether your page is set up for mobile rendering.
References
- [1]Google: Mobile-first indexing best practices — How Google crawls and indexes mobile sites — developers.google.com
- [2]Google Mobile-Friendly Test — Test how Googlebot renders your page — search.google.com