Caricare efficacemente gli annunci senza influire sulla velocità delle pagine

Nel mondo digitale di oggi, la pubblicità online è una parte fondamentale del web senza costi di cui tutti usufruiamo. Tuttavia, gli annunci implementati in modo inadeguato possono rallentare l'esperienza di navigazione, frustrare gli utenti e ridurre il coinvolgimento. Scopri come caricare gli annunci in modo efficace senza influire sulla velocità della pagina, garantendo un'esperienza utente ottimale e massimizzando le opportunità di entrate per i proprietari di siti web.

Markus Bordihn
Markus Bordihn

I siti web si basano molto sulla pubblicità online come fonte principale di entrate. Tuttavia, la presenza di annunci sui siti web a volte può andare a scapito dell'esperienza utente e del rendimento complessivo della pagina. È quindi fondamentale trovare un equilibrio tra la monetizzazione e il rendimento per i proprietari di siti web e gli inserzionisti, nonché l'esperienza utente.

Prendiamo ad esempio un sito web che inserisce annunci in modo esteso all'interno dei suoi contenuti allo scopo di generare entrate elevate. Tuttavia, il numero esorbitante di annunci li frustra, con un conseguente calo dell'esperienza utente e tassi di rimbalzo elevati. Nonostante le potenziali entrate sostanziali generate dagli annunci, l'abbandono ostacola notevolmente il successo del sito web.

All'altro estremo dello spettro, prendi in considerazione un sito web senza annunci. Questo ambiente senza annunci attira un numero significativo di utenti grazie ai tempi di caricamento rapidi e all'esperienza di navigazione fluida. Tuttavia, senza una strategia di monetizzazione, il sito web fatica a generare entrate, il che potrebbe ostacolarne la sostenibilità e la crescita a lungo termine.

Entrambi gli scenari illustrano l'importanza di trovare il giusto equilibrio tra monetizzazione, utenti e rendimento.

Sfruttare Core Web Vitals

Il superamento dei Core Web Vitals è essenziale per caricare gli annunci senza influire negativamente sulla velocità della pagina. Segnali web essenziali, che comprendono metriche come Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS) e Interaction to Next Paint (INP), sono metriche sull'esperienza utente che misurano la qualità dell'esperienza utente del tuo sito web.

Largest Contentful Paint (LCP)

È fondamentale concentrarsi sull'ottimizzazione del valore LCP, in quanto questa metrica misura il tempo necessario per la visualizzazione dell'elemento più grande con contenuti all'interno dell'area visibile. Minimizzando 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 LCP e il tempo di rendering degli elementi con contenuti più in evidenza di una pagina.

Interaction to Next Paint (INP)

In secondo luogo, il miglioramento dell'INP è fondamentale per esperienze utente adattabili. L'INP misura la latenza di ogni clic, tocco e interazione da tastiera che si verifica durante la vita di una pagina. Il valore risultante è spesso l'interazione che ha richiesto più tempo per essere completata ed è rappresentativo della capacità complessiva di una pagina di rispondere rapidamente alle interazioni degli utenti.

Gli annunci che ritardano le interazioni degli utenti influiscono negativamente sull'INP. Ciò potrebbe frustrare gli utenti creando esperienze che sembrano lente o addirittura non funzionanti in casi estremi. L'implementazione del caricamento lento per gli annunci e il differimento dell'esecuzione di JavaScript non critico possono contribuire a ridurre l'INP di una pagina e, di conseguenza, a migliorare l'adattabilità complessiva della pagina.

Cumulative Layout Shift (CLS)

Infine, il CLS misura la stabilità visiva di una pagina misurando la quantità di variazioni di layout impreviste che si verificano durante il caricamento della pagina. Gli annunci che si caricano o ridimensionano dinamicamente possono causare instabilità del layout, con conseguente esperienza utente negativa in cui gli utenti perdono il conto di dove si trovano in una pagina o addirittura toccano involontariamente gli elementi sbagliati a causa di cambiamenti imprevisti del layout. Per attenuare questo problema, i proprietari di siti web devono ottimizzare il CLS per assicurarsi che gli annunci abbiano uno spazio riservato per evitare variazioni del layout e le dimensioni degli annunci devono essere ottimizzate per evitare il riflusso improvviso dei contenuti.

Strutturare la pagina web in blocchi di contenuti distinti

Se strutturi la tua pagina web con blocchi di contenuti per testo, immagini e contenuti degli annunci, utilizzando anche la proprietà CSS content-visibility:, puoi migliorare notevolmente il tempo di rendering complessivo nei browser moderni.

Applicando strategicamente la proprietà content-visibility: all'interno di questi blocchi di contenuti, ottimizzi il processo di rendering per testo, immagini e contenuti dell'annuncio. In questo modo, viene visualizzato completamente solo il contenuto nell'area visibile, il che si traduce in un caricamento iniziale della pagina più rapido e in interazioni più fluide con l'utente. Questo miglioramento del rendimento è particolarmente utile quando si tratta di pagine lunghe o con molti annunci.

Dare la priorità alle aree annuncio importanti

Non tutte le aree annuncio sono uguali. Ad esempio, gli spazi pubblicitari above the fold sono in genere più redditizi di quelli below the fold in termini di visibilità e monetizzazione. Questo perché gli annunci above the fold hanno maggiori probabilità di essere visti dagli utenti, poiché sono visibili senza scorrere nella prima area visibile. Gli annunci below-the-fold diventano visibili dopo che l'utente ha fatto scorrere la pagina verso il basso in modo da poterli vedere.

Annunci above the fold

Una rappresentazione visiva del concetto di annuncio "above-the-fold".

Le aree annuncio above the fold si riferiscono alla parte di una pagina web visibile senza scorrere e hanno un valore significativo nella pubblicità digitale. Questi posizionamenti privilegiati sono considerati importanti per diversi motivi:

  • Gli annunci posizionati above the fold sono immediatamente visibili agli utenti al caricamento di una pagina web. Gli utenti sono più propensi a notare e interagire con questi annunci, con un conseguente aumento delle percentuali di clic.
  • Gli inserzionisti spesso considerano la parte superiore di una pagina web come lo spazio più redditizio. È la prima impressione che gli utenti ricevono quando visitano un sito, pertanto è un'area fondamentale per mostrare annunci premium ad alto impatto.
  • Gli annunci above the fold hanno i tassi di visibilità più elevati perché si trovano nel campo visivo diretto dell'utente. In questo modo, la maggior parte degli utenti che visitano la pagina vedrà questi annunci senza dover scorrere.

Tuttavia, è importante trovare un equilibrio tra la monetizzazione e l'esperienza utente quando utilizzi gli spazi pubblicitari above the fold nella visualizzazione iniziale. Ecco alcune considerazioni chiave.

  • Le aree annuncio della prima schermata devono caricarsi il più rapidamente possibile nell'area visibile iniziale dell'utente. Gli annunci con tempi di caricamento lenti possono influire negativamente sull'esperienza utente e aumentare i tassi di rimbalzo. L'ottimizzazione dei tempi di caricamento degli annunci è fondamentale per garantire un'esperienza di navigazione e utente fluida.
  • Sebbene i posizionamenti degli annunci above the fold siano importanti, è importante non sovraccaricare questo spazio privilegiato con troppi annunci. Un numero eccessivo di annunci appesantisce la pagina, interrompe la leggibilità dei contenuti e peggiora l'esperienza utente. Cerca di trovare un equilibrio tra la monetizzazione e il mantenimento di un layout pulito e intuitivo.
  • Assicurati che le aree annuncio in primo piano siano compatibili con dispositivi e dimensioni dello schermo diversi. Le pratiche di responsive design possono aiutarti a mantenere un layout coerente e visivamente accattivante, indipendentemente dalle dimensioni dello schermo dell'utente.

Annunci below the fold

Una rappresentazione visiva del concetto di annuncio "below the fold".

Anche gli spazi pubblicitari below the fold, ovvero gli annunci posizionati nella parte di una pagina web che diventa visibile solo dopo aver scorretto verso il basso, hanno un valore considerevole nel mondo della pubblicità digitale. Questi posizionamenti offrono vantaggi unici che completano i posizionamenti above the fold.

Gli annunci posizionati below the fold beneficiano degli utenti che scorrono per esplorare altri contenuti. Questi posizionamenti catturano l'attenzione degli utenti coinvolti che cercano attivamente informazioni aggiuntive, il che li rende preziosi per i brand che vogliono trasmettere messaggi o narrazioni più complessi.

  • Gli spazi annunci non visibili inizialmente possono essere allineati ai contenuti accanto, offrendo un'opportunità di pertinenza contestuale. Questo allineamento può portare a un maggiore coinvolgimento degli utenti, che scoprono annunci correlati ai contenuti che stanno esplorando.
  • Se progettati con attenzione, gli annunci below the fold possono integrarsi perfettamente con i contenuti circostanti, risultando meno invasivi per gli utenti. Questa integrazione, nota anche come pubblicità nativa, può offrire un'esperienza utente più armoniosa.
  • I posizionamenti degli annunci con scorrimento obbligatorio offrono maggiore flessibilità in termini di design e formato delle creatività, con ampio spazio e libertà di sperimentazione. Gli annunci video, gli elementi interattivi e le immagini più grandi possono essere caricati in modo lazy per attirare l'attenzione degli utenti senza interrompere la loro esperienza.

Tuttavia, per i posizionamenti degli annunci below the fold devono essere prese in considerazione le seguenti considerazioni:

  • Sebbene i posizionamenti degli annunci below the fold possano essere efficaci, è essenziale assicurarsi che gli utenti siano incoraggiati a scorrere per visualizzarli. L'implementazione di indizi visivi o teaser dei contenuti può invogliare gli utenti a esplorare ulteriormente, aumentando le probabilità di visibilità dell'annuncio.
  • I posizionamenti degli annunci below the fold non devono compromettere la qualità o la leggibilità dei contenuti. Mantieni un equilibrio tra annunci e contenuti per evitare di sopraffare 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. Ritardare il caricamento di questi annunci fino a quando non sono vicini a entrare nell'area visibile dell'utente può contribuire a migliorare la velocità di caricamento complessiva della pagina e ridurre i tempi di rendering iniziali della pagina.

Se utilizzati in modo strategico, gli annunci sotto la piega possono integrare gli annunci sopra la piega e fornire una piattaforma per i formati degli annunci delle creatività e la pertinenza contestuale. Tuttavia, l'ottimizzazione della visibilità, il bilanciamento dei contenuti e la gestione dei tempi di caricamento degli annunci sono fattori chiave per garantire un'esperienza utente positiva.

Best practice attuali per il Tag publisher di Google (GPT):

Carica lentamente gli annunci, ove opportuno

Una visualizzazione delle risorse con caricamento lento rispetto a quelle senza caricamento lento. Quando le risorse vengono caricate in modo lazy, la larghezza di banda viene conservata durante il caricamento della pagina e le risorse vengono differite fino al punto in cui è più probabile che l'utente le visualizzi.

Il caricamento lento è una tecnica che rimanda il caricamento delle risorse non critiche finché non sono necessarie. L'applicazione del caricamento lento agli annunci non immediatamente visibili (ovvero gli annunci below the fold) garantisce che vengano caricati solo quando entrano in visualizzazione, 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.

Se implementi il 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) (molto correlato all'INP) nel thread principale in questa parte cruciale del ciclo di vita della pagina, riducendo al minimo gli impatti negativi sull'esperienza utente.

Aggiornare gli annunci senza aggiornare la pagina

Una visualizzazione dell'aggiornamento degli annunci nella pagina, senza che venga aggiornata la pagina di primo livello.

Un'altra tecnica che può bilanciare il rendimento della pagina con il caricamento degli annunci è la possibilità di aggiornarli ogni 30-240 secondi1 senza ricaricare l'intera pagina. Questo approccio consente aggiornamenti dinamici dei contenuti degli annunci senza interrompere l'esperienza di navigazione dell'utente o causare ritardi non necessari.

Nelle app mobile, l'aggiornamento degli annunci nelle visualizzazioni web esistenti offre un rendimento migliore rispetto al ricaricamento dell'intera pagina o alla ricreazione delle visualizzazioni web perché riduce al minimo il sovraccarico di dati e risorse, consentendo aggiornamenti più rapidi dei contenuti e un'esperienza utente più fluida senza la latenza associata all'inizio da zero.

Aggiornando gli annunci in modo asincrono, i proprietari di siti web possono mantenere invariati i contenuti della pagina e aggiornare facilmente i contenuti degli annunci in tempo reale. In questo modo, non solo viene migliorata la velocità della pagina eliminando la necessità di ricaricare l'intera pagina, ma viene anche garantito che gli annunci visualizzati rimangano pertinenti e coinvolgenti. Con questa tecnica, i proprietari di siti web possono trovare un equilibrio tra monetizzazione e rendimento, pubblicando contenuti degli annunci tempestivi e coinvolgenti, 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 pagine di ricette, tutorial fai da te o altri siti web con molti contenuti. Ad esempio, in una pagina di fai da te in cui gli utenti potrebbero trascorrere molto tempo a seguire i tutorial, aggiornare strategicamente le aree annuncio durante le interruzioni tra i passaggi o mentre si visualizzano le gallerie di immagini può migliorare sia l'esperienza utente sia le entrate pubblicitarie. Analogamente, in una pagina di ricette, aggiornare gli spazi pubblicitari dopo che gli utenti hanno visualizzato l'elenco degli ingredienti o le istruzioni può mantenere vivo il loro interesse.

Dare la priorità al caricamento asincrono

Una delle strategie più efficaci per migliorare la velocità della pagina durante la pubblicazione degli annunci è il caricamento asincrono. Il caricamento asincrono carica gli annunci indipendentemente dai contenuti principali della pagina web, consentendo alla pagina di continuare il rendering e diventare interattiva senza attendere il caricamento completo degli annunci. In questo modo, il tempo di caricamento percepito viene ridotto notevolmente, 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

Illustrazione di dispositivi con aree visibili di varie dimensioni, con posizionamenti degli annunci stilizzati come riquadri verdi, ciascuno con la dicitura &quot;Annuncio&quot;.

Le dimensioni, la posizione e il formato degli annunci possono influire in modo significativo sulla velocità della pagina. Le dimensioni degli annunci grandi possono rallentare il caricamento della pagina, causando frustrazione negli utenti. Per ridurre al minimo questo problema, i proprietari di siti web devono collaborare strettamente con gli inserzionisti per ottimizzare le dimensioni e i formati degli annunci. Incoraggiare l'utilizzo di formati di immagini compresse e un design efficace delle creatività degli annunci contribuisce a ridurre le dimensioni dei file senza compromettere la qualità visiva. Queste ottimizzazioni non solo migliorano la velocità della pagina, ma riducono al minimo 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é in questo modo non solo si migliora l'esperienza utente riducendo i formati degli annunci invasivi e dirompenti, ma si influisce positivamente anche sulla posizione di pubblicazione degli annunci e sul tempo di caricamento della pagina.

Se segui questi standard, è più probabile che gli annunci vengano posizionati in posizioni meno ostruzionistiche e invadenti, il che può comportare un aumento del coinvolgimento degli utenti e delle percentuali di clic.

Inoltre, l'adozione di queste linee guida può anche portare a una maggiore velocità di caricamento delle pagine, in quanto vengono privilegiati formati degli annunci più leggeri e meno impegnativi in termini di risorse, migliorando il rendimento complessivo del sito web e la soddisfazione degli utenti.

Valutazione strategica di reti pubblicitarie e fornitori

Non tutte le reti pubblicitarie e i fornitori sono uguali in termini di rendimento. Per garantire una velocità di caricamento ottimale delle pagine, i proprietari di siti web devono valutare meticolosamente il rendimento di diverse reti pubblicitarie, dell'implementazione dell'asta di intestazione e dei fornitori.

Collaborare con fornitori che danno la priorità alla velocità e hanno dimostrato di pubblicare contenuti pubblicitari leggeri in modo efficiente può aumentare notevolmente il rendimento delle pagine e migliorare l'esperienza utente.

Conclusione

Raggiungere un equilibrio tra monetizzazione e rendimento è fondamentale per i proprietari di siti web che vogliono offrire un'esperienza utente eccezionale massimizzando al contempo le entrate tramite la pubblicità online.

Utilizzando tecniche come il caricamento asincrono, il caricamento lento, l'ottimizzazione dei formati e delle dimensioni degli annunci, sfruttando la memorizzazione nella cache intelligente e valutando attentamente le reti pubblicitarie, le offerte header e i fornitori, i proprietari di siti web possono affrontare con successo le sfide del caricamento degli annunci senza compromettere il rendimento della pagina. Dare la priorità alla pubblicazione efficiente degli annunci garantisce la stratificazione degli utenti, un maggiore coinvolgimento e la generazione di entrate sostenibili.

Note a piè di pagina

  1. Gli ad server potrebbero avere limitazioni e requisiti. Ad esempio, Ad Manager richiede ai publisher di dichiarare il proprio inventario che si aggiorna nell'interfaccia utente. Alcuni acquirenti richiedono una dichiarazione relativa agli aggiornamenti con un intervallo 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ù