Miglioramento rapido del sito

Ottimizzare la presenza organica di un sito è un lavoro articolato: oltre a una strategia SEO completa, fatta di metodi, strumenti e attività diverse, c’è un altro aspetto essenziale da non trascurare: il suo aspetto visivo e la facilità d’uso.

Non parlo solo di design, ma anche di quei piccoli dettagli che spesso smettono di saltare all’occhio, o che non sono immediatamente evidenti, ma aiutano l’utente a farsi un’opinione sul sito.

Oggi vediamo quindi come migliorare quasi qualsiasi sito senza assumere un intero team di designer, sviluppatori e analisti, ma seguendo alcuni principi di buon gusto moderno e funzionale.

Non tutti questi errori saranno presenti nel sito su cui stai lavorando. Potresti anche non trovarne nessuno.

Errori frequenti nel layout delle pagine del sito

Ecco gli errori che possono comparire nella grafica e nell’organizzazione di un sito. Mentre leggi, prova a guardare il sito su cui lavori dall’esterno, come se lo vedessi per la prima volta.

Il testo della pagina è difficile da leggere

Può dipendere da un font poco adatto, dal colore del testo, dalla posizione sulle immagini o dalle immagini stesse.

Cosa fare:

usa font leggibili e familiari
evita colori troppo simili tra sfondo e testo
se il testo è sopra un’immagine, assicurati che il contrasto resti chiaro

Sono stati usati troppi stili

A volte, a colpo d’occhio, il risultato può sembrare anche gradevole. Per chi visita il sito, però, può dare un’impressione poco professionale e rendere più difficile capire le informazioni.

Cosa fare:

Evita di usare troppi font nella stessa pagina.
Evita troppe soluzioni cromatiche dentro una singola pagina.
Usa al massimo 2 pesi del font, ad esempio normal e bold.

Blocco colorato troppo stretto

Una sottolineatura o un’evidenziazione stretta può funzionare per richiamare l’attenzione su una parte del testo. Evidenziare invece un titolo con una piccola fascia di colore sullo sfondo può disturbare la lettura.

Cosa fare:
Se decidi di usare uno sfondo colorato per un blocco della pagina, rendilo più ampio e includi titolo, testo e spaziature. Visivamente funziona molto meglio.

Troppo testo in colonne strette

Le colonne sono diventate molto popolari nel web design. Sono utili per presentare vantaggi, funzionalità e punti di forza in modo efficace. Spesso, però, si prova a inserirci troppo testo.

Il risultato è poco elegante e difficile da leggere.

Cosa fare:

Nelle colonne di testo cerca di restare entro 3 righe; se riesci a fermarti a 2, ancora meglio.
Non ridurre il font per inserire più testo: peggiora ulteriormente la leggibilità.

Il testo copre una parte importante dell’immagine

Anche se nella maggior parte dei casi le immagini usate nel layout hanno una funzione decorativa o di sfondo, il testo non dovrebbe coprire elementi importanti, per esempio il volto di una persona. In quel caso leggere diventa scomodo e il messaggio perde chiarezza.

Cosa fare:
Posiziona il testo sulle immagini in modo che non copra elementi visivamente rilevanti.

Bordo colorato sui pulsanti

A volte, per mettere in risalto un pulsante e rafforzare la call to action, si aggiunge un bordo colorato a un bottone già colorato.
Il risultato di solito è debole e non invoglia l’utente a compilare un modulo o completare un ordine.

Cosa fare:
Usa il bordo colorato sui pulsanti solo se il bottone ha uno sfondo trasparente.

Un menu con troppe sezioni può scoraggiare l’utente e confonderlo.

Chi arriva su un sito cerca informazioni. La navigazione deve quindi essere chiara, visibile e facile da seguire.

Cosa fare:
Nel menu principale, nell’header del sito, lascia solo i link alle sezioni davvero importanti. Il resto può trovare spazio nel footer.

Errori negli articoli

Un lungo blocco di testo continuo

Se il testo non è diviso in paragrafi, non ha sottotitoli, elementi evidenziati e immagini, leggerlo diventa molto più faticoso rispetto a un contenuto pensato per accompagnare l’utente.

Cosa fare:
Analizza come sono impaginati i testi dei principali concorrenti e applica sul sito su cui lavori le soluzioni più utili.

Oltre a migliorare l’esperienza degli utenti, questo può aiutare anche il posizionamento organico del sito

Gerarchia dei titoli poco chiara

Anche leggendo velocemente, l’utente deve capire subito qual è il titolo principale, quali sono i sottotitoli e come è organizzato il testo.

Usare titoli tutti della stessa dimensione rende più difficile seguire la struttura delle informazioni.

Cosa fare:
Usa dimensioni diverse per il titolo della pagina, i titoli delle sezioni e i sottotitoli.

La didascalia è troppo vicina all’immagine

Questo effetto rovina visivamente sia l’immagine sia la didascalia, e nel complesso appare poco curato.

Cosa fare:
Meglio lasciare un po’ di spazio tra l’immagine e la didascalia.

Troppo poco spazio tra titolo, sottotitolo e testo

Capita spesso di vedere testi quasi attaccati al titolo. La pagina dà l’impressione che gli elementi si “incollino” tra loro, con un risultato poco gradevole e meno leggibile.

Cosa fare:
Se noti questo problema sul sito, aumenta semplicemente la distanza tra testo e titolo.

Troppe evidenziazioni nel testo

In questo esempio si vede bene quanto la lettura diventi scomoda.

È molto facile esagerare. Prova a guardare la pagina con gli occhi di un visitatore arrivato per trovare informazioni: se le evidenziazioni sono troppe, si nota subito. Un uso eccessivo del grassetto rallenta la lettura e peggiora la comprensione.

Cosa fare:
Metti in evidenza solo ciò che è davvero importante.

Testo lungo allineato al centro

Siamo abituati a leggere testi allineati a sinistra. Per inseguire un effetto estetico non conviene cambiare allineamento, soprattutto quando il testo è lungo.

Cosa fare:
Controlla che le sezioni con molto testo non siano allineate al centro dello schermo. Se lo sono, passa a un allineamento più comodo da leggere.

Uso eccessivo del corsivo

Su alcuni siti si trovano interi paragrafi, o perfino blocchi lunghi, scritti in corsivo. In certi casi può anche sembrare piacevole, ma prima di tutto un sito deve permettere di ottenere informazioni, e grandi quantità di testo in corsivo ostacolano la lettura.

Cosa fare:
Rivedi gli articoli del sito. Se il corsivo è usato troppo, riducilo a una quantità ragionevole.