Best Practice > Passo 4 - Pagine > Come lavorare con l'Oggetto Titolo

Facendo doppio click su un Oggetto Titolo inserito all'interno della Griglia di impaginazione o selezionandolo e cliccando sul pulsante , si accede alla finestra Oggetto Testo. Attraverso questa finestra, è possibile digitare il titolo, formattarlo e definirne lo stile.

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>. Naturalmente, per procedere correttamente e ottenere un'efficace struttura di Pagina, occorre utilizzare i tag di intestazione in modo da rispettare la gerarchia, senza saltare nessun livello.

WebSite X5 può gestire in automatico i titoli impostando i tag <h1> e <h2>. In questo caso è posssibile agire come segue:

▪	Al Passo 1 - Impostazioni del Sito \| Avanzate, accedere alla sezione Statistiche, SEO e Codice \| Base e settare l'opzione Gestione automatica Tag Intestazione:

•	scegliendo la voce H1 per Titolo della Pagina, viene utilizzato come valore del tag <h1> il Titolo, o il Titolo per esteso, assegnato alla Pagina in fase di costruzione della Mappa (vedere, Stile dei Testi);

•

scegliendo, invece, la voce H1 per Intestazione e H2 per Titolo Pagina, come valore del tag <h1> viene ripreso il Titolo della Pagina a cui segue, separato da un trattino, il Titolo del sito (<h1> = "Titolo Pagina - Titolo Sito"). Il tag <h1> viene inserito nel codice delle Pagine ed è collegato all'intestazione del Modello. Il solo Titolo della Pagina, o il Titolo per esteso, viene ripreso anche come valore del tag <h2>.

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

Per ottenere questo risultato è necessario:

▪	Al Passo 1 - Impostazioni del Sito \| Avanzate, accedere alla sezione Statistiche, SEO e Codice \| Base e settare per l'opzione Gestione automatica Tag Intestazione la voce H1 per Titolo della Pagina.

▪	Al Passo 2 in Impostazioni del Modello, accedere alla finestra Stile dei Testi e disattivare l'opzione Visualizza per l'elemento Titolo della Pagina.

Disattivata la gestione automatica dei tag di intestazione <h1> e <h2>, è possibile decidere a quali titoli o elmenti di testo associare questi tag spingendosi, 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:

▪	Utilizzare l'apposito Oggetto Titolo per inserire nell'Header del Modello o come contenuti delle Pagine tutti i titoli ai quali si vuole associare un tag di intestazione.

▪	Per ciascun Oggetto Titolo inserito, accedere 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 è possibile sfruttare l'Oggetto Testo:

▪	Inserito l'Oggetto, accedere all'editor per digitare e formattare il testo, compreso il titolo.

▪	Cliccare sul pulsante Abilita Codice HTML per avere la possibilità di inserire del codice.

▪	Includere il titolo su cui si vuole agire all'interno dei tag specifici; occorrerà, per esempio, digitare: <h1>Titolo</h1>.

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

Se non è stata disattivata la gestione automatica dei tag di intestazione, è comunque possibile impegare le procedure appena descritte per completare la struttara delle Pagine con i tag di livello inferiore: da <h2> a <h6> se per l'opzione Gestione automatica Tag Intestazione è stata attivata la voce H1 per Titolo della Pagina, o da <h3> a <h6> se, invece, è stata attivata l'opzione H1 per Intestazione e H2 per Titolo Pagina.