 |
|
|
|
Analizziamo il nostro sito riga per riga
|
In questa sezione vi spieghiamo come e con quali criteri abbiamo costruito il nostro sito.
La speranza è che questa "esercitazione pratica" possa aiutarvi a capire meglio le metodologie che si utilizzano per costruire un sito.
|
| >L'idea
|
Realizzando siti per lavoro, spesso ci si trova di fronte a persone che vorrebbero avere un sito, ma che hanno molti dubbi e non hanno il tempo o il modo di porre tali quesiti ad un professionista che possa chiarirglieli.
Nasce così l'idea di un sito per tutti, per chi vuole costruirsi il sito da solo, ma anche per chi non è in grado di farlo e quindi dovrà rivolgersi ad una WebAgency.
Per definire il layout delle pagine abbiamo pensato di usare delle metafore (come spesso si fa) per realizzare lo stile delle pagine web.
- La prima metafora, associata al senso di "costruzione", sono i mattoncini lego.
Le 10 domande da porsi quando si vuole costruire un sito web sono state associate a 10 mattoni, con cui mettere in piedi una ipotetica casetta che rappresenta in definitiva il sito stesso.
- la seconda metafora, associata al senso di "insegnamento", sono i post-it e la foto della lavagna con i gessetti. Quindi la possibilità di imparare qualcosa sul sito e di appuntarselo da qualche parte nella nostra memoria per poterlo riutilizzare in futuro.
|
| >La struttura
|
Definita l'idea si è passati alla definizione della struttura.
Il menù in alto è stato pensato come degli appunti scritti su dei post-it.
Avremmo potuto salvare l'immagine del post-it, direttamente con la voce del menù stampata sopra, in tal modo però tale menù non sarebbe stato navigato dai motori di ricerca. Abbiamo optato quindi per sovrapporre la scritta all'immagine grazie alla funzionalità del posizionamento assoluto dato dai CSS.
I box di approfondimento sono stati inseriti con dei menù laterali mentre i 10 mattoni li abbiamo posizionati a centro pagina, in posizione ben visibile.
Tutti gli argomenti sono linkati per dare il maggior peso possibile alla pagina quando questà verrà letta dai motori di ricerca.
|
| >Le immagini
|
Essendo la pagina costituita da immagini con colori piatti e senza grandi sfumature abbiamo optato per salvare le stesse in formato gif ottenendo una drastica riduzione del peso complessivo.
- Iimmagine in alto che comprende il menù: 11,9 Kb
- Post-it laterali: 6,07 Kb
- Immagine centrale con foto: 12,4 Kb
- peso di tutti mattoni: 23,2 Kb
- Totale: 53,57 Kb
Abbiamo sforato di poco il limite ipotetico dei 50 Kb, ma visto l'alto impatto grafico creato, penso che ci possiamo stare.
L'unica perdita (seppur minima) di qualità si ha sulla foto centrale (quella della lavagna per capirci) ma assolutamente non pregiudica la resa finale.
Creare i mattoncini è stato possibile tramite un programma di grafica 3D gratuito che potete trovare nella sezione "i software indispensabili".
|
| >Come i motori di ricerca vedono la nostra home page
|
Vi facciamo vedere come il motore di ricerca vede la nostra home page.
Da questa immagine risulta abbastanza evidente che:
- Le immagini contano meno che niente (però sono importanti per avere impatto sui visitatori), quindi vanno usate con parsimonia ed intelligenza.
- I titoli espressi con i tag <Hn> sono effettivamente visti con maggior enfasi rispetto al testo normale
- I link hanno grande rilevanza
|
|
|
|
|
