Attention Ratio
Attention ratio counts how many clickable elements compete with your primary CTA. Lower is better — here's the formula, benchmarks by page type, and how to fix bloated layouts.
Attention Ratio
Attention ratio is the number of clickable elements on a page divided by the number of conversion goals — lower ratios convert higher.
Attention ratio, coined by Oli Gardner at Unbounce, measures how many places a visitor can click compared to how many things you actually want them to do. A focused landing page with a single CTA and no navigation has an attention ratio of 1:1. A homepage with a full nav, footer links, social icons, and a hero CTA can easily hit 40:1.
The principle is simple: every extra link is a chance for the visitor to leave before converting. On paid traffic landing pages, dropping the ratio from 10:1 to 1:1 routinely lifts conversion rate by 20-100%, which is why removing global navigation is one of the most reliable CRO interventions on Shopify and WooCommerce stores.
The metric exists because attention is finite. Every clickable element — a nav item, a logo link, a footer column, a 'related products' tile — pulls cognitive load away from the decision you're paying to put in front of the visitor. On a paid landing page this is wasted ad spend; on a checkout step it's a leak.
Attention ratio is a core lever inside broader UX optimization and attention optimization work. It's heuristic, not statistical — you don't need a test to count links — which makes it the fastest audit you can run on a landing page before opening a session-replay tool.
Attention Ratio = Clickable Elements / Conversion Goals
Clickable Elements
Clickable elements
Every link, button, form field, menu item, logo, social icon, and tap target on the page.
Conversion Goals
Conversion goals
The number of actions you actively want the visitor to take on this page (usually 1).
An apparel brand runs Meta ads to a product page on Shopify. The page has the main 'Add to cart' button (the goal), a 6-link header nav, a search icon, a cart icon, an account icon, 4 size swatches, 3 colour swatches, a size guide link, 5 thumbnail images, a reviews tab, and a 12-link footer.
Clickable elements: 33
Conversion goals: 1
→ 33:1
33:1 is heavy for paid traffic. Stripping the header nav and footer down to a logo + trust badges would cut the ratio to roughly 14:1 — still high, but recoverable. A dedicated landing variant with no nav typically lands at 6-8:1.
Different page types tolerate different ratios. A homepage is a directory — high ratios are expected. A paid landing page should be ruthless. The table below is a rough guide for online retail pages; numbers reflect what tends to perform well, not absolute limits.
Typical attention ratios by page type (online retail)
| Page type | Target ratio | Common range | Primary goal |
|---|---|---|---|
| Paid landing page | 1:1 | 1:1 to 5:1 | Single CTA (buy / lead) |
| Product detail page (PDP) | 10:1 | 8:1 to 20:1 | Add to cart |
| Category / collection page | 20:1 | 15:1 to 40:1 | Click into product |
| Homepage | 30:1 | 25:1 to 60:1 | Navigate to category |
| Cart page | 3:1 | 2:1 to 6:1 | Proceed to checkout |
| Checkout step | 1:1 | 1:1 to 2:1 | Complete order |
The biggest wins come from checkout and paid landing pages, where ratios above target almost always indicate leaks. On Shopify, removing the global header from checkout (already default on Shopify Plus) and stripping nav from ad-traffic landers are the two most common fixes.
Attention ratio FAQ
For a paid-traffic landing page with a single conversion goal, aim for 1:1 — only the primary CTA is clickable. If you need supporting links (FAQ, pricing anchor), keep the ratio under 5:1. Anything above 10:1 on paid traffic is usually leaking conversions.
Count every element a visitor can tap or click: nav items, logo, search, cart and account icons, every product swatch, image carousels, accordion toggles, footer links, social icons, and the primary CTA itself. Form fields count as one element each. Don't count non-interactive hover states.
Yes, but with looser targets. Product pages need variant selectors, image galleries, and reviews, so ratios of 8-20:1 are normal. The optimization isn't to hit 1:1 — it's to remove elements that don't support the add-to-cart decision (top-bar promos, unrelated cross-sells above the fold, secondary nav).
No. Attention ratio counts clickable targets; visual hierarchy controls which one the eye sees first. A page can have a clean 3:1 ratio and still convert poorly if the CTA is grey and small. They're complementary levers in attention optimization — fix the count first, then the emphasis.
On paid-traffic landing pages, almost always yes. The visitor arrived from an ad with a specific intent; the nav exists for browsers, not buyers. A/B tests stripping nav typically show 10-30% CVR lift. On organic landing pages where users may want to explore, keep a minimal nav.
Attention ratio is one heuristic inside UX optimization. UX optimization covers layout, copy, speed, accessibility, and friction; attention ratio specifically targets the count of competing actions. It's a fast audit to run before deeper UX work because the fix (delete links) is cheap.
Attention ratio is a structural property of the page you control. Bounce rate is a behavioural outcome you measure. High attention ratios often correlate with higher bounce or exit rates because visitors click off to other pages, but bounce can also be caused by speed, intent mismatch, or weak copy.
Build a variant with nav and footer links removed, keep the offer and design identical, and split traffic 50/50 with a single primary goal (purchase, signup). Run until you hit statistical significance — usually 1-2 weeks on paid traffic. The fix is so cheap it's worth testing even on lower-traffic pages.
Not directly. Paid landing pages aren't usually targeting organic rankings, so stripping internal links is fine. For pages that also need to rank, keep contextual links in the body content and remove only the boilerplate nav and footer — or build a separate paid-only variant URL.
Every time you launch a new landing page or after major template changes. Theme updates, app installs, and growth-team additions (banners, popups, recommendation widgets) creep the ratio upward over time. A quarterly count across your top 10 traffic pages catches the drift.
Get an AI expert review of your site
Paste your URL — Metricuno's AI runs the same heuristic checks a senior CRO consultant would, scoring your page and prioritising the fixes that'll move conversion fastest.