Best practice per lo slider: cosa devi sapere

Pubblicato: 2018-04-09

Quindi vuoi mettere uno slider o un carosello sul tuo sito web? Prima di farlo, ci sono molti fattori da tenere in considerazione. Uno slider mal posizionato e mal configurato non viene semplicemente ignorato; può effettivamente danneggiare la SEO e infastidire i visitatori.

Ciò non significa certamente che siano cattivi, solo che, come con qualsiasi altra funzionalità o plugin di WordPress, dovresti essere sicuro di configurarlo correttamente. Ecco alcune delle migliori pratiche da seguire quando si implementano gli slider nel tuo sito Web WordPress.

Rendi il tuo dispositivo di scorrimento visivamente piacevole

Insieme all'estetica generale, ci sono altri fattori da considerare. La pertinenza generale del dispositivo di scorrimento, la posizione sulla pagina e persino la sequenza di immagini sono tutti aspetti visivi importanti di cui tenere conto.

Mantieni semplice

Soprattutto se attivi la riproduzione automatica, è estremamente importante che le diapositive siano semplici, efficaci e arrivino al punto. Questo non si applica solo al testo; a meno che tu non stia utilizzando un dispositivo di scorrimento come galleria per la tua arte o fotografia, usa immagini pulite e ordinate.

Non progettarlo come un annuncio

Grazie a pubblicità invadenti, molte persone sviluppano la "cecità da banner" e uno slider mal posizionato e mal progettato può essere soggetto a questo fenomeno. Evita tutti i suggerimenti di progettazione che un inserzionista seguirebbe, in particolare le tattiche impiegate dalle pubblicità più fastidiose.

Ciò significa che non utilizzare luci lampeggianti, colori piatti sgargianti, caratteri Impact e simili e altre tecniche di distrazione. Anche se il tuo carosello sta vendendo o promuovendo un prodotto, dovrebbe integrarsi con il sito Web e apparire naturale. Potresti volere che le persone guardino i tuoi cursori, ma queste tattiche aggressive causano il contrario.

Rendi il tuo dispositivo di scorrimento utile e pertinente

Ogni dispositivo di scorrimento che posizioni dovrebbe avere uno scopo chiaro. Mostra la tua fotografia? Indirizzare gli utenti in determinate parti del sito? Ci spieghi di cosa tratta il tuo sito? Cerchi di promuovere un prodotto? Coinvolgere gli utenti?

E metti le tue giostre nell'area giusta. Il posizionamento di uno slider è uno dei fattori più importanti per sapere se verrà notato o dimenticato. Assicurati che non sia sepolto nel contenuto della tua pagina o posizionato a caso. Dovrebbe essere in un punto strategico e visibile, ad esempio in una barra laterale, vicino alla parte superiore della pagina o sotto un post di un blog. Anche il piè di pagina può essere un buon posto per mettere uno slider.

Scegli con attenzione la sequenza di diapositive

Non dare mai per scontato che un visitatore resterà in giro per vedere ogni diapositiva. Scegli la sequenza con molta attenzione. Le prime diapositive dovrebbero tentare di coinvolgere e interessare l'utente, ma se ciò fallisce, assicurati almeno di ottenere il tuo punto di vista.

Tuttavia, questa non è una scusa per rendere meno efficaci le altre diapositive. Indipendentemente dalla diapositiva su cui qualcuno fa clic, tutte dovrebbero servire al loro scopo: parlare della tua azienda, mostrare ottime fotografie e così via.

Rendi utilizzabile il tuo dispositivo di scorrimento

La regola cardinale degli slider: devono essere facili da usare e non dare fastidio ai visitatori. Esistono molti modi per rendere più accessibile un carosello, dall'ottimizzazione per un vasto pubblico che utilizza dispositivi mobili all'attenta modifica del tempo di rotazione della diapositiva.

Considera la disattivazione della riproduzione automatica

Il movimento può essere fonte di distrazione o fastidio per alcuni utenti. Sui post del blog o su una barra laterale che segue gli utenti in tutto il sito, disattiva sempre la riproduzione automatica; distrarre i visitatori mentre stanno cercando di leggere non è mai una buona idea.

Tuttavia, in alcuni casi, potresti volere che il carosello sia ciò a cui tutti i visitatori prestano attenzione, oppure potrebbe essere importante che vedano più di una diapositiva. Quando decidi se attivare o disattivare la riproduzione automatica, considera la posizione, il contenuto e l'intento del dispositivo di scorrimento.

Aumenta il tempo tra le rotazioni

Se la riproduzione automatica è necessaria per il tuo progetto, assicurati che le diapositive non passino troppo rapidamente, specialmente se coinvolgono del testo. È frustrante quando uno slider avanza prima che tu sia pronto. Ottimizza per un ritmo di lettura lento; meglio un carosello lento ma ben progettato di uno che spinge quante più diapositive possibile in dieci secondi.

Ottimizza le opzioni di navigazione

Non c'è niente di più fastidioso che fare clic su una freccia di navigazione e far avanzare la presentazione in quel momento, costringendoti a saltare una diapositiva. La pausa al passaggio del mouse o alla navigazione è una funzionalità che molti si aspettano. I cursori di Soliloquio hanno questa funzione e dovrebbe essere abilitata sulla maggior parte dei caroselli che crei. Se scegli di mantenere la riproduzione automatica, questo è necessario.

Nel frattempo, i caroselli che avanzano da soli, senza nemmeno un fumetto di navigazione o un pulsante di pausa, possono irritare molti utenti poiché dovranno aspettare che l'intero ciclo finisca solo per trovare quella diapositiva. Assicurati di aggiungere anche i controlli di navigazione al tuo dispositivo di scorrimento.

Dovresti anche prendere in considerazione controlli di navigazione extra-large , soprattutto se hai un pubblico considerevole di dispositivi mobili o anziani.

Infine, sui caroselli con molte immagini, prendi in considerazione l'inclusione di miniature in modo che gli utenti possano navigare facilmente fino alla diapositiva specifica che desiderano.

Evita di danneggiare la SEO

Un dispositivo di scorrimento configurato in modo errato è un dispositivo di scorrimento che non è adatto ai motori di ricerca. Fortunatamente, molte misure che rendono il tuo sito web e il suo carosello SEO-friendly li rendono anche più user-friendly! Queste pratiche sono le più importanti da seguire.

Reattività in primo luogo

Se stai utilizzando un plug-in slider, molto probabilmente non dovrai preoccuparti della sua reattività. Tuttavia, questa parte è cruciale. Verifica che il tuo testo e le tue immagini abbiano un bell'aspetto su tutti i dispositivi. Modifica le dimensioni del pulsante, sostituisci le immagini sfocate; tutto ciò che devi fare per un bellissimo dispositivo di scorrimento mobile.

Assicurati che anche lo scorrimento sia abilitato. Gli utenti mobili si aspettano che i gesti di scorrimento funzionino per elementi come i cursori e, in caso contrario, possono causare fastidio.

Design per l'accessibilità

Mentre dovresti progettare l'intero sito Web tenendo presente l'accessibilità, anche i dispositivi di scorrimento dovrebbero essere creati in questo modo. Non solo aiuta le persone disabili a spostarsi, ma tende a migliorare la SEO.

Alcuni esempi di una buona progettazione dell'accessibilità includono l'abilitazione dei controlli da tastiera , l'evitare lo scorrimento automatico o l'arresto in determinate condizioni e l'assicurarsi che il testo abbia un contrasto sufficiente.

Crea una fantastica immagine dell'eroe Slider

Una tattica innovativa è sostituire una "immagine dell'eroe" o un banner sulla pagina di destinazione che spiega di cosa tratta il tuo sito Web, con uno slider animato. Questa tecnica ha i suoi vantaggi e svantaggi. Un carosello può essere efficace quanto l'immagine di un eroe standard, ma deve essere implementato con attenzione.

Se decidi di inserire uno slider nella tua home page, ricorda che i nuovi visitatori hanno una domanda: di cosa tratta questo sito web? Ogni singola diapositiva, da sola e senza contesto, dovrebbe rispondere a questa domanda.

Evita le intestazioni H1

Per i motori di ricerca, H1 funge da titolo della pagina. Quindi, quando ci sono più intestazioni, ad esempio all'interno di un dispositivo di scorrimento, può confondere il motore di ricerca e ridurre la SEO. Per sicurezza, evita di usarli in una giostra.

Evita i collegamenti di navigazione solo slider

C'è una pagina del tuo sito Web a cui è possibile accedere solo tramite uno slider? Cerca di evitarlo; è fonte di confusione sia per gli utenti che per i motori di ricerca. Puoi utilizzare i cursori di collegamento come strumento di navigazione, ma assicurati che ci sia un'altra opzione.

Creazione di slider efficaci

Una delle migliori pratiche che puoi seguire una volta che decidi di posizionare un carosello sul tuo sito Web è prendere in considerazione l'utilizzo di un plug-in, come Soliloquy. Soprattutto se sei un nuovo sviluppatore web, provare a creare tu stesso uno slider potrebbe finire in un disastro SEO. Un plug-in è molto più facile da usare ed è appositamente ottimizzato per WordPress e motori di ricerca.

Ora che conosci alcuni suggerimenti su come posizionare uno slider utile, utile e coinvolgente sul tuo sito web, come pensi di usarlo? Ci auguriamo che questa guida ti abbia aiutato nelle tue future attività di web design. E nel frattempo, connettiti con noi su Twitter e Facebook.

Salva Salva