TechBlogSD - Tutto per WordPress e sviluppo WEB
Istruzioni WEB e WordPress, notizie, recensioni di temi e plugin

Tutto quello che dovresti sapere su above the fold

5

Above the fold è la parte di una pagina web che può essere vista senza dover scorrere ulteriormente verso il basso. Il contenuto above the fold è molto importante per i proprietari di siti per fornire informazioni accattivanti agli utenti. Il termine deriva dall’uso del giornale in cui vengono offerte informazioni importanti nella prima metà della carta. Le informazioni sulla piegatura superiore possono essere visualizzate quando la carta è piegata a metà. Questo ha lo stesso significato letterale per una pagina web con il contenuto visualizzato in alto senza scorrere verso il basso è chiamato contenuto "above the fold".

Importanza di above the fold

I contenuti above the fold o top of the fold hanno un utilizzo importante sia per la visualizzazione dei contenuti che degli annunci su una pagina.

Esperienza utente

Gli utenti interagiscono maggiormente con i contenuti above the fold piuttosto che below the fold. Pertanto, editori e proprietari di siti dovrebbero considerare di posizionare tutti gli obiettivi aziendali del sito above the fold chiaramente visibili agli spettatori. Gli obiettivi aziendali includono il posizionamento di una buona navigazione, un banner o un annuncio di testo, breadcrumb, un’immagine in primo piano e un buon inizio per l’articolo. La parte visibile quando un utente atterra su una pagina dovrebbe fornire una migliore esperienza utente e incoraggiarli a visitare altri articoli sul sito. Di seguito sono riportati gli elementi più generali posizionati sopra l’area di piegatura in una pagina Web:

  • Logo del sito in modo che gli utenti possano ricordare il marchio
  • Menu di navigazione per aiutare gli utenti a spostarsi nelle pagine più importanti del sito
  • Casella di ricerca per cercare rapidamente e ottenere le pagine richieste dal sito
  • Icona negozio o carrello per aumentare le vendite online
  • Pulsante di invito all’azione per indirizzare il traffico verso una pagina particolare
  • Barra di notifica in alto per mostrare annunci importanti
  • Slideshow con link a pagine importanti
  • Pubblicità per generare entrate

Pubblicità su Above the Fold

Oltre all’esperienza dell’utente, l’inserimento di annunci nell’area above the fold migliora la percentuale di clic migliorando così le entrate pubblicitarie di un sito. I programmi PPC come AdSense consigliano agli editori di posizionare gli annunci above fold per renderli visibili e mostrano un messaggio di avviso se gli annunci vengono posizionati sotto l’area di piegatura.

Test above the fold

È importante testare l’aspetto del contenuto in alto su diversi dispositivi e browser. Utenti diversi possono visualizzare un sito su browser, sistemi operativi e dispositivi diversi. Pertanto, il proprietario del sito dovrebbe testare la visibilità del sito su piattaforme diverse per garantire una migliore esperienza utente. L’utilizzo del layout del sito reattivo è uno dei modi più semplici per adattare un sito su tutti i dispositivi.

Tutto quello che dovresti sapere su above the fold

Raccomandazione di Google above the fold

Soprattutto su dispositivi più piccoli come i telefoni, la pagina Web dovrebbe avere contenuti leggibili visibili agli utenti.

Problemi con above the fold

Poiché è stata data maggiore importanza all’area visibile, gli editori tendono a inserire più annunci senza concentrarsi sul rapporto di annunci di contenuto. Ciò infastidirà gli utenti e li costringerà a bloccare gli annunci utilizzando gli ad blocker o a lasciare il sito e a non tornare più. Oltre agli utenti, i motori di ricerca penalizzano anche i siti che mostrano troppi annunci nella parte superiore del sito con molto meno contenuto. Quindi, se sei il proprietario di un sito, assicurati di offrire un rapporto di annunci di contenuto appropriato nell’area above the fold. Ciò non solo aiuterà a raggiungere l’obiettivo del tuo sito, ma migliorerà anche la leggibilità degli utenti.

Se sei il proprietario di un sito web, l’ottimizzazione dell’area above the fold è importante per ottenere un buon punteggio di velocità della pagina. Ecco alcuni dei fattori che dovresti considerare insieme al messaggio di avviso che vedrai negli strumenti di test della velocità come Google PageSpeed ​​Insights.

Avvertimento Soluzione
Elimina le risorse di blocco del rendering Sposta JavaScript nella sezione piè di pagina del tuo sito Web e carica gli script nell’intestazione in modo asincrono.
Rimosso CSS inutilizzato Riduci il dump di tutti i CSS nell’area above the fold e prendi in considerazione l’utilizzo di CSS critici o di inlining CSS necessari per il caricamento del contenuto above the fold.
Rimuovi JavaScript inutilizzato Riduci i file JavaScript nell’intestazione e spostali nell’area del piè di pagina.
Riduci l’impatto del codice di terze parti Sposta Google Analytics, AdSense e qualsiasi altro codice nella sezione dell’intestazione dopo il contenuto del corpo.
Rimanda le immagini fuori schermo Utilizzare il caricamento lento per posticipare il caricamento delle immagini che non sono necessarie nell’area above the fold.

Fonte di registrazione: www.webnots.com
Lascia una risposta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More