Skip to content

Glossary Banner

What Is a Banner?

Definition

A banner is a rectangular graphic element on a web page: in advertising, an ad that links to the advertiser's website; in design, any strip that draws attention to a message, such as a cookie notice or a promotion.

On this page 5
  1. What banner means
  2. How it works
  3. Why it matters
  4. Best practices
  5. Common mistakes
In brief

A banner is a graphic ad or a notice strip on a website: the types, how people perceive them and what Google says about their effect on SEO.

What banner means

In online marketing the word has two meanings. The first and older one is the banner ad: an image or animation of fixed size that appears on a page and leads to the advertiser's website. It is the basic form of display advertising.

The second meaning is broader: any strip a website places above, below or within its content to highlight something of its own. A cookie notice, a free-shipping message, an invitation to download an app or a reminder about an offer are all banners in this sense, even though they do not sell space to third parties.

Banner ad sizes were standardised for years in fixed pixel dimensions. The IAB, the digital advertising industry body, now recommends in its New Ad Portfolio, last updated on 25 February 2025, flexible formats that adapt to different screen sizes and devices, while acknowledging that many companies still produce fixed-size formats.

How it works

A banner ad is almost always served by an ad platform. The page reserves a slot, a script requests an ad from the platform, the platform decides which one to show based on the auction and targeting, and the banner loads into that slot. The advertiser pays per impression or per click, and the platform counts both.

A site's own banners, such as a cookie notice or a promotion, are usually inserted with JavaScript once the page has loaded. That has two technical consequences. First, if the banner appears late and pushes the content down, the page jumps, which Google measures as CLS within the Core Web Vitals. Second, a banner that only exists after JavaScript runs is not in the HTML read by a crawler that does not run that code.

Over time, people learn to ignore whatever looks like advertising. Nielsen Norman Group calls this banner blindness: in its eyetracking study published in April 2018, participants' eyes avoided elements with the look or position of an ad, even when they contained useful information.

Why it matters

For SEO, the key point is how much the banner covers. In its guide to interstitials and dialogs, Google recommends using banners that take up only a small fraction of the screen instead of interstitials that cover the whole page, so users and search engines can reach the content as soon as they land. It also advises against redirecting to another page to collect consent: if every URL redirects to a single page, Googlebot can only crawl that one.

For user experience, banner blindness has an awkward implication: an important message that looks like an ad can go unnoticed. A free-shipping notice designed like a banner ad risks being read by no one.

On zds.es we handle it like this, checked in the source code on 8 October 2026: the cookie notice is not in the HTML the server delivers. There is an empty container that a consent library fills in the browser, and until the visitor decides, the Google Analytics configuration starts with every storage and advertising permission set to denied (Consent Mode v2). For a crawler that does not run JavaScript, the notice does not exist, and the content is visible from the first line of the HTML.

This applies to cookie notices as much as to ads.

Best practices

  • Design your own notices as strips that take up a small part of the screen, not as layers over the whole page.
  • Reserve the banner's space in the layout so its appearance does not push the content.
  • Do not redirect to a separate page to ask for cookie consent.
  • Visually separate important information of your own from the look of an ad, so it does not fall victim to banner blindness.
  • Check on mobile how much each banner takes up, because a reasonable strip on desktop can cover half the screen there.
  • If you sell ad space, offer flexible formats that adapt to screen size, as the IAB recommends.

Common mistakes

  • Showing an interstitial on arrival that covers all the content to promote something of your own.
  • Inserting banners without reserved space, so the page jumps while people read.
  • Stacking a cookie notice, a promotion and an app prompt at the same time until the content is barely visible.
  • Giving an important message, such as a price change, the look of an ad.
  • Measuring only clicks on a banner without checking how much it bothers people who came to read.
Manuel Riveiro Rodriguez CEO & Digital Strategist

A technical audit covers this and everything else in one pass.

Request an audit

Frequently asked

What is the difference between a banner and an interstitial?

A banner takes up a strip of the screen and leaves the content visible. An interstitial covers the whole page, or nearly all of it, until it is closed. Google's documentation recommends small banners over interstitials, because interstitials make it harder for users and search engines to reach the content.

Do banners hurt SEO?

It depends on how much they cover and how they appear. A small strip that does not push the content is not a problem. An interstitial covering the page, or a banner that appears late and shifts the text, can harm page experience and, according to Google, search performance.

What is banner blindness?

It is the tendency to ignore elements that look like ads because of their shape or position. Nielsen Norman Group observed it in eyetracking studies, the latest published in 2018: participants' eyes avoided those elements, even when they held information useful for their task.

What sizes does a banner ad come in?

For years, fixed pixel sizes were the norm. In its New Ad Portfolio, the IAB now recommends flexible formats that adapt to the screen and device, while acknowledging that many advertisers still produce fixed sizes. Each ad platform publishes the sizes it accepts.

Does Google treat a cookie notice as an interstitial?

Google distinguishes dialogs required by law from promotional ones, and its advice on common mistakes applies unless the element is legally mandatory. Even so, it advises against redirecting to another page to collect consent, because Googlebot would then only be able to crawl that page.

Sources

  1. Google Search Central, "Avoid intrusive interstitials and dialogs", last updated 10 December 2025. Source for the recommendation to use small banners instead of interstitials and not to redirect to another page for consent.
  2. Nielsen Norman Group, Kara Pernice, "Banner Blindness Revisited: Users Dodge Ads on Mobile and Desktop", 22 April 2018. Source for banner blindness and the eyetracking study.
  3. IAB, "New Ad Portfolio: Advertising Creative Guidelines", last updated 25 February 2025. Source for the recommendation of flexible formats over fixed sizes.