Come organizzare i contenuti del tuo sito web in modo che siano utili, interessanti e di facile navigazione per i visitatori. Qui il video: https://youtu.be/TQfipRtOnyA

1. Episodio 7
COME STRUTTURARE
I CONTENUTI DEL TUO
SITO WEB

2. YunikonID — 29.ott.21
LAURA LONIGHI
Brand & Web Designer freelance
Nel mio lavoro studio i colori e i
caratteri tipografici, disegno la
personalità visiva di un marchio e
progetto siti web attorno agli
obiettivi di business dei miei clienti.
YUNIKON DESIGN
CONTATTI
hello@yunikondesign.com
www.yunikondesign.com

3. Come
strutturare
i contenuti
del tuo sito
web
Sommario
Cosa si intende per architettura di un sito web
Come costruire l'alberatura del proprio sito
Navigazione web
Architettura di un sito in WordPress
Strumenti
Fonti e approfondimenti
Ti consiglio un libro
1.
2.
3.
4.
5.
6.
7.
YunikonID — 29.ott.21

4. 1. Cosa si intende per
architettura di un sito web
YunikonID — 29.ott.21

5. L'architettura del tuo sito web è anche
detta "alberatura dei contenuti".
Le informazioni presenti nel sito
devono essere organizzate per macro-
argomenti, che dalla home indirizzano
nelle pagine interne del sito web. Le
pagine sono collegate tra di loro
tramite dei link interni, utili ai visitatori
del sito per muoversi all'interno dello
stesso.
La struttura di un sito web più utilizzata
è quella ad albero.

6. La struttura ad
"albero"
In un sito con struttura ad albero la pagina
principale del sito, l'homepage (tronco)
occupa la parte più alta dell’architettura, e si
dirama nelle principali categorie (i rami).
Queste, a loro volta, danno accesso alle
sottocategorie (i rametti) ed in successione
ai prodotti (foglie). Un pò come una
matrioska.
YunikonID — 29.ott.21

7. Studiare l’architettura di un sito web significa
pensare in ottica di navigazione, e predisporre
tutti quegli elementi che possano essere utili
all’utente per spostarsi nel sito e trovare tutte le
informazioni che cerca.
Chi ben comincia è
a metà dell'opera

9. 2. Come costruire
l'alberatura del proprio sito
YunikonID — 29.ott.21

10. Il primo passo per la costruzione dell’alberatura di un sito
è definire gli obiettivi di business e il percorso che gli
utenti dovrebbero intraprendere per raggiungere le
informazioni che cercano.
Quello che ti consiglio è di partire con carta e penna,
elencando su un foglio i contenuti principali che vuoi
proporre nel sito, e poi raggrupparli in macrocategorie,
pensando a come potrebbero essere cercati e trovati dagli
utenti.
Parti con carta e penna

11. Il primo passo per la costruzione
dell’alberatura di un sito è definire gli
obiettivi di business e il percorso che
gli utenti dovrebbero intraprendere
per raggiungere le informazioni che
cercano.
Quello che ti consiglio è di partire
con carta e penna, elencando su un
foglio i contenuti principali che vuoi
proporre nel sito, e poi raggrupparli
in macrocategorie, pensando a come
potrebbero essere cercati e trovati
dai visitatori del sito.

12. 3. Navigazione web
YunikonID — 29.ott.21

13. Per navigazione si intendono tutti quegli
elementi che sono usati per permettere
all’utente di spostarsi con agilità tra le
pagine del sito e trovare le informazioni
che cerca.
Va da sè che il sistema di navigazione è
facilitato dalla presenza di una struttura
informativa chiara, coerente ed
omogenea.
Cosa vuol dire?

14. Quali sono
questi
elementi?
Di solito si trova nella parte alta del
sito, deve offrire una panoramica
sull’organizzazione delle pagine
MENÙ DI NAVIGAZIONE PRINCIPALE
Aiuta a comprendere la profondità di
un sito e a segnalare in che punto
della navigazione si trova l'utente
BREADCRUMB - "BRICIOLE DI PANE"

15. Quali sono
questi
elementi?
Utile per quei visitatori che sanno già
quello che cercano e vogliono ridurre
la "perdita di tempo"
IL CAMPO CERCA

16. Menu di navigazione principale
YunikonID — 29.ott.21

17. Briciole di pane
YunikonID — 29.ott.21

18. Campo Ricerca
YunikonID — 29.ott.21

19. Oltre agli elementi elencati è importante
anche la loro posizione. Il menu
principale di solito viene inserito in alto
(header), ma ci sono altre posizioni
all'interno del sito in cui puoi andare ad
aggiungere altri link o menu.
Ricorda però che puoi fare
molto di più!

24. 4. Architettura di un sito in
WordPress
YunikonID — 29.ott.21

25. 26.mar.21

26. 26.mar.21

27. Categorie
VS
Tag
I tag definiscono le
sfumature
Con le categorie descrivi
i temi principali affrontati
nel tuo blog
Con i tag dai una
connotazione in più al
post che stai scrivendo
Le categorie organizzano
i macro argomenti
26.mar.21

28. Categorie VS Tag
CATEGORIA TAG
Web Design Usabilità
Tutorial
Business
1.
2.
3.
Graphic Design
Vita da freelance

29. Il problema: mettersi nei
panni del visitatore
YunikonID — 29.ott.21

30. Mettersi nei panni del visitatore
Un problema comune tra chi si vede coinvolto nella
realizzazione del sito della propria attività è comprendere
quali siano i bisogni del proprio target di riferimento
(mentre è spesso più semplice metterlo in pratica per gli
altri). Le cose che si possono fare però sono varie e più o
meno complesse.

31. Cosa si chiede
il visitatore e
quali risposte
dare
Rispondi rendendo chiaro in quale
pagina si trova e a quale livello del
sito si trova.
SONO NEL POSTO
GIUSTO?

32. Per questo rispondi con una navigazione
chiara, abbraccia le convenzioni, rendi
chiaro quali sono le pagine più importanti
nelle quali i tuoi visitatori si dovrebbero
fermare, accompagnali all'azione.
C'È QUELLO CHE CERCO?
Magari il visitatore ha trovato
l'informazione che cercava... ma tu hai
scritto tanti altri articoli a riguardo: non è
quindi sensato agevolarglieli nella
maniera più semplice possibile (1 click)?
C'È ALTRO?

33. ACQUISTA
COMPILA IL FORM
ISCRIVITI ALLA NEWSLETTER
Rispondi con inviti all'azione chiari:
COSA FACCIO?

34. 5. Qualche strumento
YunikonID — 29.ott.21

35. 5. Qualche strumento
YunikonID — 29.ott.21

36. È un servizio di web analytics gratuito
fornito da Google che consente di
analizzare le statistiche dei visitatori di un
sito web.
È il servizio di statistiche più usato nel
web, utilizzato da circa il 56,4% dei siti.
Google Analytics

38. Google Search Console è un servizio web di Google che
consente ai webmaster di controllare lo stato
dell'indicizzazione e ottimizzare la visibilità dei loro siti
web. Fino al 20 maggio 2015, il servizio si chiamava
Google Webmaster Tools.
Google Search Console

40. Mindmaister
MindMeister è un'applicazione di mappatura
mentale online che consente agli utenti di
visualizzare, condividere e presentare delle mappe
mentali, che possono essere condivise con altri
membri di un team.

42. 6. Fonti e approfondimenti
YunikonID — 29.ott.21

43. Fonti e approfondimenti
Come pianificare l’alberatura e l’architettura di
navigazione di un sito
Architettura delle informazioni del sito Web: come
ottimizzare per UX

44. 7. Ti consiglio un libro (anzi 2)
YunikonID — 29.ott.21

45. Don't make me think
STEVE KRUG
difficoltà

46. Usabilità - Individuare e
risolvere i problemi
STEVE KRUG
difficoltà

47. Facciamo due bagole!
Hai bisogno di rendere più semplice il tuo sito web?
Scrivimi!
Con una consulenza ad hoc possiamo capire cosa
non va nel tuo sito web e renderlo più facile e fluido
da fruire.
CONSULENZA ONE TO ONE
Maggior info e costi:
https://www.yunikondesign.com/contatti/