Leaderboard Ads: Sizes, Examples, and Design Best Practices for Publishers

    leaderboard ad

    A leaderboard ad is a wide, shallow display placement, usually positioned near the top of a webpage. The right dimensions depend on the screen: a desktop slot should not simply be squeezed into a mobile layout.

    Key Takeaways

    • Leaderboard ads perform best when each placement is sized for the device it appears on, rather than reusing a single desktop slot across every layout.
    • Choosing the right dimensions involves balancing the visibility of a top-of-page position with the need to keep content easy to reach.
    • The 728×90 and 320×50 sizes remain common starting points, but the best choice depends on your traffic mix and available layout space.
    • Testing viewability and revenue performance by device type helps you decide which leaderboard placements are worth keeping or adjusting.

    Start with standard sizes, then consider how each fits the page, the reader’s journey and your wider publisher monetization strategy. A suitable placement can offer visibility without crowding the content or delaying its display.

    Leaderboard Ads: What They Are and the Sizes That Matter

    The common desktop size is 728×90 pixels; the mobile equivalent is 320×50. Wider desktop options include 970×90 and 970×250, though the taller format takes up considerably more initial screen space.

    These dimensions correspond to familiar display inventory and help publishers plan responsive ad slots. The 728×90 format is a widely used desktop size, while 320×50 is designed for narrow mobile screens. They are not interchangeable: viewport width, page layout and available creative supply all affect which size can serve well.

    Format Typical use Publisher consideration
    728×90 Desktop pages with a broad content column Fits above or within a page header, subject to the site’s layout.
    320×50 Mobile pages with limited horizontal space Uses a compact footprint; check legibility and spacing on smaller screens.
    970×90 Wider desktop layouts Requires enough horizontal room to avoid overflow or awkward alignment.
    970×250 Large desktop placements Offers more creative area but occupies more of the first viewport.

    For example, a news homepage might use a 970×90 slot across a wide masthead, while an article page with a narrower content column could accommodate 728×90. On a phone, a 320×50 creative may fit above the article, but its presence should not obscure navigation or push the headline too far down.

    The Revenue and User-Experience Trade-Off

    Publishers use these placements because an ad near the top of a page may be seen early in a visit, making it attractive inventory for advertisers. Actual ad viewability depends on whether the placement enters the viewport, how quickly the page loads and whether readers scroll past it.

    The trade-off is space and performance. A large creative can dominate the first screen, while additional ad requests and assets may affect loading time; late-loading content can also shift the page and contribute to cumulative layout shift (CLS).

    Lazy loading can defer requests for placements outside the initial viewport, but the above-the-fold slot needs a considered loading strategy. Reserve the intended space in the layout to reduce unexpected movement, and assess loading behaviour alongside the page experience rather than judging the format by revenue alone.

    That balance depends on device, template and audience behaviour. A desktop homepage and a mobile article page can have different constraints, so the useful next step is to decide where each size belongs and what you will monitor after it serves.

    A Publisher’s Decision Framework for Size, Placement and Design

    Choose the format by page template and device, not by size alone. Match the slot to the available space, then check that it leaves the headline and navigation easy to reach. A 728×90 placement may suit a desktop header; on a phone, a 320×50 slot is generally a more practical fit.

    Next, decide how many placements the page needs. One well-positioned slot may be preferable when another would crowd the content or add page weight. Consider a second slot only where the template offers a distinct position and the added ad opportunity does not disrupt reading. Sticky, anchor and other high-impact ad formats need particular care: confirm that they can be dismissed and do not cover content or controls.

    Design should support quick recognition without competing with the page. Keep text legible at the intended dimensions, use contrast to distinguish the message from its background, and make the call to action clear. Avoid relying on small detail that disappears on mobile, and keep creative files light so they do not add unnecessary loading work.

    Once the layout is defined, connect the inventory to your programmatic setup. Header bidding can let participating demand sources bid for eligible impressions, while dynamic floor pricing for publishers can adjust minimum prices according to configured rules. Our Ad Manager Hub provides a header bidding wrapper, while Yield Hub supports dynamic floor pricing. Keep slot sizes and demand settings aligned with each page template, and use the relevant setup documentation for implementation details.

    Measuring, Testing and Staying Compliant

    For effective ad revenue optimization, evaluate each placement against both its commercial contribution and its effect on the page. Compare like-for-like page templates and devices over the same period, and annotate changes to traffic, consent settings or demand configuration so that unrelated shifts do not distort the read.

    • Viewability: Check whether served impressions meet your chosen viewability measure, and segment by device and position.
    • Click-through rate (CTR): Use clicks as a diagnostic for engagement, not as a substitute for revenue or reader experience.
    • Revenue per thousand impressions (RPM): Track the revenue contribution alongside eligible impressions, rather than relying on total revenue alone.
    • Page performance: Monitor loading behaviour and cumulative layout shift alongside ad metrics, especially after changes to loading or slot configuration.

    Run controlled tests when deciding between sizes or positions. Change one variable at a time, define the success measure before launch, and allow enough comparable traffic to assess the result; stop or roll back if the test harms page performance or access to content.

    Before testing, confirm that the experience meets applicable platform and consent requirements. Google’s Publisher Policies prohibit implementations that interfere with content or user navigation, while the Coalition for Better Ads publishes standards identifying ad experiences consumers find unacceptable. Review the current primary guidance because policy requirements and implementation details can change.

    Consent is a separate operational check. Where applicable, Google’s EU User Consent Policy requires publishers to disclose data collection and obtain consent for the use of cookies or other local storage, and for personalised advertising. Confirm that your consent management platform and ad-serving configuration reflect the relevant requirements for your audiences and jurisdictions.

    Frequently Asked Questions

    What is a leaderboard ad and what are its standard sizes?

    A leaderboard ad is a wide, shallow display placement positioned near the top of a webpage. The standard desktop size is 728×90 pixels and the mobile equivalent is 320×50. Wider desktop options include 970×90 and 970×250, though the taller format takes up considerably more of the first viewport.

    What is the difference between a desktop leaderboard (728×90) and a mobile leaderboard (320×50)?

    The 728×90 leaderboard suits desktop pages with a broad content column, while the 320×50 format is designed for narrow mobile screens. They are not interchangeable: viewport width, page layout and available creative supply all affect which size can serve well on a given template.

    Where should leaderboard ads be placed for the best balance of revenue and user experience?

    A leaderboard ad usually works best above the fold, near the top of the page where it may be seen early in a visit. Match the slot to your template so the headline and navigation stay easy to reach, and consider a second placement only where the page offers a distinct position.

    How do leaderboard ads affect page speed and Core Web Vitals?

    Leaderboard ads can affect loading time through extra ad requests and creative assets, and late-loading content can shift the page and contribute to cumulative layout shift (CLS). Reserve the intended space in the layout, keep creative files light, and monitor loading behaviour alongside your ad metrics.

    What are the design best practices for leaderboard ads?

    Keep leaderboard creative legible at its served dimensions, use contrast to distinguish the message from its background, and make the call to action clear. Avoid small detail that disappears on mobile, and check that a sticky or anchor unit can be dismissed without covering content or controls.

    How many leaderboard placements should a page have?

    One well-positioned leaderboard is often preferable when another would crowd the content or add page weight. Consider a second slot only if the template offers a genuinely separate position and the added opportunity does not disrupt reading.

    How should publishers measure the performance of leaderboard ads?

    Evaluate leaderboard placements using viewability segmented by device and position, click-through rate as a diagnostic, and RPM tracked against eligible impressions. Monitor page performance metrics such as layout shift alongside ad data, and compare like-for-like templates over the same period.

    About the Author

    Opti Digital provides ad monetization technology for digital publishers. Our blog shares practical guidance on demand, ad performance, analytics and user experience to help publishing teams make informed decisions.

    Last reviewed: October 28, 2026 by the Opti Digital Team