TL;DR
- Google primarily uses the mobile version of a page’s content for indexing and ranking.
- Since July 5, 2024, sites whose content isn’t accessible on mobile devices at all are no longer indexed.
- Content, links, structured data and image alt text should be the same on mobile and desktop.
- Responsive design, with one URL and the same HTML for every device, is the simplest setup.
For years Google crawled the web as a desktop browser. It gradually switched to crawling with a smartphone user agent and announced in 2023 that the move to mobile-first indexing was complete. A final step followed: Google said that from July 5, 2024, sites whose content couldn’t be reached on a mobile device at all would no longer be indexed.
A site that works on phones but looks dated isn’t affected by that cutoff. A site that blocks or breaks on mobile is.
What has to match
| Element | Make sure that on mobile… |
|---|---|
| Main content | The same text and images are present, not a cut-down version |
| Headings and titles | Titles and meta descriptions match desktop |
| Internal links | Navigation and in-content links are crawlable, not hidden behind scripts that need a click |
| Structured data | The same markup is present; see structured data basics |
| Images | The same images, with the same alt text and sizes that load properly |
| robots rules | Mobile pages aren’t blocked or noindexed by mistake |
Quick checks
- Open your key pages on a phone. Can you read everything without zooming? Do menus work? Do forms submit?
- Run a URL through URL Inspection and look at the screenshot and HTML Googlebot Smartphone saw.
- Compare word counts of a few pages between mobile and desktop if your theme serves different layouts.
- Check speed on mobile; Core Web Vitals are reported separately for phones.
Quick fix: Intrusive pop-ups that cover the content on phones, such as full-screen sign-up forms right after a visitor arrives, frustrate users. If you use pop-ups, make them small and easy to dismiss.
The easiest path
Responsive design, where the same HTML adapts to screen size through CSS, avoids almost every mobile-first problem because there’s only one version of each page. Most modern themes and site builders work this way by default.
FAQ
Is content in tabs or accordions on mobile still indexed?
Yes. Content hidden behind tabs or ‘read more’ toggles for design reasons on mobile is indexed normally, as long as it’s in the page.
Do I still need a separate m-dot site?
No, and it’s harder to maintain. Responsive design keeps one URL per page and avoids mismatches between versions.
How do I see my page the way Google’s mobile crawler does?
Use the URL Inspection tool in Search Console and view the crawled page, which shows the HTML and a screenshot from Googlebot Smartphone.
Search engines update their systems and documentation often. This guide reflects Google’s published guidance at the time of writing; check Google Search Central for current details, and test changes on a staging copy of your site before making them live.
