Nel mondo digitale odierno, la pubblicità online è una parte fondamentale del web senza costi che tutti noi apprezzano. Tuttavia, un'implementazione non corretta degli annunci può tradursi in un'esperienza di navigazione più lenta, infastidire gli utenti e ridurre il coinvolgimento. Scopri come caricare gli annunci in modo efficace senza influire sulla velocità della pagina, garantendo un'esperienza utente fluida e massimizzando le opportunità di guadagno per i proprietari di siti web.
I siti web fanno molto affidamento sulla pubblicità online come fonte principale di entrate. Tuttavia, la presenza di annunci sui siti web a volte può peggiorare l'esperienza utente e le prestazioni complessive della pagina. È quindi fondamentale trovare un equilibrio tra monetizzazione e rendimento per i proprietari dei siti web e inserzionisti e l'esperienza utente.
Prendi in considerazione un sito web che includa in modo esteso gli annunci all'interno dei suoi contenuti, con l'obiettivo di generare entrate elevate. Tuttavia, il numero eccessivo di annunci crea frustrazione per gli utenti, determinando un'esperienza utente scadente ed elevate frequenze di rimbalzo. Nonostante il potenziale di generare entrate considerevoli dagli annunci, l'abbandono ostacola gravemente il successo del sito web.
All'altra estremità dello spettro, prendi in considerazione un sito web senza annunci. Questo ambiente senza annunci attira un numero significativo di utenti grazie al tempo di caricamento rapido e all'esperienza di navigazione senza interruzioni. Tuttavia, senza una strategia di monetizzazione, il sito web ha difficoltà a generare entrate, il che potrebbe ostacolare la sua sostenibilità e la sua crescita a lungo termine.
Entrambi gli scenari illustrano l'importanza di bilanciare monetizzazione, utenti e rendimento.
Sfruttare i Core Web Vitals
Il superamento dei Core Web Vitals è essenziale quando si tratta di caricare gli annunci senza influire negativamente sulla velocità della pagina. Le metriche Core Web Vitals, che comprendono metriche come Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS) e Interaction to Next Paint (INP), sono metriche relative all'esperienza utente che misurano la qualità dell'esperienza utente sul tuo sito web.
Largest Contentful Paint (LCP)
L'ottimizzazione della metrica LCP è fondamentale perché questa metrica misura il tempo necessario affinché l'elemento con contenuti più grande diventi visibile all'interno dell'area visibile. Riducendo al minimo il tempo di caricamento dei contenuti degli annunci e dando la priorità alle tecniche di caricamento asincrono, i proprietari di siti web possono ridurre il valore LCP e il tempo di rendering degli elementi con contenuti più in evidenza su una pagina.
Interaction to Next Paint (INP)
In secondo luogo, migliorare INP è fondamentale per le esperienze utente adattabili. INP misura la latenza di ogni clic, tocco e interazione da tastiera che si verifica durante l'intero ciclo di vita di una pagina. Il valore risultante corrisponde più spesso all'interazione il cui completamento richiede più tempo ed è rappresentativo della capacità complessiva di una pagina di rispondere rapidamente alle interazioni degli utenti.
Gli annunci che ritardano le interazioni degli utenti hanno un impatto negativo sull'INP. Ciò può infastidire gli utenti creando esperienze lente o addirittura del tutto rotte in casi estremi. L'implementazione del caricamento lento per gli annunci e il differimento dell'esecuzione di JavaScript non critici possono contribuire a ridurre l'INP di una pagina e, di conseguenza, a migliorarne la reattività generale.
Cumulative Layout Shift (CLS)
Infine, la metrica CLS misura la stabilità visiva di una pagina misurando la quantità di variazioni impreviste del layout che si verificano durante il caricamento della pagina. Gli annunci che si caricano o si ridimensionano in modo dinamico possono causare instabilità del layout e causare un'esperienza utente scadente, in cui gli utenti non riescono a tenere traccia della posizione in cui si trovano nella pagina o toccano involontariamente gli elementi sbagliati a causa di variazioni del layout impreviste. Per mitigare questo problema, i proprietari di siti web devono ottimizzare la metrica CLS per assicurarsi che gli annunci abbiano spazio riservato per evitare variazioni del layout e che le dimensioni degli annunci siano ottimizzate per evitare improvvisi cambiamenti del flusso dei contenuti.
Strutturare la pagina web in blocchi di contenuti distinti
Strutturare la tua pagina web con blocchi di contenuti sia per il testo, sia per le immagini e per i contenuti degli annunci, utilizzando al contempo la proprietà content-visibility: del CSS, può migliorare notevolmente il tempo di rendering complessivo nei browser moderni.
Se applichi strategicamente la proprietà content-visibility: all'interno di questi blocchi di contenuti, ottimizzi il processo di rendering per i contenuti di testo, immagini e annunci. In questo modo viene assicurato il rendering completo solo dei contenuti nell'area visibile, il che si traduce in un caricamento pagina iniziale più rapido e interazioni degli utenti più fluide. Questo miglioramento del rendimento è particolarmente utile quando si ha a che fare con pagine lunghe o con molti annunci.
Dai la priorità alle aree annunci importanti
Non tutte le aree annuncio sono uguali. Ad esempio, le aree annuncio above the fold di solito sono più preziose di quelle below the fold in termini di visibilità e monetizzazione. Questo perché gli annunci above the fold hanno maggiori probabilità di essere visti dagli utenti, in quanto sono visibili senza dover scorrere nella prima area visibile. Gli annunci below the fold diventano visibili dopo che l'utente ha fatto scorrere la pagina verso il basso abbastanza da vederli.
Annunci above the fold
Le aree annuncio above the fold fanno riferimento alla porzione di pagina web visibile senza scorrere e che rappresentano un valore significativo per la pubblicità digitale. Questi posizionamenti di primo livello sono considerati importanti per diversi motivi:
- Gli annunci posizionati above the fold sono immediatamente visibili agli utenti quando caricano una pagina web. È più probabile che gli utenti notino e interagiscano con questi annunci, con un conseguente aumento delle percentuali di clic.
- Gli inserzionisti spesso considerano la parte superiore di una pagina web l'immobile di maggior valore. È la prima impressione che gli utenti ricevono quando visitano un sito ed è quindi un'area cruciale per mostrare annunci premium e di grande impatto.
- Gli annunci above the fold hanno i tassi di visibilità più elevati perché sono nella linea diretta dell'utente. In questo modo, la maggior parte degli utenti che visitano la pagina vedrà questi annunci senza dover scorrere.
Tuttavia, quando utilizzi le aree annuncio above the fold nella visualizzazione iniziale, è importante trovare un equilibrio tra la monetizzazione e l'esperienza utente. Ecco alcune considerazioni chiave.
- Le aree annuncio nella prima schermata devono caricarsi il più velocemente possibile nell'area visibile iniziale dell'utente. Gli annunci che vengono caricati lentamente possono influire negativamente sull'esperienza utente e aumentare la frequenza di rimbalzo. L'ottimizzazione dei tempi di caricamento degli annunci è fondamentale per garantire un'esperienza utente e di navigazione fluida.
- Sebbene i posizionamenti degli annunci above the fold siano utili, è importante non sovraccaricare questo spazio primario con troppi annunci. Un numero eccessivo di annunci ingombra la pagina, compromette la leggibilità dei contenuti e compromette l'esperienza utente. Impegnati a trovare un equilibrio tra la monetizzazione e il mantenimento di un layout chiaro e facile da usare.
- Assicurati che le aree annuncio above the fold siano compatibili con schermi e dispositivi di dimensioni diverse. Le pratiche di responsive design possono aiutare a mantenere un layout coerente e visivamente accattivante indipendentemente dalle dimensioni dello schermo dell'utente.
Annunci below the fold
Anche le aree annuncio below the fold, ovvero gli annunci posizionati all'interno dell'area di una pagina web che diventa visibile solo dopo lo scorrimento verso il basso, hanno un notevole valore nel mondo della pubblicità digitale. Questi posizionamenti offrono vantaggi esclusivi a complemento dei posizionamenti above the fold.
Gli annunci below the fold sono utili quando gli utenti scorrono per esplorare altri contenuti. Questi posizionamenti catturano l'attenzione degli utenti coinvolti che cercano attivamente informazioni aggiuntive, rendendoli utili per i brand che vogliono trasmettere messaggi o storytelling più complessi.
- Le aree annuncio che non sono inizialmente visibili possono allinearsi ai contenuti accanto, offrendo l'opportunità di una pertinenza contestuale. Questo allineamento può portare a un maggiore coinvolgimento degli utenti che scoprono annunci correlati ai contenuti che stanno esplorando.
- Se progettati in modo oculato, gli annunci below the fold possono integrarsi perfettamente con i contenuti circostanti e risultare meno invasivi per gli utenti. Questa integrazione, nota anche come native advertising, può creare un'esperienza utente più armoniosa.
- I posizionamenti degli annunci richiesti per scorrere le creatività offrono maggiore flessibilità nel formato e nella progettazione delle creatività, con ampio spazio e maggiore libertà di sperimentare. Annunci video, elementi interattivi e immagini più grandi possono essere caricati tramite caricamento lento per catturare l'attenzione degli utenti senza interrompere la loro esperienza.
Tuttavia, per i posizionamenti degli annunci below the fold è necessario tenere presenti le seguenti considerazioni:
- I posizionamenti degli annunci below the fold possono essere efficaci, ma è essenziale assicurarsi che gli utenti siano incoraggiati a scorrere la pagina per visualizzarli. L'implementazione di segnali visivi o teaser dei contenuti può invogliare gli utenti a esplorare ulteriormente, aumentando la probabilità di visibilità dell'annuncio.
- I posizionamenti degli annunci below the fold non devono compromettere la qualità o la leggibilità dei contenuti. Mantenere un equilibrio tra annunci e contenuti per evitare di sovraccaricare gli utenti e garantire un'esperienza positiva.
- A differenza dei posizionamenti degli annunci above the fold, gli annunci below the fold potrebbero non dover essere caricati immediatamente. Rimandare il caricamento di questi annunci finché non si avvicinano all'area visibile dell'utente può contribuire a migliorare la velocità di caricamento complessiva delle pagine e a ridurre i tempi di rendering iniziali delle pagine.
Se utilizzati in modo strategico, gli annunci below the fold possono integrarsi con gli annunci above the fold e forniscono una piattaforma per i formati degli annunci con creatività e la pertinenza contestuale. Tuttavia, ottimizzare la visibilità, bilanciare i contenuti e gestire i tempi di caricamento degli annunci sono considerazioni chiave per garantire un'esperienza utente positiva.
Best practice correnti per i Tag publisher di Google (GPT):
- Best practice generali
- Best practice per gli annunci
- Riduci al minimo la variazione del layout
- Monitorare il rendimento
- Evitare gli errori di implementazione più comuni
Annunci con caricamento lento, ove appropriato
Il caricamento lento è una tecnica che rimanda il caricamento delle risorse non critiche finché non sono necessarie. L'applicazione del caricamento lento per gli annunci che non sono immediatamente visibili (ovvero, annunci below the fold) garantisce che vengano caricati solo quando vengono visualizzati, risparmiando larghezza di banda e migliorando la velocità complessiva della pagina. I browser ora includono il caricamento lento nativo per gli iframe con un attributo loading=lazy.
Con l'implementazione del caricamento lento, gli annunci vengono recuperati in modo dinamico quando stanno per entrare nell'area visibile dell'utente, riducendo il tempo di caricamento iniziale e il tempo di blocco totale (TBT) (che è altamente correlato con INP) sul thread principale in quella parte cruciale del ciclo di vita della pagina, riducendo al minimo l'impatto negativo sull'esperienza utente.
Aggiornare gli annunci senza aggiornare la pagina
Un'altra tecnica in grado di bilanciare il rendimento della pagina con il caricamento degli annunci è la possibilità di aggiornare gli annunci ogni 30-240 secondi senza ricaricare l'intera pagina.1 Questo approccio consente di aggiornare dinamici i contenuti degli annunci senza interrompere l'esperienza di navigazione dell'utente o causare ritardi inutili.
Nelle app mobile, l'aggiornamento degli annunci nelle visualizzazioni web esistenti offre un rendimento migliore rispetto al ricaricamento dell'intera pagina o alla nuova creazione di componenti WebView, in quanto riduce al minimo l'overhead dei dati e delle risorse, il che permette di aggiornare più rapidamente i contenuti e di offrire un'esperienza utente più fluida senza la latenza associata a un riavvio da zero.
Grazie all'aggiornamento degli annunci in modo asincrono, i proprietari di siti web possono mantenere intatti i contenuti della pagina, aggiornandoli in modo fluido e in tempo reale. Questo non solo migliora la velocità della pagina eliminando la necessità di ricaricare l'intera pagina, ma garantisce anche che gli annunci visualizzati rimangano pertinenti e coinvolgenti. Con questa tecnica, i proprietari di siti web possono trovare un equilibrio tra monetizzazione e rendimento, offrendo contenuti pubblicitari tempestivi e coinvolgenti e riducendo al minimo gli effetti negativi sull'esperienza utente.
L'aggiornamento delle aree annuncio è particolarmente utile nelle pagine in cui gli utenti tendono a rimanere più a lungo, ad esempio le pagine di ricette, tutorial fai da te o altri siti web ricchi di contenuti. Ad esempio, in una pagina di fai da te in cui gli utenti possono trascorrere molto tempo seguendo i tutorial, aggiornare le aree annuncio in modo strategico durante le pause tra i passaggi o durante la visualizzazione di gallerie di immagini può migliorare l'esperienza utente e le entrate pubblicitarie. Analogamente, nella pagina di una ricetta, aggiornare le aree annuncio dopo che gli utenti hanno fatto scorrere l'elenco degli ingredienti o le istruzioni possono mantenere l'interesse degli utenti.
Dai la priorità al caricamento asincrono
Una delle strategie di maggiore impatto per migliorare la velocità delle pagine durante la pubblicazione degli annunci è il caricamento asincrono. Il caricamento asincrono carica gli annunci indipendentemente dai contenuti principali della pagina web, consentendo di continuare a essere visualizzata e di diventare interattiva senza attendere il caricamento completo degli annunci. Questo riduce significativamente il tempo di caricamento percepito, migliorando la soddisfazione degli utenti.
Includi l'attributo async nella definizione del tag script. Ad esempio:
AdSense:
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
AdSense (annunci automatici):
<script async data-ad-client="ca-pub-xxxxxxxxxxxxxxxx" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
Tag publisher di Google:
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
Ottimizza le dimensioni, la posizione e i formati degli annunci
Dimensioni, posizione e formato degli annunci possono influire notevolmente sulla velocità della pagina. Gli annunci di grandi dimensioni possono rallentare il caricamento della pagina, causando frustrazione degli utenti. Per ovviare a questo problema, i proprietari di siti web devono lavorare a stretto contatto con gli inserzionisti per ottimizzare le dimensioni e i formati degli annunci. Incoraggiando l'utilizzo di formati delle immagini compresse e un design efficiente delle creatività degli annunci, si possono ridurre le dimensioni dei file senza compromettere la qualità visiva. Queste ottimizzazioni non solo migliorano la velocità delle pagine, ma riducono anche il consumo di dati per gli utenti con larghezza di banda limitata.
Better Ads Standards
È essenziale rispettare i Better Ads Standards per la visualizzazione degli annunci, perché questo non solo migliora l'esperienza utente riducendo i formati degli annunci invasivi e fastidiosi, ma influisce positivamente sulla posizione di pubblicazione degli annunci e sul tempo di caricamento della pagina.
Seguendo questi standard, è più probabile che gli annunci vengano posizionati in posizioni meno invasive e invasive, il che può comportare un maggiore coinvolgimento degli utenti e percentuali di clic.
Inoltre, il rispetto di queste linee guida può anche portare a una maggiore velocità di caricamento delle pagine, in quanto sono preferiti formati di annunci più leggeri e che richiedono meno risorse, migliorando le prestazioni complessive del sito web e la soddisfazione degli utenti.
Valutazione strategica di reti pubblicitarie e fornitori
Non tutte le reti pubblicitarie e tutti i fornitori sono uguali in termini di rendimento. Per garantire una velocità delle pagine ottimale, i proprietari di siti web devono valutare meticolosamente il rendimento di diverse reti pubblicitarie, dell'implementazione di header bidding e dei fornitori.
Creare partnership con fornitori che danno la priorità alla velocità e che hanno una lunga storia di pubblicazione efficiente di contenuti pubblicitari leggeri può aumentare significativamente le prestazioni delle pagine e migliorare l'esperienza utente.
Conclusione
Trovare un equilibrio tra monetizzazione e rendimento è fondamentale per i proprietari di siti web che vogliono offrire un'esperienza utente eccezionale e massimizzare le entrate attraverso la pubblicità online.
Utilizzando tecniche quali caricamento asincrono, caricamento lento, ottimizzazione di formati e dimensioni degli annunci, memorizzazione nella cache intelligente e valutazione accurata delle reti pubblicitarie, nonché delle offerte su intestazioni e dei provider, i proprietari di siti web possono affrontare con successo le sfide del caricamento degli annunci senza compromettere le prestazioni della pagina. Dare priorità a una pubblicazione efficiente degli annunci garantisce in ultima analisi la stratificazione degli utenti, un maggiore coinvolgimento e una generazione di entrate sostenibile.
Note a piè di pagina
- Gli ad server potrebbero avere restrizioni e requisiti applicabili. Ad esempio, Ad Manager richiede ai publisher di dichiarare nell'interfaccia utente l'inventario che si aggiorna. Alcuni acquirenti richiedono una dichiarazione di aggiornamento superiore o uguale a 240 secondi. In generale, più è lungo l'intervallo tra gli aggiornamenti, più il tuo inventario è appetibile per gli acquirenti. scopri di più