Le pagine e il menu

Modulo 4: Pagine, aspetto e funzioni · Tempo di lettura: 7 minuti

Obiettivo della lezione: Al termine di questa lezione saprà aggiungere, rinominare, spostare ed eliminare pagine, organizzare il menu con un sottomenu e link personalizzati, e saprà che cosa succede ai vecchi indirizzi, alla pagina dei contatti e alla pagina di errore.

Concetti chiave: pagina, indirizzo (slug), homepage, menu, sottomenu, sottotitolo, link personalizzato, link a piè di pagina, pagina dei contatti, pagina di errore (404), reindirizzamento

Perché la struttura del Suo sito è importante

Un visitatore decide in pochi secondi se trova ciò che cerca, e lo fa attraverso il menu. Se "Contatti" non c'è, o se una pagina si chiama "Info" mentre contiene le tariffe, il visitatore se ne va. Anche i motori di ricerca leggono il Suo menu per capire quali pagine sono importanti.

Schildersbedrijf Example parte da una prima versione creata dall'IA: Home, Servizi, Chi siamo e Contatti. Dopo la revisione (lezione 2.4) l'imbianchino vuole cambiare due cose: una pagina separata "Metodo di lavoro" con i passaggi dal preventivo alla consegna, e sotto Servizi due pagine per la tinteggiatura di interni e di esterni. Lo fa in due pannelli: Pagine e Menu. Entrambi sono gratuiti: la gestione di pagine e menu non consuma elaborazioni.

Il pannello Pagine

Il pannello si apre con Pagine nella barra a sinistra, oppure con il selettore di pagina in alto a destra nel pannello della chat. Vede tutte le pagine del Suo sito. Faccia clic su una pagina per aprirla nell'anteprima e modificarla.

Che cosa può fare qui:

• Aggiungi pagina: indica solo un nome. La nuova pagina riceve un titolo e un blocco di testo con un testo di aiuto ("Racconti qui di cosa tratta questa pagina."). Poi chieda all'IA nella chat di riempirla, oppure scriva Lei il testo (lezione 3.2). La pagina entra automaticamente nel menu, se c'è posto, e nella colonna del piè di pagina con i link alle pagine.
• Modifica pagina: per ogni pagina cambia il Nome e l'Indirizzo, poi fa clic su Salva.
• Sposta su e Giù: l'ordine delle pagine. Il menu e la colonna del piè di pagina con i link alle pagine seguono questo ordine.
• Elimina: il builder chiede prima conferma e indica quanti link del Suo sito puntano a quella pagina (nel menu, nel piè di pagina o nei pulsanti). Rimuove anche quei link, così non restano link interrotti. Una pagina eliminata si può ripristinare tramite Versioni (lezione 3.5).

La homepage è speciale: non si può eliminare né spostare, e il suo indirizzo è sempre l'indirizzo principale del Suo sito. Un sito ha al massimo 30 pagine.

Può anche chiedere una nuova pagina nella chat ("Crea una pagina Metodo di lavoro con quattro passaggi dal preventivo alla consegna"). In quel caso l'IA la crea subito con i contenuti. È una richiesta all'IA e costa 2 elaborazioni, perché si aggiunge una pagina (lezione 1.2). Con Aggiungi pagina è gratuito, ma poi deve riempirla Lei o con una richiesta separata.

Attenzione: il testo di aiuto su una nuova pagina è un contenuto di esempio. Se lo dimentica, online comparirà "Faccia doppio clic su questo testo per scriverlo Lei". Controlli ogni nuova pagina prima di pubblicare.

Nome e indirizzo: che cosa succede se li modifica

Ogni pagina ha un nome e un indirizzo. Il nome è ciò che i visitatori vedono nel menu e nel titolo. L'indirizzo (in gergo tecnico lo slug) è l'ultima parte della barra degli indirizzi: in www.example.com/werkwijze/ è werkwijze. Usi parole brevi e comuni separate da trattini, senza maiuscole né segni di punteggiatura.

Se modifica il nome, le voci di menu e i link a piè di pagina con il vecchio nome ricevono automaticamente il nuovo nome. Una voce di menu con un proprio testo del menu mantiene quel testo.

Se modifica l'indirizzo, i link all'interno del Suo sito continuano a funzionare: il menu, il piè di pagina e i Suoi pulsanti puntano alla pagina stessa, non al vecchio indirizzo. Il vecchio indirizzo però scompare. Alla successiva Pubblica il builder rimuove i file che non fanno più parte del sito, così una pagina rinominata non lascia in giro un vecchio indirizzo. Non viene creato alcun reindirizzamento (un rinvio automatico dal vecchio al nuovo indirizzo). Chi usa il vecchio indirizzo, ad esempio tramite un link in una vecchia e-mail, su Facebook o nei risultati di ricerca di Google, arriva alla pagina di errore.

Google consiglia, quando un indirizzo cambia, di reindirizzare in modo permanente il vecchio indirizzo verso il nuovo. Il builder quindi non lo fa. Che cosa significa per Lei?

• Scelga bene i Suoi indirizzi prima di condividere il sito o di registrarlo presso Google (lezione 6.2).
• Se in seguito un indirizzo deve comunque cambiare, aggiorni ciò che controlla direttamente: i link nella Sua firma e-mail, nel Suo Profilo dell'attività su Google e nei Suoi profili social. Google trova il nuovo indirizzo tramite la Sua sitemap, ma il vecchio indirizzo può generare errori per un certo periodo.
• Se ha un pacchetto, il Suo sito si trova come file nel Suo pacchetto di hosting, e lì un reindirizzamento è possibile con una regola a livello di hosting. Questo esula dal builder ed è per utenti esperti.

La pagina di errore

A ogni pubblicazione il builder crea da sé una pagina di errore (in gergo tecnico la pagina 404, dal codice di errore che il server web restituisce in quel caso): nel Suo stile, con menu e piè di pagina, il titolo "Questa pagina non esiste" e il pulsante "Vai alla homepage". I motori di ricerca non la indicizzano. La guardi una volta: digiti dopo l'indirizzo del Suo sito un percorso inesistente, come /bestaat-niet/.

Il pannello Menu

In Menu organizza il menu. Trascini le pagine per cambiarne l'ordine. Se trascina una pagina sopra un'altra, diventa un suo sottomenu. Così Schildersbedrijf Example mette "Tinteggiatura interni" e "Tinteggiatura esterni" sotto "Servizi". Faccia clic su Salva menu per confermare; finché non lo fa, compare "Menu non ancora salvato".

Inoltre può:

• aggiungere un Link personalizzato: un indirizzo web (https://...), un numero di telefono (tel:0612345678 come esempio), un indirizzo e-mail (mailto:...), un percorso del Suo sito (/werkwijze/) o un'ancora verso una sezione (#offerte);
• aggiungere un Sottotitolo: un'intestazione non cliccabile sotto cui trascinare le voci. Un sottotitolo senza voci sotto viene rimosso al salvataggio;
• assegnare a ogni voce un proprio Testo del menu. Se lo lascia vuoto, vale il nome della pagina;
• usare Togli dal menu per una pagina. La pagina finisce sotto Non nel menu: esiste ancora, ma vi arriva solo chi conosce l'indirizzo o segue un link.

Un elenco del menu ha al massimo 8 voci, e lo stesso vale per un sottomenu. Se il menu è pieno, una nuova pagina non vi entra automaticamente; in quel caso vede un avviso e la inserisce Lei, oppure raggruppa le pagine in un sottomenu.

Il design del menu (la forma della barra) non si sceglie qui, ma in Stile (lezione 4.2). Il contenuto resta lo stesso.

Attenzione: le pagine che non devono stare nel menu, come la Sua informativa sulla privacy o una pagina di ringraziamento dopo il modulo, le metta sotto Non nel menu. Un link alla Sua informativa sulla privacy va però inserito nel piè di pagina (lezione 7.1).

Una buona pagina dei contatti

Quasi ogni sito ha bisogno di una pagina dei contatti. I visitatori se la aspettano a destra nel menu o come ultima voce. Vi inserisca:

• il nome della Sua attività, l'indirizzo (se i visitatori possono passare), il numero di telefono e l'indirizzo e-mail;
• il modulo di contatto (lezione 4.3);
• eventualmente gli orari di apertura o di reperibilità e una mappa.

Nel builder lo fa con la sezione Contatti (tramite Elementi o il selettore di Aggiungi sezione, lezione 3.4). Questa sezione mostra indirizzo, telefono, e-mail, orari di apertura ed eventualmente il modulo. Attenzione: nella prima versione ci sono spesso dati di esempio, come un numero di telefono inventato. Li sostituisca (lezione 2.4).

Titoli unici

Senza un titolo proprio nel pannello SEO, il builder crea il titolo nella scheda del browser e in Google a partire dal nome della pagina e dal nome del Suo sito, ad esempio "Metodo di lavoro | Schildersbedrijf Example"; la homepage riceve il nome del Suo sito. Due pagine con lo stesso nome ricevono quindi lo stesso titolo. Dia a ogni pagina un nome proprio; titoli migliori li scriverà nella lezione 6.1.

Nel builder: come si fa

1. Apra Pagine e faccia clic su Aggiungi pagina. Digiti "Metodo di lavoro" e faccia clic su Aggiungi.
2. Riempia la pagina tramite la chat o la scriva Lei; sostituisca il testo di aiuto.
3. In Modifica pagina controlli l'Indirizzo (ad esempio werkwijze) e faccia clic su Salva.
4. Apra Menu. Trascini "Metodo di lavoro" nella posizione tra Servizi e Contatti. Trascini le pagine dei servizi sopra "Servizi" per creare un sottomenu.
5. Faccia clic su Salva menu e controlli il menu nell'anteprima, anche in Mobile.
6. Pubblichi di nuovo il Suo sito (lezione 5.1) e verifichi Lei stesso tutti i link del menu.

Riepilogo

• In Pagine aggiunge pagine e ne modifica nome, indirizzo e ordine; può eliminarle e ripristinarle tramite Versioni.
• I link interni seguono il nuovo indirizzo, ma il vecchio indirizzo scompare senza reindirizzamento: scelga i Suoi indirizzi prima di condividere il sito.
• In Menu trascina l'ordine e i sottomenu, aggiunge link personalizzati e sottotitoli e fa clic su Salva menu; al massimo 8 voci per elenco.
• La pagina di errore la crea il builder, nel Suo stile e con un pulsante verso la homepage.
• Una pagina dei contatti con dati reali e nomi di pagina unici fanno parte di ogni sito.

Quiz

Esercizio

Esercizio A4.1: Le Sue pagine e il menu. Si assicuri che il Suo sito abbia almeno tre pagine nel menu, tra cui una pagina dei contatti con i Suoi dati di contatto reali, che ogni pagina abbia un nome proprio e di aver pubblicato di nuovo il sito. Poi inserisca l'indirizzo web del Suo sito AI Builder (il Suo indirizzo gratuito, come schildersbedrijf-example-123.weboke.site, oppure il Suo dominio). Il programma apre la Sua homepage come farebbe un visitatore e verifica: ci sono almeno tre pagine nel menu, ogni link del menu funziona (la pagina esiste e non dà errori), c'è una pagina dei contatti e ogni pagina ha un titolo proprio. Per ogni punto vede verde, arancione o rosso. Se in Stile sceglie il design del menu Minimale, i link alle pagine compaiono solo nel piè di pagina; per questo esercizio mantenga un design con i link nella barra del menu.

Per approfondire

• Corso gratuito WordPress 4.3: Menu e navigazione
• Corso gratuito Farsi trovare online 7.4: Link interni e struttura del Suo sito
• Corso gratuito Farsi trovare online 8.3: Trasferire o rinnovare il sito senza perdere la reperibilità
• Site moves with URL changes (Google Search Central, in inglese): https://developers.google.com/search/docs/crawling-indexing/site-move-with-url-changes