Intrusive interstitials: pop-ups Google marks down on mobile

Key takeaways

Intrusive interstitials are pop-ups and overlays that cover a page's content, usually to promote something. On a phone they take the whole screen. Google counts avoiding them as part of a good page experience, and visitors treat them as a reason to leave. Banners and well-timed prompts do the same job without the cost.

• An intrusive interstitial covers the content a visitor came for, usually for promotion.
• Google's page experience guidance asks: do your pages avoid intrusive interstitials?
• Legally required dialogs, such as age checks, are exempt.
• A small banner that can be dismissed is the pattern Google recommends instead.

What is an intrusive interstitial?

An intrusive interstitial is a page element that obstructs the visitor's view of the content, usually for promotional purposes. That is how Google's Search documentation defines it. The common forms are a full-screen newsletter sign-up, an offer overlay that appears on arrival, and an app install screen that must be dismissed before the page can be read.

On a desktop monitor a pop-up covers part of the page. On a phone the same pop-up covers all of it, and the close button is often a few pixels wide in a corner the thumb cannot reach. The annoyance scales inversely with screen size.

• Why mobile-friendly web design is essential for UK businesses

What does Google say about pop-ups on mobile?

Google's documentation advises against interstitials and dialogs that obscure content, and lists avoiding intrusive interstitials among its page experience self-assessment questions. Its core ranking systems look to reward a good page experience, so a page that opens with a full-screen overlay is at a disadvantage against a similar page that does not.

Google has treated intrusive interstitials on mobile as a negative signal since January 2017. It is one consideration among many and will not sink a highly relevant page. It is also entirely within your control, which makes it one of the easier disadvantages to remove.

• Is mobile-friendliness a Google ranking factor?

Which pop-ups are a problem and which are fine?

The test is whether the element stops someone reading what they came for. A pop-up that covers the main content immediately after arrival from a search result is the clearest problem. A dialog required by law, or a small banner that leaves the content readable, is not.

• Problem: a full-screen offer or sign-up shown on arrival.
• Problem: an overlay the visitor must dismiss before reading anything.
• Problem: a layout where the top of the screen looks like an overlay and content sits below it.
• Fine: dialogs required by law, such as age verification.
• Fine: a cookie consent notice, kept compact and easy to answer.
• Fine: a slim banner using a small part of the screen that is easy to dismiss.

• Cookie banners and UK law

What about cookie banners?

Cookie consent notices are a legal requirement in the UK where non-essential cookies are used, so they are not what Google's guidance is aimed at. They can still wreck a mobile page if designed carelessly. A consent wall that fills the screen, hides the headline and offers a tiny 'reject' link is poor for visitors and risks falling short of ICO expectations that refusing should be as easy as accepting.

Design the banner for a phone first. Keep it to the bottom third of the screen, give accept and reject buttons equal prominence and thumb-sized targets, and make sure it does not sit on top of your call or WhatsApp bar.

• Tap target size: how big should buttons be on mobile?

What should you use instead?

Use formats that sit alongside the content. Google recommends banners that take up a small fraction of the screen. For lead capture, an inline form placed after a useful section converts visitors who have just received value. A sticky bar with one action keeps the next step visible without blocking anything.

• Slim top or bottom banner with one line and a clear close button.
• Inline sign-up or enquiry form within the page content.
• Sticky call, WhatsApp or booking bar on mobile.
• A prompt shown after scrolling or on a second page view, not on arrival.
• On desktop only: exit-intent prompts, which do not work on touch screens.

• Sticky call-to-action bars on mobile: when they work
• Exit-intent pop-ups: do they help or hurt enquiries?

Do pop-ups ever earn their place on mobile?

Sometimes. A prompt triggered by the visitor, such as tapping 'Get a quote' and seeing a short form slide up, is not intrusive because they asked for it. A discount shown at the basket stage of an online shop can lift orders. A stock or delivery alert can be useful. The difference is timing and relevance.

The trade-off is real. Sign-up pop-ups do collect email addresses, and removing them may reduce list growth. Measure what the list is worth against what the pop-up costs in exits and enquiries. For a service business whose goal is a phone call, the pop-up is almost always the worse deal.

What does this look like in practice?

A pattern we see on small e-commerce and hospitality sites: three overlays stack on a phone within five seconds of arrival. A cookie notice, a '10% off your first order' pop-up and a chat widget bubble together cover the entire first screen. The visitor's first three actions are all dismissals.

Each element was added separately and tested alone on a desktop. Seen together on a phone, they hide the product. Reducing the cookie notice to a compact bar, moving the offer to an inline banner and delaying the chat bubble until the visitor has scrolled restores the page. Global Bridge Labs (GBL) checks the combined first-screen state on a phone for this reason.

• See client work
• Website Design & Development for UK businesses
• Make your website work properly on mobile

Interstitial checklist

• Open your top landing pages on a phone in a private window.
• Count how many things you must dismiss before reading.
• Remove or delay any promotional overlay shown on arrival.
• Shrink the cookie notice so content remains visible behind it.
• Give every close and reject button a thumb-sized target.
• Check that banners do not cover your call or WhatsApp bar.
• Re-test after installing any new plugin or marketing tool.

Next step

Open your site on a phone as a first-time visitor would and count the dismissals. If it is more than one, you have found a quick, free improvement.