Ad ogni modo questo dualismo è più teorico che reale: studi e ricerche dimostrano che l’esperienza degli utenti è influenzata tanto dal modo in cui il contenuto è presentato quanto dal modo in cui esso è organizzato. Una grafica gradevole e originale puó in realtà coesistere con un’agevole struttura di navigazione. In effetti, per l’utente finale è la combinazione di entrambi a fare di un sito web un’esperienza positiva.

Quest’assunzione finale poggia sulle conclusioni a cui giunsero i primi psicologi della Gestalt, i quali studiarono il modo in cui il cervello elabora le immagini e risponde a ciò che vede. Sebbene complessa, la reazione visiva del cervello è quasi immediata: è sufficiente appena un secondo per decidere se una pagina web (o qualsiasi artefatto visivo) merita il pollice verso o meno. Ciò avviene in maniera simile a quando decidiamo se un pasto è appetitoso oppure no: si tratta di una reazione affettiva/emotiva agli stimoli esterni che sono governati in maniera inconscia e automatica dalle sedi inferiori del cervello.

Diversamente, concetti come funzionalità del sito, struttura e organizzazione dei contenuti richiedono una risposta cognitiva; una reazione più lenta, più ponderata e dall’alto al basso delle sedi cerebrali. Questo secondo giudizio è influenzato dalle nostre vedute culturali, dall’apprendimento e dalle esperienze e preferenze personali.

Come in una linea progressiva, prima viene la nostra percezione emotiva/irrazionale (reazione viscerale). Essa può persistere e anche influenzare i nostri pensieri e opinioni a un livello più razionale e profondo – “un effetto che dura molto dopo che i processi consapevoli riflessivi e comportamentali sono entrati in azione, rendendoci consapevoli delle nostre sensazioni in merito a ciò che vediamo.”¹

Queste due reazioni basilari generano diversi modelli estetici. Il modello espressivo enfatizza l’originalità, la creatività e la ricchezza visiva di un sito. Mentre il “modello classico sottolinea l’ordine e chiarezza nel design attraverso l’uso di segni convenzionali del web e della stampa.”²

La prevalenza di un modello sull’altro dipende principalmente dalla natura intrinseca del web: un sito e-commerce verrà giudicato per lo più per la sua organizzazione dei contenuti (modello classico), mentre un portfolio è più probabile che venga visto e valutato per la presentazione visiva del contenuto (modello espressivo).

Gli esperti dell’usabilità adottano sempre il modello classico per valutare un sito Internet: la loro decisione è al culmine di un’analisi accurata e completa. Si parla esclusivamente di linee guida, test e indicatori. Al contrario, i web designer si rivolgono sempre al modello espressivo nel giudicare un layout grafico: essi ricercano la giusta sintesi di tutti gli elementi visivi – caratteri tipografici, iconografia, colori e immagini.

Ad ogni modo, ciò non significa che non si possa raggiungere una sintesi armoniosa di questi due approcci. Così come la più precisa analisi di usabilità non garantisce il successo di un sito Internet allo stesso modo un design sofisticato può portare a una pessima esperienza dell’utente. Si tratta semplicemente di trovare il giusto equilibrio.

^1,2 Visual Decision Making by Patrick Lynch.

Read this article in english »

Prendiamo i tuoi dati personali: età, sesso, attività lavorativa, residenza. Aggiungiamo qualcosa di autentico che ci dica di più della tua vita quotidiana: episodi, citazioni, anedotti, abitudini e scopi nell’uso del computer. Ecco a voi: un persona.

Secondo Alan Cooper, pioniere del design orientato all’utente, “i persona sono archetipi ipotetici ovvero surrogati di utenti reali che guidano le scelte nella progettazione delle interfacce”.

Non stiamo certamente parlando di persone esistenti. Piuttosto del risultato di dati sensibili riguardante gli utenti del web (o qualsiasi consumatore di prodotti digitali), ottenuti attraverso interviste e altri metodi di ricerca qualitativa.

Diciamo, ad esempio, di voler realizzare un sito per automobilisti sportivi. Potremmo iniziare mostrando immagini esclusive di alcuni dei marchi d’auto più famosi sul mercato, assieme a recendiosi giornalistiche, prove su strada e notizie dai costruttori automobilistici. Ma senza coinvolgere i possibili utenti finali, non possiamo essere sicuri di raggiungere i loro veri bisogni e preferenze. Potremmo finire per fornire qualcosa che già possono trovare sugli scaffali dell’edicola: la versione online di una rivista cartacea.

Perché invece non chiedere a un campione di automobilisti sportivi cosa amano di più in una macchina? Il suo stile unico, il comfort, le prestazioni o forse gli optional? Si potrebbero aggiungere anche dettagli sulla loro esperienza di guida: posti da visitare, un’immagine che li ritrae nella loro auto, un raduno con altri appassionati di auto sportive? Queste e altre informazioni qualitative, assieme ai dati personali, possono essere utilizzati per modellare il profilo di un utente del web (detto anche web persona).

Ciò che conta è il metodo rigoroso utilizzato per raccogliere tutta questa informazione. Qui di seguito sono elencati i punti chiave identificati dall’esperto di usabilità, Alan Cooper, nel suo best-seller The Inmates Are Running the Asylum¹:

• Stilare una descrizione in forma narrativa di una o due pagine per ciascun persona.
• Identificare caratteristiche comportamentali e lavorative quotidiane, usando specifici dettagli, senza generalizzare.
• Evidenziare due o tre competenze tecniche nell’uso del computer.
• Includere uno o più dettagli immaginari sullo stile di vista dell’utente – un interesse o un’abitudine – per rendere ciascun persona unico e facile da memorizzare.
• Non usare un conoscente reale come persona; realizzare un profilo sulla base di interviste e dati quantitativi.
• Per un nuovo progetto, non riutilizzare un persona di un progetto preesistente; intervistare e creare nuovi persona per ogni progetto.
• Restringere a un numero ragionevole i persona creati per il progetto – generalmente da un minimo di tre a un massimo di sette, a seconda dell’interfaccia da progettare
• Sviluppare un archetipo sufficientemente credibile da poter essere condiviso dal teamdi designer e sviluppatori.

Per maggiori informazioni sull’argomento:

¹Cooper, Alan. The Inmates Are Running the Asylum: Why High-Tech Products Drive Us Crazy and How to Restore the Sanity. Indianapolis: Sams, 1999. 261 pp.

Putting Personas Under the Microscope
cooper.com/journal/personas

The Origin of Personas
cooper.com/journal/2003/08/the_origin_of_personas.html

Getting from Research to Personas: Harnessing the Power of Data
cooper.com/journal/2002/11/getting_from_research_to_perso.html

Read this article in english »

Quando il World Wide Web (WWW) venne lanciato il 6 Agosto 1991, non venne concepito come semplice deposito di informazione dove poter trovare contenuti interessanti. Il suo inventore Tim Berners-Lee lo concepì anche come strumento aperto al contributo degli utenti, scambiando esperienze, pensieri e punti di vista con persone che avevano interessi simili. In altre parole: il social network.

Se l’idea principale di Internet era facilitare la comunicazione tra le persone, allora dovremmo ritornare a tal proposito ed espanderlo a un livello più utile e sofisticato. Ovvero, dovremmo scambiare gusti, opinioni, convincimenti e via dicendo così da permettere agli altri di arricchire la nostra – e la loro – esperienza con suggerimenti e commenti sulla base di un reciproco legame.

Piuttosto che essere una rete, il web diventa un grafo – la differenza sta non tanto nel contenuto in sè ma nel modo in cui viene usato, modellato e scambiato. Come ha puntualizzato Berners-Lee: “Le persone potrebbero inserire un documento sul web per una particolare ragione ma il documento finirebbe per essere usato dagli utenti in modi completamente diversi […] percui la Rete e il linguaggio WWW possono entrambi essere modellati come qualcosa che i matematici chiamano un Grafo ma a un diverso livello. La Rete collega computer, il WWW collega documenti. Ora, le persone stanno facendo un altro percorso mentale. Si comprende allora che ‘non sono i documenti ma ciò di cui essi trattano a fare la differenza’”. E qui ricorre la nuova definizione del web come Grande Grafo Globale (GGG).

Ad esempio, se volessi acquistare un biglietto per un concerto del mio artista o gruppo preferito, visiterei la sua pagina web personale o una biglietteria online. Potrei quindi avvisare gli amici sul social network che sto per andare al concerto e invitarli a venire con me. Oppure, se il concerto è esautiro, potrei mettere un post su un servizio di messaggistica per vedere se qualcuno ha un biglietto in più.

Sul web già esistono moltissime risorse che mi permettono di fare questo – dalle caselle e-mail ai forum di discussione, dall applicazioni di instant messaging (IM) agli aggregatori di social network. Ad ogni modo, tutte queste risorse richiedono registrazioni separate e ciò vuol dire che devo autenticarmi diverse volte a indirizzi diversi per inserire il mio contenuto. Il che non solo è di per sè frustrante – specialmente per un non appassionato di web 2.0 come il sottoscritto – ma il vero ostacolo è la framentazione che esiste tra tutte queste applicazioni.

Al momento, gli sviluppatori e gli autori di contenuti sono al lavoro per trovare un’API (Application Program Interface) open-source così che l’utente possa fruire del web a livelli multipli e in contemporanea. Un esempio è il progetto OpenSocial sponsorizzato da Google – una specifica standard per la gestione di applicativi e widgets (porzioni di codice riutilizzabile che svolgono funzioni simili) all’interno dei social networks. Già con questo nuovo standard, il mio status su facebook può essere condiviso in simultanea sui miei profili Skype, Twitter e Digg.

Ovviamente a beneficio di tutti: sviluppatori, fornitori di contenuti e utenti finali.

Gli sviluppatori non saranno più frustrati con problemi di compatibilità e portabilità del codice su infrastrutture e linguaggi diversi. Piuttosto, potranno concentrarsi su cosa fa l’applicazione anziché come.

I fornitori di contenuti ne avranno un ritorno positivo in termine di immagine aziendale e riconoscibilità pubblica poiché potranno coinvolgere i loro clienti nella creazione e diffusione dell’informazione sul web.

Infine, gli utenti finali posso estendere e arricchire la loro esperienza sul web condividendo le loro preferenze su taluni aspetti – creando così piccole comunità di appassionati.

Per saperne di più sull’argomento:
http://dig.csail.mit.edu/breadcrumbs/node/215
http://www.readwriteweb.com/archives/why_open_social_matters.php

Prima di iniziare la stesura del’articolo, ti consigliamo di leggere questa utile guida su  Scrivere per il web.

Sommario:

1. Scrivere un nuovo articolo
2. Categorie, tag, campi personalizzati…
3. Salvare e inviare l’articolo per la pubblicazione
4. Usare l’editor visuale
5. L’editor HTML
6. Inserire e modificare immagini
7. Note

11. Scrivere un nuovo articolo

Dal Pannello di Amministrazione >> Articoli clicca su Aggiungi nuovo.

Dai all’articolo un Titolo descrittivo. Il titolo apparirà in alto nell’articolo e sarà anche il nome predefinito della pagina web (URL) a meno che non specifichi un nome diverso, magari più breve, usando la funzione Permalink.

Se ad esempio il tuo articolo si intitola “Oggi è proprio una bella giornata” la tua URL  sarà blog.webonthefly.it/oggi-e-proprio-una-bella-giornata/, piuttosto lungo diremmo! Se modifichi il permalink in bella giornata allora l’URL diventerà blog.webonthefly.it/bella-giornata/

Il testo dell’articolo va inserito nel campo immediatamento dopo il titolo. Utilizza l’editor visuale per formattare il testo. Più in basso trovi un elenco degli strumenti dell’editor.

Nota: Se stai copiando/incollando del testo da un programma di videoscrittura, ad esempio Microsoft Word, copierai nell’editor tutta la formattazione non necessaria (per vederla clicca sul tasto “HTML”). Per evitare il problema, incolla prima il testo in un programma di Solo Testo (ad esempio Blocco note in Windows oppure TextEdit in Macintosh): in questo modo eliminerai il codice di Word non necessario. Quindi copia/incolla questo testo nell’editor di WordPress.

Come vedremo in seguito, esiste una funzione nell’editor per incollare testi da Word. Tuttavia non “ripulisce” il codice completamente pertanto è consigliabile convertire il testo prima di inserirlo.

Torna al sommario

2. Categorie, tag e campi personalizzati…

A destra e in basso all’editor vi sono le opzioni di pubblicazione:

Categorie – Ogni articolo va inserito (collegato) a una o più categorie. Semplicemente spunta una o più categorie tra quelle presenti. Se non specifichi alcuna categoria, l’articolo verrà inserito in quella predefinita “1″ (da evitare!).

Tag – assegna uno o più tag al tuo articolo. I tag sono un altro modo per catalogare gli articoli ovvero parole chiave per permettere all’utente di selezionare gli articoli (ad esempio solo quelli con il tag “web standard”). I tag vanno separati da virgole:

Titolo e descrizione (metadati per i motori di ricerca) - Se lo desideri, puoi dare al tuo articolo un titolo e una descrizione più dettagliati per facilitare l’indicizzazione dei motori di ricerca. Questi dati appariranno rispettivamente nel title e meta name=description del codice della tua pagina:

Campi personalizzati – Più in basso si trovano i campi personalizzati. Sono quattro e vanno tutti specificati, anche perchè servono a visualizzare informazioni sull’autore (!):

1. autore: serve a inserire il tuo nome completo in calce all’articolo
2. autore_url: serve a inserire il link alla tua pagina web (o email)
3. img_autore: serve a visualizzare l’icona/avatar. Puoi scegliere tras tre diversi URL: http://www.webonthefly.it/img/imga.png, http://www.webonthefly.it/img/imgb.png, http://www.webonthefly.it/img/imgc.png
4. immagine: serve a visualizzare l’immagine di background nell’home page e negli indici di sezione. L’URL è lo stesso sebbene l’immagine cambierà a seconda della categoria di appartenenza: http://www.webonthefly.it/img/img_title.png

Seleziona la voce nel menu “Nome” e riempi il campo “Valore” come nell’esempio che segue:

Quindi clicca su “Aggiungi campo personalizzato“:

Ripeti l’operazione per ciascuna delle quattro voci dell’elenco:

Torna al sommario

3. Salvare e inviare l’articolo per la pubblicazione

In WordPress è presente una funzione di salvataggio automatico percui se dimentichi di salvare l’articolo nulla andrà perso (allo stesso modo se chiudi inavvertitamente la finestra dell’editor ti verrà chiesto se procedere o meno al salvataggio).

Clicca su “Salva bozza” per salvare il tuo articolo. Puoi vedere un’anteprima cliccando su “Anteprima” (CTL-click o Command-click per aprire una finestra separata del browser). Se hai completato l’articolo clicca su “Invia per la revisione“:

Puoi sempre modificare in un secondo tempo i tuoi articoli cliccando su Articoli > Modifica dal pannello di amministrazione.

Torna al sommario

4. Usare l’editor visuale

Sotto il titolo trovi una serie di tasti per la formattazione dell’articolo:

Queste icone svolgono buona parte della formattazione del testo. Altre funzioni sono disponibili cliccando sull’icona “Mostra/nascondi barra strumenti avanzata“:

Seleziona la parte di testo che vuoi formattare e quindi clicca sull’icona che ti interessa, così come faresti in qualsiasi programma di videoscrittura.

Ora vediamo nel dettaglio come usare le varie icone:

Grassetto - trasforma il testo selezionato in grassetto.

Corsivo - trasforma il testo selezionato in corsivo.

Barrato – aggiunge una linea sul tuo testo.

Lista puntata – crea un elenco puntato (non numerato).

Lista numerata - crea un elenco numerato.

No quota- elimina il testo rientrato.

Quota - crea un testo rientrato (ad esempio nelle citazioni).

Allinea a sinistra – allinea il testo a sinistra.

Allinea al centro - allinea il testo al centro.

Allinea a destra- allinea il testo a destra.

Inserisci/modifica link – seleziona il testo e clicca sull’icona per inserire il link. Aggiungi l’URL nella finestra di dialogo, scegli se aprire il link nella stessa finiestra o in una nuova, quindi dai un titolo al link.

Togli il link – seleziona il link a e clicca sull’icona per rimuoverlo.

Inserisci il tag More – inserisce il tag <!–more–> per dividere la pagina. In questo modo apparirà un testo introduttivo negli indici di sezione con un link che rimanda all’intero articolo. MOLTO IMPORTANTE!.

Attiva/disattiva correttore ortografico – evidenzia i termini non corretti . Per la correzione automatica ti consigliamo di utilizzare FireFox come browser. Seleziona Italiano dal menu a comparsa.

Aiuto - Fornisce un riepilogo delle funzioni di WordPress e un elenco utile di scorciatoie da tastiera.

Mostra/nascondi barra strumenti avanzata – Apre la barra di strumenti avanzata, qui di seguito spiegata.

Formattazione del testo - Clicca sul menu a comparsa per formattare i testi. IMPORTANTE: Utilizza Testata3 all’interno dell’articolo poichè Testata1 è il titolo della sezione (ad esempio Risorse) mentre Testata2 è il titolo dell’articolo (ad esempio “Uno screen reader gratuito via web”).

Sottolineato - sottolinea il testo.

Colore testo – modifica il colore del testo selezionato.

Incolla come testo puro -incolla il testo da un altro programma eliminando la formattazione.

Incolla da Word – incolla il testo da Word eliminando il codice superfluo.

Rimuovi formattazione – rimuove la formattazione di un testo selezionato, ad esempio copiato da altro programma.

Inserisci/modifica inclusioni elementi media – inserisce elementi multimediali come videoclip.

Inserisci carattere personalizzato – inserisce caratteri speciasli come ad esempio ¥, £, ©, Æ, or é.

Annulla - annulla l’ultima modifica.

Ripeti - ripristina l’ultima modifica.

Torna al sommario

5. L’editor HTML

Se hai bisogno di usare il codice HTML (Hyper Text Markup Language) non disponibile nell’editor visuale, clicca sul tasto HTML. L’editor puro in HTML torna molto utile quando vi sono problemi di formattazione del testo (allineamenti, spaziature, ecc.), oppure per ripulire il codice da tag superflui lasciati dall’editor visuale durante il copia/incolla di porzioni di testo. Ti consigliamo quindi di passare alla vista HTML quando incontri questi problemi. (È necessaria una minima conoscenza dell’HTML.)

Torna al sommario

6. Inserire e modificare immagini

Inserire immagini dal proprio computer è piuttosto semplice. Ti consigliamo di leggere la nota sulla dimensione delle immagini alla fine della pagina per evitare inconvenienti.

Posiziona il cursore del mouse nel punto in cui vuoi inserire l’immagine, quindi segui i passaggi qui indicati.

(Se in seguito vuoi spostare l’immagine su un altro punto dell’articolo, seleziona l’immagine, premi CTR-X – o Command-X  per il mac, quindi clicca sul punto desiderato e premi CTR-V – o Command-V. In alternativa, puoi cliccare sul tasto HTML e tagliare/incollare la porzione di codice relativa all’uimmagine.)

Clicca sull’icona “Aggiungi immagine” che si trova sopra l’editor visuale:

Seleziona l’immagine dal tuo archivio e clicca su Inserisci nell’articolo:

Se hai già caricato delle immagini in precedenza, puoi inserirle direttamente senza bisogno di caricarle nuovamente: dalla finestra di dialogo, clicca su Galleria immagini, trova l’immagine che vuoi inserire, clicca su Visualizza e quindi Inserisci nell’articolo.

Puoi gestire la posizione e altre caratteristiche dell’immagine nella finestra di dialogo vista in precedenza. (Se hai già inserito l’immagine, selezionala e quindi clicca sull’icona Modifica immagine).

Puoi specificare il  titolo (predefinito sarà il nome dell’immagine), la didascalia (che appare sotto l’immagine), la descrizione (non necessaria), l’eventuale link (utile soprattutto se l’immagine è molto grande: in questo caso inserirai una miniatura che apre un’immagine a dimensione reale).

Puoi altresì specificare l’allineamento dell’immagine e impostare o meno lo scorrimento del testo. Nella finestra di dialogo puoi anche scegliere la dimensione dell’immagine visualizzata nell’articolo: miniatura, media, grande, originale.

Torna al sommario

Note

Le dimensioni delle immagini sono espresse in pixel, come pure la larghezza disponibile nella pagina del blog. Pertanto bisogna evitare di superare lo spazio massimo consentito per non compromettere il layout del sito.

Questo blog utilizza un tema fluido con un’area utile di circa 900 pixel, in modo da visualizzare tutto il contenuto anche su monitor a 15″ monitor. Poichè il menu laterale occupa circa 200 pixel, la larghezza massima consentita non deve superare i 700 pixel.

Ti consigliamo pertanto di verificare la larghezza delle immagini che intendi inserire e, se necessario, ridimensionarle oppure utilizzare le miniature già illustrate in precedenza.

Torna al sommario

Una facile lettura è dannatamente difficile da scrivere, di Nathaniel Hawthorne

Scrivere per il web richiede uno stile di scrittura adatto al medium. Le persone non leggono sul web allo stesso modo dei media cartacei. Per la natura dinamica di Internet, esse tendono ad assimilare il contenuto digitale molto velocemente.

Gli utenti di Internet setacciano il testo piuttosto che leggerlo. Se non trovano ciò che gli interessa, semplicemente tornano alla pagina precedente e cercano qualcos’altro, spesso in pochi secondi. Pertanto la tua scrittura dovrebbe consentire agli utenti di assimilare facilmente il contenuto. Se lo trovano interessante si fermeranno a leggerlo con più attenzione.

Le tecniche qui elencate non solo aiutano l’utente a leggere il tuo contenuto ma in alcuni casi possono essere utili ai motori di ricerca nel determinare l’argomento delle tue pagine e le parole chiave per il loro posizionamento.

• Usare brevi paragrafi
  
• Abbreviare le pagine
  
• Titoli e sottotitoli
  
• Grassetti e corsivi
  
• Elenchi puntati e numerati
  
• Link ipertestuali
  

Usare brevi paragrafi

Paragrafi lunghi e articolati sono il modo più veloce per allontanare l’utente del web…il tempo sufficiente di un semplice click. Fai un uso oculato, conciso e non superfluo dei testi.

Abbreviare le pagine

Non seguire il nostro esempio! Queste pagine sono lunghe, lo sappiamo, ma abbiamo molta informazione da presentare e quindi usiamo caratteri ben leggibili e una spaziatura generosa per facilitare la lettura. Questo tipo di sito è un’eccezione alla regola, forse. Nota anche come interrompiamo il contenuto con titoli e sottotitoli.

Gli utenti del web preferiscono pagine corte senza uno scorrimento eccessivo del contenuto. Ma sono abituati a scorrere le pagine, pertanto lo faranno se proprio è necessario. Se le tue pagine sono piuttosto lunghe, assicurati di mettere il contenuto più rilevante per primo in modo da attirare l’attenzione del lettore.

Detto ciò, gli utenti scorreranno il contenuto se lo riterranno interessante. Sono abituati a usare la barra di scorrimento laterale o la rotellina del mouse. Ma se il tuo web designer ha cercato di distinguersi creando pagine che richiedono lo scorrimento orizzontale, prendilo a schiaffi! È raro ma si è visto anche questo. I tuoi visitatori semplicemente non gradiranno.

Torna al sommario

Titoli e sottotitoli

I titoli sono un bel modo di separare il testo e facilitarne la lettura e, soprattutto su Internet, lo scorrimento. Nota come abbiamo fatto uso di titoli e sottotitoli e caratteri ampi per categorizzare il contenuto in queste pagine.

I titoli possono anche evidenziare le parole chiave della pagina (con un occhio di riguardo per Google). È buona prassi usare parole chiave o varianti  semantiche delle tue parole chiave all’interno dei titoli.

Nel codice HTML, per i titoli si usano tag numerati: <h1>, <h2>, <h3>, ecc. dove 1 è il titolo più grande nell’ordine e ciascun numero è progressivamente più piccolo. Quando scrivi un articolo, il titolo in cima dovrebbe essere impostato a <h1> quando viene pubblicato (a meno che il tuo tema non sia impostato diversamente*). I successivi sottotitoli possono usare i tag <h2>, <h3>, ecc. I sottotitoli possono essere annidati per mantenere il giusto flusso all’interno di un elenco di titoli. Ad esempio:

<h1>Titolo principale</h1>

<h2>Sottotitolo </h2>

<h3>Sottotitolo</h3>

<h3>Sottotitolo</h3>

<h4>Sottotitolo</h4>

<h2>Sottotitolo</h2>
darà come risultato:

Titolo principale

Sottotitolo

Sottotitolo

Sottotitolo

Sottotitolo

Sottotitolo

Lo stile dei titoli (dimensione e colore del carattere) è gestito dai fogli di stile del tema WordPress. Molti temi hanno classi di stile per i tag <h1>, <h2> e <h3>. Se il tema che usi non prevede uno stile per il titolo che stai usando allora devi modificare il tuo foglio di stile. Altrimenti l’aspetto può risentirne.**

Torna al sommario

Grassetti e corsivi

Evidenziare punti chiave usando grassetti, corsivi e testi sottolineati***, serve a enfatizzare il contenuto. Ciò fa emergere il testo attirando l’attenzione di chi legge. Ma usali con parsimonia altrimenti la pagina diventa un coacervo di testi formattati senza enfasi, rendendo ancora più complicata la lettura.

Si ritiene che Google possa riconoscere anche i tag utilizzati per i testi in grassetto, corsivo, ecc. e dia più peso alle parole chiave in essi presenti. Laddove possibile, cerca di inserire una o più parole chiave per evidenziarle.

Torna al sommario

Elenchi puntati e numerati

Gli elenchi puntati sono un bel modo per visualizzare un testo informativo e compatto.

Perché usare elenchi puntati?

• Attirano l’attenzione mentre si scorre il testo
• Sono semplici da leggere
• Evidenziano punti chiave in modo conciso
• Gli utenti apprezzano i sommari
• Sono facili da scrivere

Pertanto, laddove possibile, presenta il contenuto in sommari.

Torna al sommario

Link ipertestuali

Se stai menzionando qualcosa nel tuo contenuto che richiede un rimando ad altra pagina allora dovresti inseire un link a quella pagina. I link ipertestuali emergono nel testo attirando l’attenzione dei lettori (d’altra parte essi sono alla ricerca di link da cliccare). Inoltre permettono all’utente di approfondire la navigazione nel tuo sito.

Inserisci collegamenti esterni ad altri siti se credi che il contenuto possa interessare i tuoi utenti. Ciò può migliorare la tua credibilità come fonte attendibile di buona informazione. Ma fai attenzione a non inserire link a contenuti che possano invece comprometterla. (Ndt: personalmente consiglio di usare Wikipedia, senz’altro la più vasta, imparziale e meglio aggiornata fonte di conoscenza sul web).

* Come già spiegato nella guida a WordPress, il tema del blog utilizza il tag <h1> per i titoli di sezione (ad esempio “Risorse”) e <h2> per i titoli di pagina. All’interno del testo vanno pertanto usati i tag <h3>.

**Anche senza usare i fogli di stile, bisogna tener presente che nello standard HTML i titoli da <h1> a <h3> sono più grandi del testo normale mentre quelli da <h4> a <h6> sono più piccoli.

***Poché nel codice standard HTMl il testo sottolineato viene usato per evidenziare i link, è fortemente sconsigliato l’uso per scopi diversi da questo.

Torna al sommario