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 \| SEO e settare l'opzione Gestione automatica Tag Intestazione:

•	scegliendo la voce H1 per Titolo della Pagina, viene utilizzato come valore del tag <h1> il nome, o il Titolo, assegnato alla Pagina.

•

scegliendo, invece, 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>.

È utile ricordare 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.

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 \| SEO e settare per l'opzione Gestione automatica Tag Intestazione la voce Nessuna.

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. In questo caso, la procedura cambia a seconda dell'edizione del programma con cui si sta lavorando:

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

▪	Al Passo 2 - Impostazioni del Modello, accedere alla finestra Stile dei Testi e impostare lo stile (font, dimensione, colore, ecc.) che si vuole utilizzare per ogni livello di intestazione.

▪	Tornare al Passo 1 - Impostazioni del Sito \| Avanzate, cliccare sulla voce Statistiche, SEO e Codice e accedere alla sezione SEO: attivare l'opzione Imposta i tag H1..H6 per le Intestazioni del Modello.

▪

Aprire nell'editor il testo su cui si vuole agire: selezionare il paragrafo e utilizzare l'apposito menu a tendina per attribuirgli lo stile di intestazione più appropriato. Oltre alle opzioni di stile previste (font, dimensione, colore, ecc.), al parafrafo di testo verrà automaticamente associato anche il corrispondente tag <h1>..<h6>.

Con l'edizione Evo, invece, è possibile impostare gli Stili ma non associare i tag di intestazione che, pertanto, devono essere inseriti manualmente come codice nel 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 impiegare 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 Sito e H2 per Titolo Pagina.