Skip to content
SEO & GEO

Mobile SEO: What Mobile-First Indexing Means for Your Pages and How to Check Them

Mobile SEO explained through mobile-first indexing: content parity, rendering, speed and tap targets, plus how to test your pages with Search Console.

Person holding a phone beside a laptop, comparing the same web page on both screens at a cafe table

Field note

Illustrative image, AI-generated. It is not a client, dashboard or result. How we use imagery.

By XenGrowth EditorialPublished Reviewed 10 min read

Share this

Key takeaways

  • Google indexes and ranks from the mobile version of a page, crawled with its smartphone agent. If something is missing on the phone version, assume it is missing for search.
  • Responsive design is the configuration Google recommends, and it removes most parity problems by serving the same content on one URL.
  • Check the mobile page for equal content, equal structured data and metadata, content that loads without interaction, and no blocked resources.
  • Page speed targets are LCP within 2.5 seconds, INP under 200 milliseconds and CLS under 0.1, and tap targets need room around them.

01

What is mobile SEO?

Mobile SEO is making sure the phone version of your pages is complete, crawlable, fast and usable, because that version is what Google uses for indexing and ranking. Google calls this mobile-first indexing: it crawls with the smartphone agent and treats the mobile content as the page.

This changes what you audit. A desktop-perfect page can lose visibility if the phone template trims text, hides a block behind an interaction, or drops structured data. Having a mobile version is not strictly required for a page to be included in results, but Google strongly recommends it.

The good news is that mobile SEO is rarely a separate strategy. It is the same content and technical work, checked on the template that actually gets indexed.

Start with templates instead of individual URLs. Most mobile problems are caused by a template, so a short list covers a whole site: home page, service or product page, article, category or listing, contact page and any form. Check each on a phone and in the rendered view, fix the template, and one change repairs hundreds of pages. That is also why a one-off mobile audit goes stale after the next theme or plugin update.

Write down the result of each template check, with the date and who ran it, so the next audit can compare like with like and a regression is traceable to a release.

02

Which mobile configuration should a site use?

Responsive design is the safe default. Google recommends it because it serves the same HTML at the same URL to every device and changes only how the page is displayed, which is the easiest pattern to implement and to maintain. When content and metadata are identical by construction, most parity problems cannot occur.

Dynamic serving and separate mobile URLs still exist on older sites. Both rely on user-agent detection and the right HTTP headers, so they carry the risk that the two versions drift apart. If you maintain one, treat parity checks as a recurring task, and think about whether migrating to a responsive build would remove the whole class of problems.

Which mobile configuration should a site use? comparison table
ConfigurationHow it worksMain risk
Responsive designSame HTML and URL for all devices; CSS adapts layoutHeavy pages that are slow on phones
Dynamic servingSame URL, different HTML by device via user-agent and Vary headerVersions drift apart; header mistakes
Separate mobile URLsDifferent URLs and HTML for phones, linked between versionsContent, metadata and annotation mismatches

03

How do you keep mobile content the same as desktop?

Compare the two versions on content, headings, metadata, structured data and images, and fix any gap in favour of the fuller version. Google says that if the mobile page has less content than desktop, you can expect some traffic loss, because indexing comes from the mobile page. Illustration: if a desktop service page carries a 600-word explanation and the phone template cuts it to a 150-word summary, the summary is what Google reads.

A different layout is fine. Moving content into accordions or tabs to save space is acceptable, as long as the content is equivalent. What fails is content that only loads after a swipe, click or typing, because Google does not trigger those interactions. Also keep the same robots meta tags on both versions; a stray noindex or nofollow on the phone template can remove the page from the index.

  • Same primary text and the same headings on mobile and desktop.
  • Same title elements and meta descriptions.
  • Same structured data, with URLs in the markup matching the version served.
  • Same image alt text, and ideally the same image URLs across versions.
  • Same robots meta tags, and no resources blocked by robots.txt.
  • No primary content that appears only after user interaction.

04

Does Google render your mobile page the way you see it?

Not always, and the way to find out is to inspect the rendered HTML rather than trusting your own browser. Google says it can only see content that appears in the rendered page, and it points to the URL Inspection tool for checking this. If a block of text does not appear in the rendered HTML, treat it as unindexed until proven otherwise.

JavaScript-heavy sites need extra care, particularly where content is lazy-loaded on scroll or interaction, or where links are not real anchor elements. Confirm that lazy-loaded content appears in the rendered output without a user gesture. Also check that the resources a phone page needs, such as scripts, styles and images, are not blocked from crawling, since a page that renders broken to Googlebot is understood differently.

A simple test: pick a distinctive sentence from the lowest accordion or tab on a page and search for it in the rendered HTML in URL Inspection. If it is there, Google can read it. If it is not, find out whether the cause is a lazy-load trigger, a script that failed or a blocked file. Repeat for one page per template, not for every URL.

If you run a separate mobile site, run the same check on both versions and compare. Differences in what the two versions contain are where indexing surprises come from, and they are cheaper to find in an afternoon of sampling than after traffic falls.

05

How fast does a mobile page need to be?

Google recommends that Largest Contentful Paint occurs within 2.5 seconds, Interaction to Next Paint stays under 200 milliseconds and Cumulative Layout Shift stays under 0.1, measured at the 75th percentile of real page loads and segmented by device. Phones are usually where these fail, because of slower processors, variable networks and larger images.

Keep this in proportion. Google describes Core Web Vitals as one part of page experience and warns against focusing on only one or two aspects, so treat speed as hygiene and not as a substitute for good content. The common fixes are plain: serve images at the size shown, defer scripts that do not affect the first screen, reserve space for ads and embeds so layout does not jump, and avoid ads at the top of a page that take up too much room on a small screen, which Google's mobile guidance describes as a bad user experience.

Remember what these numbers are. Core Web Vitals are defined on real-user data, so a lab test in a tool is for debugging a slow page, not for deciding whether it passes. Check field data in Search Console first to see which URL groups fail on mobile, then use lab tools on one example to find the cause.

06

What about tap targets and how do you test everything?

Buttons and links need enough size and spacing for a finger. The web.dev guidance suggests a minimum of about 48 device-independent pixels for a touch target, with around 8 pixels between neighbouring targets. For a service business, that includes the phone link, the form field and the booking button, because a missed tap loses the lead no ranking can recover.

Beyond size, check the things that make a phone visit fail in practice: a form that needs pinch-zoom, a sticky banner that covers the booking button, a phone number that is plain text instead of a tap-to-call link, a menu that closes before the tap registers. These are usability observations to verify on your own pages, not documented ranking factors, but they decide whether the visit you earned becomes an enquiry.

Test in layers: the Search Console reports for field data, URL Inspection for what Google renders, and a real phone for what a person experiences. Run the check after every template change, not once a year.

What about tap targets and how do you test everything? comparison table
CheckToolPasses when
Rendered contentSearch Console URL InspectionAll primary text and links appear in the rendered HTML
Content paritySide-by-side view of mobile and desktop sourceText, headings, metadata and structured data match
Core Web VitalsSearch Console Core Web Vitals reportMobile URLs meet LCP, INP and CLS targets
Tap targetsReal phone and browser developer toolsTargets near 48 pixels with spacing between them
IndexingSearch Console indexing reportsKey mobile URLs indexed with no blocking tags

Was this useful? Send it to someone who owns this problem.

Primary sources and further reading

Use the source material to validate details against your own context and current platform configuration.

This field note follows the XenGrowth editorial policy: primary sources where available, visible limitations, material review dates, and no invented first-hand experience.

Stay with the problem

Explore AI search & GEO