Scrivere per il web
Scrivere per il web :: ottimizzare gli ipertesti
Scrivere per il Web
Esempio: Ottimizzare un testo on line
Notate come lo stesso senso, appositamente farcito di testo inutile, possa essere letto a colpo d'occhio in meno di 10 secondi senza dover leggere tutto quanto. Nella versione non ottimizzata sono stati commessi due errori gravi:
- non sono evidenziate le keywords
- le ancore (i link) non hanno senso
Versione non Ottimizzata
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore Convegno Siti Web - Milano, magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation per gli orari clicca qui suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, per acquistare il biglietto clicca qui sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut sconti fino a giugno 2002. wisi enim ad minim veniam, per conoscere i prezzi clicca qui exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam padiglione B stand 15 nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad per contattarci clicca qui. veniam, quis nostrud exerci tation ullamcorper.
Versione Ottimizzata
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore Convegno Siti Web - Milano magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation gli orari clicca qui suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, per acquistare il biglietto clicca qui sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut sconti fino a giugno 2002. wisi enim ad minim veniam, per conoscere i prezzi clicca qui exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam padiglione B stand 15 nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad per contattaci clicca qui. veniam, quis nostrud exerci tation ullamcorper.
Come si scrive per il web
Non basta fare copia e incolla
Pagine web non vengono lette dall'inizio alla fine
I contenuti vengono "scrollati" alla ricerca delle parti ritenute interessanti
Facilitare la comprensione "a colpo d'occhio"
Testi Brevi e Semplici - via le parole inutili
Steve Krug, autore di Dont' Make Me Think, consiglia di togliere il 50% delle parole da un testo da pubblicare on line e, dopo questa prima revisione, togliere un altro 50% delle parole rimaste.
La sintesi nel web è importante perché i lettori non hanno tempo da perdere.
Semplicità: periodi complessi saranno capiti a fatica. Dividi il testo in periodi brevi e semplifica l'esposizione di ogni concetto.
Iniziare dalla fine
"In qualunque punto si fermi, il lettore deve sempre aver letto le informazioni piu' importanti" - da Web Usability di Jakob Nielsen.
Andare subito al punto partendo dalle conclusioni. Il primo paragrafo dev'essere un riassunto, il resto del testo un approfondimento (scrolling)
Evidenziare le parole chiave
Navigazione a "colpo d'occhio" --> ricerca keywords interessanti.
Evidenzia le parole chiave in grassetto (o usa un colore particolare). Guidare il lettore nell'esplorazione dei contenuti, focalizzando la sua attenzione nei punti caldi del testo
Attenzione a non trarre in inganno il lettore, confondendo link e keyword (per es. non sottolineare parole che non sono link).
Link perfetti - ipertesti di successo
Si naviga un articolo ricercando collegamenti interessanti
Costruire ancore che abbiano senso per il lettore
Evitando categoricamente l'uso di clicca qui o continua.
Esempio
Versione Clicca qui |
Versione Corretta |
| Lorem ipsum dolor sit amet, x l'orario dei treni clicca qui consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. x informazioni clicca qui Ut wisi enim ad minim veniam, quis nostrud exerci tatio | Lorem ipsum dolor sit amet, l'orario dei treni consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. x informazioni Ut wisi enim ad minim veniam, quis nostrud exerci tatio |
Il lettore è costretto a leggere tutto l'articolo di sinistra per capire il significato dei due link
L'articolo di destra, a colpo d'occhio, informa sulla funzione dei link e non costringe a leggere altre parti del testo.
Colori e Sfondi
La scelta dei colori e dei background influenza notevolmente la lettura.
Attenzione a contrasti cromatici poco evidenti. La combinazione colore-testi/colore-sfondo e' essenziale: testo nero su sfondo bianco ha il massimo contrasto e il piu' alto grado di leggibilita'.
| Hello World! | Hello World! | Hello World! | Hello World! |
| Hello World! | Hello World! | Hello World! | Hello World! |
Dobbiamo far si che il testo sia leggibile da tutti, con un occhio di riguardo per i daltonici e per chi, come mio padre, ha qualche problema di vista. Attenzione quindi a sfondi complessi (immagini, sfumature di colore) che possono ostacolare la lettura dei caratteri.
Alcuni suggerimenti
Non scrivere frasi in MAIUSCOLO poiché in rete significa urlare quello che si sta scrivendo; inoltre i caratteri in maiuscolo si leggono con molta difficolta'.
Evitare l'uso del testo scorrevole: alcuni lettori potrebbero aver bisogno di piu' tempo per leggere, altri potrebbero avere difficolta' nel cliccare i link presenti nel testo scorrevole.