Pages failing the mobile-friendly test, Google de-ranks these on mobile (>60% of ecom traffic for most DTC brands).
At a glance
A real-time count of pages on your verified property that Google Search Console reports as failing mobile usability checks: text too small to read, clickable elements too close together, content wider than the screen, or a missing/incorrect viewport. These are not cosmetic warnings. Google indexes mobile-first, so a page that fails on mobile is the version Google ranks, and mobile-unfriendly pages are systematically demoted in the mobile SERP. When that page is a revenue-bearing landing page (category, product, or campaign destination), the cost is direct lost organic traffic.
Calculation
The card takes the set of URLs Search Console currently classifies as error in its mobile usability evaluation for the verified property, then intersects that set with the pages that have earned organic clicks in the trailing performance window. The headline number is the count of error URLs. The alert state is driven by the revenue-bearing subset, not the raw total. In plain terms:Worked example
A UK skincare brand on Shopify, propertyhttps://www.brightskin.co.uk/, verified in Search Console. On 18 Apr 26 the card moves from green (0) to red (3) and fires the alert.
Three observations:
- Two of the three errors land on top-clicked pages, so the alert is justified. The vitamin-C collection and the hero serum product together earn ~7,000 organic clicks a month. If Google demotes their mobile rankings even one position, the brand loses a meaningful slice of organic revenue, and mobile is roughly 60 to 70% of this brand’s sessions. The glossary page error is real but low priority.
- The root cause was a single theme deploy. A 14 Apr 26 update to the collection and product templates shrank a “size guide” link and tightened the spacing of the add-to-basket and wishlist buttons on small viewports. The desktop layout was unaffected, which is exactly why the team did not notice in QA. The “text too small to read” and “clickable elements too close together” issues both trace to that one commit.
- Fix-to-clearance latency is Google’s, not ours. The engineer shipped the CSS fix on 19 Apr 26 and used URL Inspection, Test Live URL in Search Console to confirm the live page now passes. The card, however, still showed the two URLs as errors until Google re-rendered them on 22 Apr 26, three days later. Do not wait for the card to clear before validating: use the live test to confirm the fix, then let Google catch up.
Sibling cards merchants should reference together
Reconciling against the source
Where to look in Google Search Console:Search Console, the Mobile Usability / Page Experience area is the native home of this signal. Open the property, find the mobile usability report, and you will see the same error/valid split and the same fixed list of issue types (text too small, tap targets too close, content wider than screen, viewport problems). Click an issue to see the affected URLs, then use URL Inspection, Test Live URL to validate any fix in real time.
The Search Console API enhancement endpoint returns the machine-readable version of the same roster, which is what the card reads. If the card and the UI disagree, the API and UI almost always agree with each other; the difference is timing (see below).Why the card may legitimately differ from the Search Console UI:
The native mobile-friendly tooling, not the card, is the source of truth for a single URL. When you need a definitive yes/no on one page after a fix, run URL Inspection, Test Live URL in Search Console. The card is the always-on roster and revenue lens across the whole property; the live test is the per-URL adjudicator.