Un banner è uno spazio grafico utilizzato nel web per comunicare un messaggio, promuovere un prodotto, aumentare la notorietà di un brand oppure portare l’utente verso una pagina di destinazione. Nel contesto pubblicitario può contenere immagini, testo, logo, animazioni e una call to action ed essere visualizzato all’interno di siti, app e altri spazi digitali.
La definizione sembra semplice, ma oggi parlare di banner significa mettere insieme formati molto diversi. Accanto ai classici rettangoli da 300 × 250 pixel o ai leaderboard da 728 × 90 esistono creatività HTML5 e annunci adattabili costruiti a partire da asset che cambiano dimensione e composizione in base allo spazio disponibile.
C’è poi un’altra distinzione importante: banner, display advertising e campagna pubblicitaria non sono sinonimi. Il banner è ciò che l’utente vede; la distribuzione, il targeting, l’acquisto degli spazi e l’ottimizzazione appartengono a un livello più ampio della strategia ADV.
Capire questa differenza evita di ridurre la pubblicità display alla semplice scelta di una grafica e di qualche dimensione.
Nel linguaggio del web, un banner pubblicitario è una creatività visuale inserita all’interno di uno spazio destinato alla pubblicità.
Può avere una dimensione prefissata oppure adattarsi allo spazio disponibile. Può essere statico, animato o interattivo. Quando viene utilizzato per portare traffico, normalmente collega la creatività a una pagina del sito dell’inserzionista.
Il percorso più semplice è:
impression → visualizzazione del messaggio → eventuale clic → pagina di destinazione → eventuale conversione
Il clic, però, non è l’unica funzione possibile. Un banner può servire anche a far riconoscere un marchio, presentare un prodotto, sostenere una promozione o mantenere visibile un brand durante il percorso di acquisto.
La creatività è quindi solo una parte del sistema.
Cosa significa “banner” in italiano
Il termine inglese banner nasce con un significato vicino a striscione o insegna. Nel digitale è stato adottato per descrivere una superficie grafica, generalmente rettangolare, utilizzata all’interno di una pagina o di un’interfaccia.
Quando però qualcuno cerca semplicemente “banner” può riferirsi a cose diverse:
- un banner pubblicitario;
- una grafica inserita in un sito;
- la copertina di un profilo o di una pagina social;
- un cookie banner;
- uno striscione destinato alla stampa.
In questa guida utilizziamo il termine soprattutto nel significato di banner web e pubblicitario.
Banner pubblicitario, banner web, banner social e cookie banner non sono la stessa cosa
Il contesto cambia completamente il significato.
Un banner pubblicitario è una creatività inserita in un contesto advertising. Un banner web può invece essere anche un elemento grafico interno al sito, per esempio una fascia promozionale che segnala una vendita o un evento.
Con “banner social” si indicano spesso immagini di copertina o grafiche progettate per profili e pagine: non sono necessariamente annunci pubblicitari.
Il cookie banner, infine, appartiene a un altro ambito. È un’interfaccia collegata alla gestione delle preferenze e del consenso e non va confusa con un’inserzione.
Questa distinzione è utile soprattutto quando si progetta una pagina: elementi graficamente simili possono avere funzioni, vincoli e metriche completamente differenti.
Nel modello più semplice un inserzionista prepara una creatività, acquista o ottiene l’accesso a uno spazio pubblicitario e collega l’annuncio a una destinazione.
Quando la pagina viene caricata, il sistema può decidere quale annuncio mostrare in base al contesto, alla campagna, all’asta pubblicitaria, al pubblico disponibile e alle regole della piattaforma utilizzata.
L’utente vede quindi la creatività e può interagire con essa.
Questo è il punto in cui conviene separare tre livelli.
Dall’impression al clic e alla landing page
Una impression indica che l’annuncio è stato erogato secondo il criterio di conteggio utilizzato dalla piattaforma. Non significa automaticamente che l’utente lo abbia osservato con attenzione e nemmeno che vi abbia cliccato.
Se avviene il clic, la destinazione diventa decisiva.
Un banner che promette “Preventivo gratuito per la gestione Google Ads” e rimanda a una homepage generica costringe l’utente a ricostruire da solo il collegamento fra annuncio e offerta.
È normalmente più efficace progettare una destinazione coerente con il messaggio. Nella guida dedicata alle landing page abbiamo approfondito proprio il concetto di message match: ciò che l’utente trova dopo il clic dovrebbe continuare la promessa iniziata dall’annuncio, non aprire una conversazione diversa.
Per questo una buona creatività non può compensare una pagina di destinazione debole.
Banner, display advertising e campagna ADV: tre livelli da non confondere
Questo è uno dei punti che genera più equivoci.
Il banner è il formato o la creatività.
La display advertising descrive una modalità più ampia di distribuzione pubblicitaria attraverso inventari visuali.
La campagna ADV comprende invece obiettivo, pubblico, budget, bidding, creatività, posizionamenti, misurazione e ottimizzazione.
La relazione può essere rappresentata così:
strategia ADV → campagna → distribuzione/inventory → formato → banner visualizzato
Un annuncio da 300 × 250 pixel, quindi, non è una strategia display. È soltanto una possibile creatività all’interno di un sistema molto più ampio.
La distinzione è diventata ancora più importante con l’aumento dell’automazione. In Google Ads, per esempio, creatività visuali, inventory e modelli di campagna non coincidono più necessariamente con la vecchia idea di una “campagna banner” costruita intorno a dimensioni fisse.
Banner e pop-up: qual è la differenza
Un banner vive normalmente all’interno del layout o di uno spazio pubblicitario previsto dalla pagina.
Un pop-up, invece, compare sopra o davanti al contenuto, oppure interviene nel flusso di navigazione attraverso un layer o una finestra.
Questo cambia radicalmente l’esperienza.
Il banner compete per l’attenzione con il contenuto circostante. Il pop-up interrompe più direttamente l’interazione e proprio per questo deve essere valutato con maggiore attenzione. Se vuoi approfondire quel formato, nella guida ai pop-up nei siti web analizziamo casi d’uso, UX, lead generation e rischi delle implementazioni troppo invasive.
Non esiste un solo tipo di banner. La classificazione più utile non parte esclusivamente dalle dimensioni, ma da come viene costruita e distribuita la creatività.
Banner statici
Il banner statico è la forma più semplice.
Può essere una normale immagine JPG, PNG o GIF non animata contenente logo, immagine, messaggio e call to action.
Il vantaggio è il controllo: ciò che viene progettato è sostanzialmente ciò che verrà mostrato.
Il limite è la rigidità. Una creatività progettata per uno spazio specifico non può essere semplicemente inserita in qualunque altro formato senza ritagli, ridimensionamenti o una nuova versione grafica.
I banner statici continuano comunque a essere utilizzati e piattaforme come Google Ads supportano ancora numerose dimensioni per gli annunci display caricati.
Banner animati e HTML5
Un banner animato introduce movimento o sequenze.
La soluzione più semplice è una GIF animata, ma i formati HTML5 permettono possibilità molto maggiori: animazioni, transizioni, elementi interattivi, creatività dinamiche e contenuti collegati a feed.
Un banner HTML5 non è quindi semplicemente “un’immagine con estensione diversa”. È una piccola creatività web costruita attraverso HTML e, quando necessario, CSS, JavaScript e asset multimediali.
Per capire il livello più elementare, un normale banner grafico collegato a una pagina potrebbe essere rappresentato in HTML in questo modo:
<a href="https://www.example.com/offerta">
<img
src="/immagini/banner-300x250.jpg"
alt="Offerta sul servizio"
width="300"
height="250"
>
</a>
Questo esempio mostra il principio di base del collegamento immagine → destinazione, ma non equivale a una creatività HTML5 confezionata secondo le specifiche di una piattaforma advertising. I sistemi pubblicitari possono imporre requisiti precisi su file, codice, peso, animazioni e modalità di interazione.
Banner interattivi
Le creatività interattive cercano di andare oltre il semplice clic sull’intera superficie.
Possono incorporare controlli, carousel, prodotti, animazioni attivate dall’utente o altre forme di rich media, quando la piattaforma e il placement le supportano.
Il rischio è evidente: aumentare l’interattività non rende automaticamente migliore l’annuncio.
Se l’utente deve capire come utilizzare la creatività prima ancora di comprendere l’offerta, il formato sta aggiungendo attrito invece di ridurlo.
Responsive display ads: quando il formato viene adattato automaticamente
Qui il modello cambia.
Negli annunci display adattabili non viene necessariamente preparato un unico banner finale per ogni dimensione. L’inserzionista fornisce asset come immagini, logo, titoli e descrizioni e la piattaforma costruisce combinazioni adatte agli spazi disponibili.
Google distingue esplicitamente gli annunci illustrati statici dagli annunci display adattabili, nei quali dimensioni, aspetto e formato possono cambiare in funzione dello spazio pubblicitario. Le specifiche correnti degli asset utilizzano, tra le altre cose, immagini orizzontali con rapporto 1,91:1 e immagini quadrate 1:1.
La conseguenza pratica è importante: progettare banner oggi non significa più soltanto consegnare una cartella piena di rettangoli con misure differenti.
In molti ecosistemi devi progettare anche asset capaci di funzionare quando vengono ricombinati o adattati.
Le dimensioni classiche continuano a esistere e possono ancora essere richieste da publisher, concessionarie e piattaforme.
Non vanno però interpretate come l’unico standard possibile.
Tra i formati più conosciuti troviamo:
| Formato | Dimensioni | Uso tipico | Limite principale |
|---|---|---|---|
| Medium Rectangle | 300 × 250 px | contenuto, sidebar, inventory desktop/mobile | spazio limitato per messaggi complessi |
| Large Rectangle | 336 × 280 px | contenuto e display desktop | disponibilità dipendente dal placement |
| Leaderboard | 728 × 90 px | aree orizzontali desktop | poco adatto a layout stretti |
| Large Leaderboard | 970 × 90 px | header e aree desktop ampie | richiede molto spazio orizzontale |
| Half Page | 300 × 600 px | sidebar e creatività verticali | molto dominante nel layout |
| Wide Skyscraper | 160 × 600 px | colonne laterali desktop | poco adatto al mobile |
| Mobile Banner | 320 × 50 px | piccoli placement mobile | superficie creativa molto ridotta |
| Large Mobile Banner | 320 × 100 px | placement mobile | maggiore ingombro verticale |
Google continua a includere questi e altri formati nelle proprie specifiche degli annunci display.
La tabella è quindi utile per orientarsi, ma non dovrebbe diventare la prima decisione creativa.
Le dimensioni più comuni per desktop
Su desktop ricorrono frequentemente formati come:
- 300 × 250;
- 336 × 280;
- 728 × 90;
- 970 × 90;
- 300 × 600;
- 160 × 600.
La loro disponibilità concreta dipende comunque dall’inventory.
Un sito può avere uno spazio 300 × 250 all’interno dell’articolo e un altro publisher utilizzare un layout differente. Un marketplace pubblicitario può accettare molti formati, mentre un acquisto diretto presso un editore può richiederne soltanto alcuni.
Prima si verificano le specifiche del placement, poi si esporta la creatività.
Le dimensioni più comuni per mobile
Nel mobile diventano particolarmente comuni formati più compatti, per esempio 320 × 50 e 320 × 100.
La difficoltà aumenta perché lo spazio è ridotto.
Inserire nel piccolo banner lo stesso messaggio pensato per un 300 × 600 quasi sempre porta a testo troppo piccolo, gerarchia debole o CTA illeggibile.
La soluzione non è ridimensionare meccanicamente la versione desktop.
Bisogna ridurre il messaggio.
Banner a dimensione fissa o asset responsive: cosa cambia davvero
La distinzione più utile è questa:
fixed-size creative
La grafica viene progettata per una determinata dimensione. Layout, testo e posizioni sono sotto il controllo del designer.
responsive / flexible creative
Il sistema lavora con proporzioni, asset e aree adattabili. Parte della composizione può variare in base al placement.
Lo stesso settore advertising si è mosso in questa direzione. Le linee guida IAB New Ad Portfolio privilegiano formati flessibili basati sulle proporzioni per adattarsi meglio a dispositivi e superfici differenti, pur in un mercato in cui i vecchi formati fissi continuano a essere ampiamente utilizzati.
La scelta quindi non è “vecchi formati oppure nuovi formati”.
È capire quale sistema di distribuzione userà la creatività.
Il primo errore avviene spesso prima di aprire Photoshop, Figma, Canva o qualunque altro strumento.
Si parte dal layout.
In realtà la domanda iniziale dovrebbe essere:
cosa deve ottenere questa creatività da una persona che la vedrà per pochi istanti e all’interno di un contesto che non controlliamo completamente?
Da qui derivano tutte le altre decisioni.
Parti dall’obiettivo, non dalla grafica
Un banner pensato per far conoscere un brand non deve essere valutato come uno progettato per vendere immediatamente un prodotto.
Allo stesso modo, una creatività di retargeting rivolta a persone che conoscono già l’offerta può utilizzare un messaggio diverso da una destinata a un pubblico completamente nuovo.
Prima del design servono quindi almeno:
- obiettivo;
- pubblico;
- offerta o messaggio;
- contesto di distribuzione;
- destinazione;
- metrica con cui valuterai il risultato.
Senza queste informazioni rischi di produrre una grafica gradevole ma priva di un lavoro preciso da svolgere.
Messaggio, gerarchia visiva e branding
Lo spazio disponibile è limitato.
Un buon banner deve permettere di capire rapidamente almeno una parte di questa sequenza:
chi comunica → cosa propone → perché dovrebbe interessarmi → cosa posso fare
Non serve inserire ogni informazione dell’offerta nella creatività.
Al contrario, quando titolo, sottotitolo, prezzo, sconto, cinque vantaggi, disclaimer, logo, fotografia e pulsante cercano tutti di diventare l’elemento principale, nessuno lo è più.
La gerarchia visuale dovrebbe stabilire cosa si legge per primo, cosa si capisce subito dopo e quale elemento chiude il messaggio.
Anche il branding deve essere riconoscibile senza trasformare l’annuncio in un logo gigante con un pulsante.
Come usare la call to action senza sovraccaricare il banner
Una call to action indica l’azione che vuoi rendere disponibile o desiderabile.
“Scopri di più”, “Acquista”, “Richiedi il preventivo”, “Prenota” e “Scarica” non sono intercambiabili.
La CTA deve essere coerente con ciò che succede dopo.
Se il clic apre una pagina informativa, “Acquista ora” può creare un’aspettativa sbagliata. Se invece il prodotto è immediatamente acquistabile e l’offerta è chiara, una CTA troppo vaga può nascondere l’azione principale.
La regola utile non è “metti sempre un pulsante”.
È rendere comprensibile il prossimo passo.
Coerenza tra banner e landing page
Immagina questa sequenza:
Banner:
Hosting WordPress gestito — migrazione inclusa
Landing page:
Soluzioni digitali innovative per la tua azienda
I due messaggi appartengono formalmente alla stessa azienda, ma l’utente deve ricostruire da solo la continuità.
Una destinazione più coerente confermerebbe subito ciò che ha generato il clic:
Hosting WordPress gestito con migrazione inclusa
Poi potrebbe sviluppare dettagli, prezzo, condizioni, caratteristiche e CTA.
La grafica può quindi aumentare il clic, ma la conversione dipende anche da ciò che accade dopo il banner.
Leggibilità mobile, peso delle immagini e velocità
Una creatività pubblicitaria non vive isolata.
Viene caricata all’interno di una pagina, spesso insieme a immagini, script, video, analytics e altri componenti.
File inutilmente pesanti possono aumentare i tempi di caricamento o peggiorare l’esperienza, soprattutto su connessioni e dispositivi meno performanti.
Le specifiche tecniche delle piattaforme stabiliscono normalmente limiti precisi di dimensione, file e animazione. Non vanno trattati come dettagli da controllare alla fine: fanno parte del progetto.
Lo stesso vale per la leggibilità.
Un testo perfettamente leggibile sul monitor utilizzato dal designer può diventare minuscolo sul placement reale. Verificare la creatività nelle dimensioni effettive è molto più utile che guardarla soltanto ingrandita nel software di progettazione.
Non esiste un layout capace di funzionare in qualunque campagna.
È più utile osservare come cambia la creatività in base al compito.
Banner per brand awareness
Immaginiamo un nuovo servizio di cloud backup rivolto alle PMI.
Una creatività awareness potrebbe utilizzare:
CloudBackup Pro
Backup automatico per i dati aziendali
Logo + visual riconoscibile
Non è obbligatorio riempirla con prezzo, sette funzionalità e una promozione.
L’obiettivo principale è associare rapidamente brand e categoria.
Banner promozionale per prodotto o offerta
Un ecommerce potrebbe utilizzare:
-20% sulle scarpe da running
Solo fino a domenica
Scopri i modelli
Qui l’offerta diventa l’elemento principale.
Il messaggio funziona soltanto se la pagina di destinazione continua realmente quella promozione e rende disponibili i prodotti interessati.
Uno sconto potente nel banner e assente sulla landing non è una tecnica persuasiva: è una frizione.
Banner orientato alla conversione
Per un servizio B2B:
Audit Google Ads
Analizziamo campagne, tracking e sprechi di budget
Richiedi l’audit
In questo caso il messaggio elimina parte dell’ambiguità prima del clic.
L’utente sa cosa viene proposto e quale sarà il passo successivo.
Cosa rende debole un banner anche quando è graficamente bello
La qualità estetica non basta.
Un banner può apparire professionale ma essere debole perché:
- non chiarisce cosa viene offerto;
- utilizza testo troppo piccolo;
- presenta troppe informazioni;
- non distingue elemento principale e secondari;
- usa una CTA incoerente;
- sembra scollegato dal brand;
- promette qualcosa che la pagina di destinazione non mantiene;
- è stato progettato senza considerare il placement reale.
Un design efficace è quindi quello che aiuta il messaggio a svolgere il proprio lavoro, non quello che contiene più effetti grafici.
Non esiste un prezzo universale per “un banner online”.
Bisogna distinguere almeno costo della produzione creativa e costo della distribuzione pubblicitaria.
Il primo dipende dal lavoro necessario per progettare immagini, varianti, animazioni, HTML5, adattamenti e asset.
Il secondo dipende da come viene acquistato lo spazio.
CPM, CPC e altri modelli di acquisto
Tra i modelli più comuni troviamo:
CPM — costo per mille impression
Paghi in relazione al numero di impression acquistate.
Formula semplificata:
CPM = spesa / impression × 1.000
CPC — costo per clic
La spesa viene letta rispetto ai clic ricevuti.
CPC = spesa / clic
In altri contesti l’ottimizzazione può essere collegata a conversioni, valore, visualizzazioni o altri obiettivi.
Questo non significa che ogni piattaforma fatturi esattamente nello stesso modo in cui mostra le metriche. Acquisto, asta e ottimizzazione possono seguire meccanismi più complessi.
Perché il costo non dipende soltanto dalle dimensioni del banner
Un 300 × 250 non ha un prezzo universale.
Il costo può cambiare in funzione di:
- publisher o piattaforma;
- pubblico;
- domanda pubblicitaria;
- periodo;
- placement;
- geografia;
- modalità di acquisto;
- obiettivo;
- concorrenza;
- qualità e disponibilità dell’inventory.
Due creatività con la stessa dimensione possono quindi essere distribuite con costi completamente differenti.
Per questo chiedere “quanto costa un banner?” senza specificare dove, a chi e con quale modello equivale a chiedere il prezzo di una pubblicità senza indicare il mezzo.
Inserire banner sul proprio sito e monetizzare: il caso publisher
La prospettiva cambia quando non sei l’inserzionista ma il proprietario del sito che ospita gli annunci.
In questo caso il banner diventa parte di un sistema di monetizzazione dell’inventory.
Soluzioni come Google AdSense permettono ai publisher idonei di mettere a disposizione spazi pubblicitari e monetizzare il traffico secondo i meccanismi previsti dalla piattaforma.
Riempire una pagina di annunci, però, non significa automaticamente aumentare il valore.
Più inventory può significare anche maggiore competizione con il contenuto, più distrazioni e un’esperienza peggiore.
Il primo dato da evitare è la metrica isolata.
Un banner può ricevere molti clic ed essere economicamente debole. Un altro può avere un CTR più basso ma generare clienti di maggiore valore.
La metrica deve quindi dipendere dall’obiettivo.
Impression, clic e CTR
Le impression indicano quante volte l’annuncio è stato erogato secondo le regole di conteggio utilizzate.
I clic misurano le interazioni di clic registrate.
Il CTR, o Click Through Rate, mette in relazione questi due valori:
CTR = clic / impression × 100
Se un annuncio riceve 50 clic su 10.000 impression:
50 / 10.000 × 100 = 0,5%
Il dato può essere utile per valutare la capacità della creatività di generare clic nel contesto in cui viene mostrata. Non dimostra però che la campagna sia profittevole.
Nella guida al Click Through Rate trovi formula, interpretazione e limiti della metrica.
Viewability e qualità dell’esposizione
Un’impression registrata e un annuncio realmente visibile all’utente non sono concetti perfettamente equivalenti.
La viewability cerca di misurare se una creatività ha avuto una reale opportunità di essere vista secondo i criteri adottati dal sistema di misurazione.
Il concetto è importante perché due placement con lo stesso numero di impression possono offrire qualità di esposizione molto diversa.
Un banner posizionato in un’area che pochissimi utenti raggiungono non ha lo stesso valore di una creatività inserita in un contesto effettivamente visibile e pertinente.
Conversioni, CPA e ROAS: perché un CTR alto non basta
Supponiamo che due banner abbiano questi risultati:
| Creatività | Impression | Clic | CTR | Vendite |
|---|---|---|---|---|
| Banner A | 100.000 | 2.000 | 2% | 10 |
| Banner B | 100.000 | 1.000 | 1% | 35 |
Se ci fermassimo al CTR, A sembrerebbe migliore.
Se l’obiettivo fosse vendere, la conclusione cambierebbe.
Il motivo può essere il pubblico, il messaggio, il placement, l’offerta o ciò che succede dopo il clic.
Per questo, quando l’obiettivo è performance, la valutazione deve avvicinarsi il più possibile al risultato finale:
banner → clic → comportamento sulla pagina → conversione → valore economico
Il CTR resta un segnale intermedio, non il verdetto.
I banner hanno ancora senso, ma non sono la risposta automatica a qualunque necessità pubblicitaria.
Funzionano meglio quando formato, pubblico, contesto e obiettivo sono coerenti.
Quando il banner ha senso
Può essere una scelta utile quando vuoi:
- ottenere copertura attraverso inventory visuale;
- sostenere brand awareness e consideration;
- presentare prodotti o promozioni;
- utilizzare creatività in contesti editoriali pertinenti;
- lavorare su audience che hanno già interagito con il brand;
- alimentare campagne in cui gli asset visuali hanno un ruolo importante.
Il formato è particolarmente naturale quando il messaggio può essere compreso rapidamente.
Se per capire l’offerta servono cinque minuti di spiegazione, il banner dovrebbe probabilmente aprire la conversazione, non tentare di contenerla tutta.
Quando pop-up, native advertising, video o altri formati rispondono meglio all’obiettivo
Un banner non deve essere scelto soltanto perché è facile da produrre.
Un video può essere più adatto quando il prodotto richiede dimostrazione.
Una creatività native può inserirsi diversamente nel contesto editoriale.
Un pop-up può rendere un messaggio molto evidente, ma introduce anche una maggiore interruzione.
L’obiettivo non è trovare il formato che “si nota di più” in assoluto.
È creare abbastanza attenzione senza distruggere l’esperienza che ha reso possibile quell’attenzione.
Su questo punto le Better Ads Standards sono un riferimento utile: identificano diverse esperienze pubblicitarie particolarmente intrusive, tra cui pop-up, video autoplay con audio e grandi sticky ads in determinati contesti.
La creatività più aggressiva non è necessariamente quella più efficace.
Conclusione
Il banner resta uno dei formati più riconoscibili della pubblicità online, ma ridurlo a un rettangolo grafico collegato a una pagina significa descriverne soltanto la versione più semplice.
Oggi convivono creatività statiche, GIF, HTML5, formati fissi e sistemi responsive basati su asset. Le dimensioni classiche come 300 × 250, 728 × 90 o 300 × 600 continuano a essere utilizzate, mentre piattaforme e standard pubblicitari si spostano sempre più verso logiche adattabili.
La decisione migliore parte quindi in questo ordine:
obiettivo → pubblico → contesto → sistema di distribuzione → messaggio → formato → creatività → landing page → misurazione
Se parti dalla misura del rettangolo, stai iniziando dalla fine.
Un banner efficace non è quello che contiene più informazioni o che attira attenzione a qualunque costo. È quello che riesce a svolgere un compito preciso dentro la campagna e porta l’utente verso un passaggio successivo coerente.