Cookie banners and popups: how interstitials affect SEO
Google demotes intrusive popups but treats legally required cookie banners differently. Here is what counts, what hurts Core Web Vitals, and how to fix it.
Popups and cookie banners are on almost every site now. Most owners never check what they cost in search. Some of them cost nothing. Others slow the page, cover the content, or hide it from a crawler. This guide sorts the harmless from the harmful.
What Google actually says about interstitials
Google has a page experience guideline on intrusive interstitials, first announced for mobile in 2016 and rolled out in 2017. It targets pages where a popup covers the main content right after a user arrives from search. It is a lightweight signal, not a manual penalty, and a strong page can still rank with one.
The guideline gives examples of what to avoid:
- A popup that covers the main content after the user clicks a search result.
- A standalone interstitial the user must dismiss before they can see anything.
- A layout where the above-the-fold area looks like an ad and the real content sits below it.
It also lists what is fine. Interstitials required by law, such as cookie consent and age verification, are not the target. Login dialogs on content that is private or behind a paywall are fine too. So are small banners that use a reasonable amount of screen space and are easy to dismiss.
Where cookie banners really hurt: Core Web Vitals
A consent banner is legal, so Google will not demote you for it. But it can still damage your Core Web Vitals, and those are measured from real visits.
Layout shift
Banners that load late and push the page down cause layout shift. This is the most common problem. Reserve space for the banner in your CSS, or make it a fixed overlay at the bottom of the screen so it does not move anything.
Largest Contentful Paint
A full-width banner can become the largest element in the viewport. Then your LCP is the banner, and it loads only after a consent script runs. If that script is slow, your LCP score gets worse. Check which element the LCP report names before you assume it is your hero image.
Interaction delay
Consent tools often load heavy third-party scripts. These can block the main thread and raise INP on the first taps. Load the consent script early but keep it small, and defer tags that wait on consent.
What crawlers see when a banner is in the way
Googlebot does not click Accept or Reject. It renders the page as a visitor who never answered the banner. That is usually fine. Problems start when the banner blocks the content itself.
- A full-screen consent wall that replaces the page until someone clicks. The crawler may index only the wall text.
- Content injected only after consent is given. A crawler that never consents never sees it.
- A redirect to a consent page on every first visit. The crawler gets the consent URL, not your page.
AI crawlers such as GPTBot and PerplexityBot mostly fetch raw HTML and often run no JavaScript. If your real content is in the HTML and the banner is only an overlay, they see the content. If the content depends on a script that waits for consent, they do not. Vendors change crawler behavior without notice, so test rather than assume.
If a crawler that never clicks anything can read your page, a consent banner is a design choice, not an SEO problem.
How to audit your own site
- Open the page in a private window with cookies cleared. Note what covers the content and how fast it appears.
- Run the URL through the URL Inspection tool in Search Console and check the rendered screenshot. Does it show your content or a wall?
- Fetch the page with curl and search the raw HTML for your main heading and first paragraph. If they are there, non-rendering crawlers can read them.
- Look at your Core Web Vitals report and PageSpeed Insights. If LCP or CLS points at the banner, fix that first.
- Test on a phone. A banner that is tidy on desktop can fill half a small screen.
Fixes that work
- Serve the full content in the initial HTML, with the banner as an overlay on top.
- Use a compact bottom bar instead of a centered modal.
- Give the banner fixed dimensions so it never shifts the layout.
- Do not redirect first-time visitors or crawlers to a consent URL.
- Delay newsletter and promo popups until the reader has scrolled or spent time on the page, and skip them on the first search visit.
- Make the close button large, visible, and easy to hit.
One caution: consent rules differ by country and change over time. Talk to whoever handles your legal side before removing or reshaping a banner. Change the way it loads and looks, not whether it exists.
Takeaway
Today, load your top landing page in a private window on your phone. If a banner or popup covers the content, shifts the layout, or hides text from a plain HTML fetch, fix that page first. Then check the same template on the rest of the site.