Come si crea la Mappa del sito?

Compatibilità:

WebSite X5 Evo e Pro

Un Sito Web può essere definito come un insieme strutturato di Pagine. È molto importante delineare correttamente questa struttura perché determina come le Pagine sono fra loro collegate e, di conseguenza, definisce i percorsi di navigazione disponibili per arrivare alle singole informazioni.

Se riuscirai a dare al tuo sito una buona struttura, i tuoi visitatori non si perderanno durante la navigazione, sapranno sempre dove si trovano e riusciranno a raggiungere in pochi passaggi le informazioni che cercano. Al contrario, una cattiva struttura genererà disorientamento e frustrazione e, nel peggiore dei casi, porterà i visitatori ad abbandonare il Sito.

In WebSite X5 puoi definire la struttura del Sito inserendo tutte le Pagine necessarie e organizzandole in Livelli e sotto-livelli attraverso la finestra Creazione della Mappa che trovi al Passo 3. Una volta disegnata la Mappa come una struttura ancora vuota di contenuti, puoi poi procedere all'effettiva creazione di ogni singola Pagina. Cliccando ripetutamente sul pulsante Avanti, si aprono le Pagine nello stesso ordine con cui sono inserite nella Mappa. In alternativa, puoi utilizzare la Mappa per passare direttamente alla finestra del Programma che consente di lavorare a una determinata Pagina: per far questo, devi solo fare doppio click sulla voce corrispondente oppure selezionarla e cliccare sul pulsante Modifica o sul pulsante Avanti.

Come si presenta la finestra Creazione della Mappa

Nella finestra Creazione della Mappa la maggior parte dello spazio è occupato dalla rappresentazione schematica della Mappa che si va a costruire.

Partendo con un Modello vuoto, viene proposta una struttura composta da una cartella Menu contenente l'Home Page e 3 Pagine. Aggiungendo Livelli, Pagine e Separatori attraverso gli appositi comandi, questi verranno inseriti nella cartella Menu della Mappa che, in questo modo, andrà via via prendendo forma.

Se il Sito viene completato con l'inserimento del Motore di ricerca interno (vedi, Oggetto Cerca), di una Pagina di ingresso, di un Blog, di un'Area Riservata (è sufficiente che anche solo una Pagina sia stata impostata come Pagina Protetta) o di un Carrello di e-commerce, alla struttura della Mappa viene aggiunta anche la cartella Pagine Speciali con le voci corrispondenti: Cerca, Pagina di ingresso, Blog, Pagina di Login e Carrello e-commerce.

Oltre a visualizzare la struttura ad albero della Mappa, per le Pagine inserite vengono riportate alcune informazioni aggiuntive quali il Titolo per esteso e la Descrizione della Pagina. Ovviamente, perché queste informazioni vengano visualizzate, è necessario che siano state precedentemente definite attraverso la finestra Proprietà Pagina.

Immediatamente sopra la rappresentazione schematica della Mappa, è disponibile una Barra Strumenti con i comandi necessari per lavorare sulle Pagine già inserite nella Mappa. 

Nello specifico, i comandi disponibili nella Barra Strumenti ti consentono di:

• Taglia - Copia - Incolla: tagliare, copiare o incollare, all'interno dello stesso Progetto o fra Progetti diversi, le Pagine selezionate. 
• Espandi - Contrai: espandere e contrarre il Livello selezionato in modo da visualizzare o meno le Pagine in esso contenute.
• Nascosta: fare in modo che la voce relativa alla Pagina o al Livello selezionato non venga inserita nel Menu di Navigazione. Tutte le Pagine di un Livello nascosto risultano nascoste. Usa le Pagine nascoste come pagine di approfondimento e ricorda di creare almeno un collegamento che porti ad esse per renderle raggiungibili.
• Protetta: impostare la Pagina selezionata come "protetta" specificando quali Gruppi o singoli Utenti potranno accedervi. Per maggiori informazioni, vedi: Come si crea un'area riservata e si gestiscono gli accessi?
• In costruzione: impostare una Pagina non ancora completa come "in costruzione". Le Pagine in costruzione sono visualizzate nell'anteprima in locale ma non sono pubblicate in fase di esportazione. Nel Sito pubblicato online, quindi, non saranno presenti né le Pagine in costruzione né le voci dei Menu di navigazione che puntano ad esse.
• Pagina 404: impostare la Pagina selezionata come Pagina 404. All'interno di un Progetto è possibile specificare un'unica Pagina 404 scegliendola tra le Pagine non impostate come Speciali, Protette o In costruzione. 
• Proprietà: richiamare la finestra attraverso la quale definire le proprietà della Pagina o del Livello selezionato. 
• Modifica: procedere alla costruzione vera e propria della Pagina selezionata sulla Mappa. 

I comandi presenti nella Pulsantiera sul lato destro della finestra, invece, sono quelli necessari per procedere alla composizione vera e propria della Mappa (vedi: Come si disegna la Mappa del Sito).

Infine, alcuni dei comandi più utilizzati vengono riproposti anche attraverso il menu contestuale richiamabile cliccando con il testo desto del mouse direttamente sulla Mappa. In più, nel menu contestuale è disponibile il comando: 

• Imposta come Home Page: fa in modo che la Pagina selezionata (ad esclusione della Pagina 404, delle Pagine protette e delle Pagine in costruzione) venga impostata come nuova Home Page del progetto. Una finestra di dialogo chiede se si desidera che tutti i collegamenti vengano reindirizzati o meno alla nuova Home Page. Procedendo la Pagina scelta viene impostata come nuova Home Page: mantiene lo stesso nome e la stessa posizione nella Mappa ma le viene associata l'icona che distingue la Home Page. Anche la Pagina corrispondente alla vecchia Home Page mantiene lo stesso nome e la stessa posizione ma viene ora associata all'icona della pagina standard. 

#tip - Per maggiori informazioni vedi: Come si fa a impostare una Pagina come nuova Home Page del progetto?

Come si disegna la Mappa del Sito

Da un punto di vista pratico, disegnare la Mappa del Sito in WebSite X5 è molto semplice:

• Nella finestra al Passo 3 - Creazione della Mappa utilizza i pulsanti:
  • Nuovo Livello [CTRL + L] per aggiungere un Nuovo Livello di menu. I Livelli non sono delle pagine con dei contenuti propri ma delle categorie utili per contenere e organizzare le pagine, in modo da articolare il menu di navigazione in una struttura ad albero semplice da percorrere per chi naviga nel sito. Non ci sono limiti al numero di Livelli e di sotto-livelli inseribili.   
  • Nuova Pagina [CTRL + P] per aggiungere una Nuova Pagina all'interno del Livello selezionato.   
  • Separatore per aggiungere un Separatore in modo da poter organizzare anche visivamente le voci del menu. Un separatore può essere uno spazio o un titolo ed è particolarmente utile per creare dei menu su più colonne.
• Scrivi con cura i nomi di tutte le pagine, i livelli e i separatori che inserisci: queste etichette, infatti, verranno riprese come voci del Menu di navigazione e come nomi dei file. Se vuoi cambiare una voce non devi fare altro che cliccare due volte su di essa o utilizzare il pulsante Rinomina [F2].
• La Mappa può essere modificata in qualsiasi momento, spostando Pagine, Livelli e Separatori inseriti: per farlo, seleziona la voce su cui vuoi agire e trascinala nella posizione desiderata (Drag&Drop), oppure utilizza i pulsanti Sposta Su [CTRL + U] / Sposta Giù [CTRL + D].
• Ovviamente se una Pagina, un Livello o un Separatore non è più utile, sei libero di eliminarlo: selezionalo e clicca sul pulsante Rimuovi [CANC].  

Ora che hai disegnato almeno una prima bozza della Mappa come una struttura ancora vuota di contenuti, puoi procedere all'effettiva creazione di ogni singola Pagina. Come anticipato ti basta cliccare ripetutamente sul pulsante Avanti per aprire le Pagine una dopo l'altra, nello stesso ordine con cui sono inserite nella Mappa, oppure fare doppio click direttamente su una Pagina della Mappa (o selezionarla e cliccare sul pulsante Modifica).