Progettazione siti web

Sei nella sezione "articoli e consigli" - progettazione siti web

home page > articoli e consigli per realizzare un sito > progettazione siti

I siti da noi progettati sembrano tutti uguali, se li guardi da lontano.

Ma se li guardi da vicino scoprirai che in comune hanno solo l'usabilità e la presenza nei primi posti dei motori > Verifica qui.

Come si progetta un sito per ottenere una buona indicizzazione

Molti pensano che per progettare un sito di successo bisogna essere ingegneri informatici, programmatori o grafici. Si sbagliano, non c'è nulla di più falso. Bisogna saper scrivere, avere cose interessanti da comunicare e conoscere cosa vogliono i motori di ricerca ed i visitatori, che in fondo, contrariamente a quanto molti credono, vogliono le stesse cose: vogliono informazioni.

Quindi non è vero che i visitatori vogliono siti in Flash ed i motori no?

No, non è assolutamente vero: i siti in Flash non li vogliono nemmeno i visitatori. > Leggi articolo qui.

Quali sono i consigli di Google per la progettazione di siti web?

Google ha pubblicato verso la fine del 2008 la sua prima guida per spiegare come si dovrebbe progettare un sito affinché venga considerato interessante sia dai motori che dai visitatori. Si tratta della Search Engine Optimization Starter Guide, una piccola guida di una ventina di pagine. In questa guida non vengono rivelati i segreti di Google, come qualcuno si aspettava, ma vengono dati ottimi consigli utili non solo ai principianti, ma anche a molti tra coloro che fanno (male) il nostro lavoro.

Riepilogo dei principali argomenti della Guida di Google per la progettazione di siti ottimizzati per i visitatori ed i motori

Creare pagine con titoli unici e accurati nella descrizione del contenuto

creare <TITLE> diversi per ogni pagina del sito
usare titoli concisi ma il più possibile descrittivi del contenuto della pagina

Utilizzare il meta tag “description” su ogni pagina

Inserire nella description un sommario preciso dei contenuti della pagina
usare una descrizione diversa per ogni pagina del sito

Progettare accuratamente la struttura degli URL del sito

inserire negli URL termini utili per le ricerche degli utenti
creare una struttura delle directory e sottodirectory semplice e intuitiva

Progettare un sito facile e intuitivo da navigare

creare link che consentano di raggiungere i contenuti in modo intuitivo
utilizzare preferibilmente link testuali anziché pulsanti grafici o altro
utilizzare per i percorsi di navigazione la tecnica delle "briciole di pane"
creare una mappa del sito in HTML oltre che la sitemap in XML

Creare contenuti di qualità

scrivere contenuti facili da leggere e da capire
focalizzare i contenuti sugli argomenti principali di ogni pagina
scrivere i testi utilizzando un linguaggio facile per il target di riferimento
creare contenuti esclusivi, non copiati da altri siti
rendere in qualche modo esclusivi i servizi offerti
creare contenuti pensati principalmente per gli utenti, non per i motori

Creare "ancore" appropriate per i vari link

scegliere testi descrittivi ma concisi per i link, sia interni che esterni
fare il possibile affinché i link siano facili da individuare

Utilizzare i TAG Heading (i titoli e sottotitoli) in modo appropriato

immaginare di dover scrivere il sommario di un manuale
non abusare di titoli e sottotitoli e distribuirli correttamente lungo le pagine

Ottimizzare l’uso delle immagini (nomi, cartelle, formato)

utilizzare nomi di file e attributi ALT delle immagini corti ma descrittivi
inserirei un testo alternativo quando si utilizzano immagini come link
salvare le immagini in una o più cartelle a loro dedicate
utilizzare per le immagini e fotografie i formati più comuni (JPEG, GIF)

Utilizzare i tool gratuiti di Google per webmaster e le statistiche

utilizzare gli Strumenti per i Webmaster di Google
utilizzare Google Analytics per verificare gli accessi al sito

Ora analizzeremo punto per punto i suddetti argomenti al fine di poter capire meglio come progettare siti web efficaci.

Progettazione siti web - Punto primo

Creare pagine con titoli unici e accurati nella descrizione del contenuto

Come titoli qui si intende il trong>meta tag TITLE, non i titoli che inseriamo all'inizio di ogni sezione o argomento di una pagina.

Per chi non lo sapesse il metatag TITLE è ciò che scriviamo nel codice HTML di una pagina web. Se ad esempio aprite questa pagina in modalità HTML (visualizza html o visualizza codice dal menu del vostro browser) noterete che alla quinta riga c'è la seguente dicitura:

<title>Progettazione siti web - come progettare un sito secondo Google</title>

Questo è ciò che si intende come TITLE di una pagina. In altre parole è ciò che vedete sulla barra in alto del vostro browser quando aprite una qualsiasi pagina web.

Non solo. Ciò che scriverete tra le istruzioni <TITLE> e </TITLE> è anche ciò che apparirà nella prima riga dei risultati mostrati dai motori di ricerca (la riga scritta in blu) una volta che la pagina sarà stata indicizzata.

Se trovate frasi tipo "no title", "home", "pagina1" e simili, significa che non è stato inserito nella pagina alcun title oppure che ne è stato inserito uno inefficace in quanto non consente ne ai motori ne agli utenti di capire di cosa parla la pagina in questione.

La pagina che state leggendo ora parla di come progettare un sito secondo Google e pertanto il TITLE che è stato inserito (Progettazione siti web - come progettare un sito secondo Google) è perfettamente adeguato al contenuto della pagina. L'utente che vede questo titolo nei risultati mostrati dai motori sarà in grado di capire se si parla o meno dell'argomento che sta cercando. Non sarà costretto ad aprire la pagina per scoprire di cosa tratta.

Il TITLE deve essere conciso. Bisogna riuscire a descrivere il contenuto principale della pagina in meno di 70/80 caratteri. In caso contrario Google, Yahoo ed altri motori lo troncano.

Progettazione siti web - Punto secondo

Utilizzare il meta tag “description” su ogni pagina

Siccome il TITLE deve essere breve e quindi non sempre consente di descrivere con chiarezza il contenuto della pagina è stato previsto un altro tatag chiamato "DESCRIPTION". In questo metatag (da inserire sempre nel codice html di ogni pagina) possiamo scrivere un titolo più lungo, una descrizione di 170/180 caratteri per spiegare più dettagliatamente di quanto possiamo fare nel TITLE di cosa parla la pagina.

Se visualizzate questa pagina in modalità HTML noterete alla settima riga il codice seguente:

<meta name="description" content="La guida di Google per la progettazione di siti web efficaci sia per i motori che per i visitatori. Analizziamo nei dettagli cosa suggerisce Google."/>

"La guida di Google per la progettazione di siti web efficaci sia per i motori che per i visitatori. Analizziamo nei dettagli cosa suggerisce Google." è appunto la description della pagina che state leggendo e, anche in questo caso, è perfettamente attinente al contenuto della pagina.

Naturalmente ogni pagina del sito dovrà avere TITLE e DESCRIPTION diversi secondo il loro contenuto. Se ad esempio una pagina parla di indicizzazione siti dovrà avere un title tipo "Studio Viasetti - Milano - Indicizzazione siti web" e una description tipo "Lo studio Viasetti di Milano propone un servizio di indicizzazione siti web nei motori di ricerca italiani e stranieri per meno di 500€ /annui.".

Ovviamente ammesso che la pagina parli esattamente di questo servizio.

Esiste anche un terzo metatag di cui molti webmaster abusano spesso: il metatag "KEYWORDS". Questo metatag comunque da alcuni anni non è più importante inserirlo in quanto, a seguito dell'abuso degli anni passati, Google e gli altri principali motori lo ignorano.

Progettazione siti web - Punto terzo

Progettare accuratamente la struttura degli URL del sito

L'url di una pagina è la stringa di caratteri che viene mostrata nella barra degli indirizzi del browser ogni volta che apriamo una pagina web. Alcuni esempi di URL sono:

http://www.viasetti.it/creazione-siti-internet.htm

http://www.sitiusabili.com/articolieconsigli/progettazione-siti-web.htm

Nel primo esempio www.viasetti.it è il nome del dominio (nome del sito), creazione-siti-internet.htm è il nome della pagina.

Nel secondo esempio www.sitiusabili.com è il nome del dominio (o del sito), articolieconsigli è il nome di una cartella che contiene pagine con articoli e consigli, infine, progettazione-siti-web.htm è il nome della pagina web che state leggendo ora.

La progettazione di un sito dovrebbe tener conto dei nomi da assegnare alle cartelle e alle pagine web, per rendere più facile ai visitatori capire in quale sezione si trovano e di cosa parlerà una determinata pagina. E' esattamente ciò che è stato fatto durante la progettazione del sito citato nel secondo esempio.

Un utente che vede un indirizzo (URL) come questo:

http://www.sitiusabili.com/articolieconsigli/progettazione-siti-web.htm

può immaginare che si tratta di un sito che parla di siti usabili e che la pagina progettazione-siti-web.htm, trovandosi nella cartella articolieconsigli, fornirà consigli su come progettare un sito.

Se avessimo chiamato la cartella "908903", "cartel01" o qualcosa di simile avremmo reso più difficile a chi legge l'URL capire se si tratta di consigli o di proposte commerciali. Se poi anziché chiamare la pagina "progettazione-siti-web" l'avessimo chiamata "art0990" avremmo reso del tutto impossibile capire di cosa parla prima di aprirla.

Progettare attentamente la struttura URL di un sito non è utile sono ai visitatori ma anche ai motori di ricerca, i quali riusciranno meglio ad indicizzare le pagine.

Progettazione siti web - Punto quarto

Progettare un sito facile e intuitivo da navigare

Un sito facile e intuitivo da navigare è esattamente ciò che la stragrande maggioranza degli utenti vuole e lo ha espresso in tutti i sondaggi effettuati su questo argomento. Gli utenti non vogliono essere costretti a "pensare" (si veda a proposito www.nonfatemipensare.it). Sapendo questo è ancora più difficile capire perché molti web designer, grafici e webmaster si ostinino a progettare siti magari originali ma poco intuitivi da navigare.

I link di navigazione devono essere facilmente individuabili, non devono confondere il visitatore, distrarlo, costringerlo a pensare. Devono essere possibilmente testuali e consentire di raggiungere i contenuti in modo intuitivo. Abbiamo pochi secondi per convincere un visitatore che è approdato sul sito giusto; se lo costringiamo a passarne 10 a pensare su cosa cliccare per trovare la pagina desiderata abbiamo buone probabilità di perderlo. Se non volete perdere i visitatori lasciate perdere i menu a tendina, i pop-up, i pulsanti che si muovono e che bisogna rincorre con il mouse per riuscire a cliccarci. Usate la vostra fantasia e originalità per creare qualcosa di utile per gli utenti anziché qualcosa che piace a voi ma del tutto inutile.

Create anche un percorso a "briciole di pane" con link testuali. Sarà utilissimo per far capire in ogni momento ai visitatori in quale punto del sito si trovano e come ritornare indietro. E' vero che esiste il pulsante "torna indietro" del browser, ma non dimentichiamoci che il visitatore potrebbe essere "atterrato" su una pagina interna del nostro sito e non sulla home page.

Se non sapete cos'è un percorso a "briciole di pane" andate all'inizio di questa pagina e lo troverete. Lo potete vedere anche qui:

home page > articoli e consigli per realizzare un sito > progettazione siti

Progettazione siti web - Punto quinto

Creare pagine con contenuti di qualità

Creare contenuti di qualità è probabilmente il punto più difficile. Ma è indispensabile farlo se vogliamo che i visitatori ed i motori trovino interessante il nostro sito.

Scrivete contenuti facili da leggere e da capire. Non utilizzate una terminologia, magari corretta, ma che pochi capirebbero. Utilizzate lo stesso linguaggio del vostro target di utenti. Non abbiate paura di scrivere tanto. Molti vi avranno detto che bisogna scrivere poco testo e mettere molte immagini. Non ascoltateli.

E' vero che molti visitatori non amano leggere, ma le prime righe le leggono tutti. Mettete le cose più importanti nel titolo e nel primo paragrafo. Chi non avrà voglia di leggere il resto non è obbligato a farlo. Di sicuro i motori leggeranno tutto ciò che avete scritto.

Siate originali nello scrivere, non nel fare pulsanti diversi dai soliti. Non copiate ciò che hanno scritto altri, difficilmente Google e gli altri motori premieranno contenuti che erano già presenti sul web. Perché mai dovrebbero posizionare il vostro sito prima di altri che hanno contenuti simili?

Per approfondire il concetto di usabilità web si consultino i siti:

www.nonfatemipensare.it

http://www.useit.com (in inglese)

http://www.sensible.com (in inglese)

siti usabili è la divisione creazione e posizionamento siti dello Studio Viasetti