Compatibilità:

WebSite X5 Evo e Pro


In HTML gli elementi utilizzati per identificare i titoli sono i tag da <h1></h1> a <h6></h6>.


Il tag <h1> deve essere utilizzato per il titolo principale, il tag <h2> per il sotto-titolo della sottosezione successiva e così a scendere, se necessario, fino ad arrivare al livello più basso di intestazione rappresentato dal tag <h6>. Per procedere correttamente e ottenere un'efficace struttura di Pagina, devi utilizzare i tag di intestazione rispettando la gerarchia, senza saltare nessun livello.


Lavorando con WebSite X5 puoi decidere se gestire automaticamente i tag di intestazione o, al contrario, se gestirli manualmente.


Come gestire automaticamente i tag di intestazione <h1> e <h2>

Se preferisci che il programma gestisca in automatico i titoli impostando i tag <h1> e <h2> procedi in questo modo:

  • Al Passo 1 - Impostazioni del Sito > Avanzate, accedi alla sezione Statistiche, SEO e Codice.
  • Apri la sezione SEO e imposta l'opzione Gestione automatica Tag Intestazione:
    • se scegli la voce H1 per Titolo della Pagina, viene utilizzato come valore del tag <h1> il nome, o il Titolo, assegnato alla Pagina;
    • se, invece, scegli la voce H1 per Intestazione Sito e H2 per Titolo Pagina, come valore del tag <h1> viene ripreso il nome o il Titolo della Pagina a cui segue, separato da un trattino, il Titolo del sito: <h1>Titolo Pagina - Titolo Sito</h1>. Il tag <h1> viene inserito nel codice delle Pagine ed è collegato all'intestazione del Modello. Il solo nome, o il solo Titolo della Pagina, viene ripreso anche come valore del tag <h2>.

Ricorda che:

  • il nome è quello che viene dato a una Pagina in fase di costruzione della Mappa nella finestra Creazione della Mappa;
  • il Titolo della Pagina è quello che viene specificato nella finestra Proprietà Pagina;
  • il Titolo del Sito è quello che gli viene attribuito attraverso l'apposita opzione presente nella finestra Impostazioni del Sito > Generale.


Come gestire manualmente i tag di intestazione

Se invece desideri gestire manualmente i tag di intestazione devi, per prima cosa, fare in modo che i tag <h1> e <h2> non vengano assegnati in automatico dal programma.


Per ottenere questo risultato devi fare in questo modo:

  • Al Passo 1 - Impostazioni del Sito > Avanzate, accedi alla sezione Statistiche, SEO e Codice.
  • Apri la sezione SEO e per l'opzione Gestione automatica Tag Intestazione imposta la voce Nessuna.


Disattivata la gestione automatica dei tag di intestazione <h1> e <h2>, puoi decidere liberamente a quali titoli o elementi di testo associare questi tag spingendoti, se necessario, ad utilizzare anche i tag da <h3> a <h6> per ulteriori sotto-livelli.


Le strade percorribili sono diverse. La prima prevede l'utilizzo dell'Oggetto Titolo:

  • Utilizza l'apposito Oggetto Titolo per inserire nell'Header del Modello o come contenuti delle Pagine tutti i titoli ai quali vuoi associare un tag di intestazione.
  • Per ciascun Oggetto Titolo inserito, accedi alla finestra Oggetto Titolo e impostare il Tag di intestazione più opportuno scegliendo tra i valori da <h1> a <h6>.


In alternativa, al posto dell'Oggetto Titolo puoi sfruttare l'Oggetto Testo. In questo caso, la procedura cambia a seconda dell'edizione del programma con cui stai lavorando:


Con l'edizione Pro, puoi sfruttare gli Stili dei Testi per strutturare le Pagine con i corretti livelli di intestazione:

  • Al Passo 2 - Impostazioni del Modello, accedi alla finestra Stile dei Testi e imposta lo stile (font, dimensione, colore, ecc.) che vuoi utilizzare per ogni livello di intestazione.
  • Torna al Passo 1 - Impostazioni del Sito > Avanzate, clicca sulla voce Statistiche, SEO e Codice e accedi alla sezione SEO: attiva l'opzione Imposta i tag H1..H6 per le Intestazioni del Modello.
  • Apri nell'editor il testo su cui vuoi agire: seleziona il paragrafo e utilizza l'apposito menu a tendina per attribuirgli lo stile di intestazione più appropriato. Oltre alle opzioni di stile previste (font, dimensione, colore, ecc.), al paragrafo di testo verrà automaticamente associato anche il corrispondente tag <h1>..<h6>.


Con l'edizione Evo, invece, puoi impostare gli Stili ma non associare i tag di intestazione che, pertanto, devi inserire manualmente come codice nel testo:

  • Inserito l'Oggetto, accedi all'editor per digitare e formattare il testo, compreso il titolo.
  • Clicca sul pulsante  Abilita Codice HTML per avere la possibilità di inserire del codice.
  • Includi il titolo su cui vuoi agire all'interno dei tag specifici; per esempio, dovrai digitare: <h1>Titolo</h1>.


Il discorso è analogo anche se scegli di utilizzare l'Oggetto Codice HTML: in questo caso, però, non potrai contare sugli strumenti messi a disposizione dall'editor per la formattazione dei testi.