• Community Manager

    Due H1 in un documento: opinioni

    Nel Forum sul posizionamento si parla di h1 ripetuto per i motori di ricerca.

    La discussione è anche un pochino sull'accessibilità, a questo punto apro un thread e lo segnalo.

    Leggendo il bellissimo Libro di Roberto Scano sulla Legge 04/2004, conosciuta meglio come Legge Stanca, qualcosa ho letto.

    Ringrazio Roberto prima, perchè il suo libro è davvero molto interessante e mi ha permesso di vedere l'Accessibilità in modi diversi. La spiegazione dei Requisiti è molto molto interessante, perchè la mostra sotto tanti punti di vista 🙂

    Parlando dei requisiti dei siti internet, il primo requisito è quello che tocca questo punto. In particolare al Punto di Controllo 3.5:

    **Usare elementi di intestazione per veicolare la struttura del documento e usarli in modo conforme alle specifiche.

    **In questo trattato scrive:

    tutte le pagine dovrebbero prevedere almeno un elemento h1 e via via, a scalare di importanza, gli elementi h2, h3 che forniscono all'utente la possibilità di individuare i paragrafi considerati importanti dall'autore dei contenuti.

    Tralascio l'interpretazione dell'almeno un elemento h1 e voglio dire che poco dopo riporta un esempio che toglie ogni dubbio, almeno secondo me:

     <h1> Titolo di livello 1 </h1>
           <p> testo di esempio> </p>
          <h2>Titolo di Livello 2</h2>
                   <h3>Titolo di Livello 3</h3>
                             <p> testo di esempio</p>
          <h2>Titolo di Livello 2</h2>
                     <p> testo di esempio></p>
                    <h3>Titolo di Livello 3</h3>
                              <p> testo di esempio</p>
                              <p> testo di esempio</p>
                    <h3>Titolo di Livello 3</h3>
                    <p> testo di esempio</p>
    <h1> Titolo di livello 1 </h1>
          <p> testo di esempio> </p>
    

    Siccome questi elementi devono avere un significato semantico e non decorativo, i programmi di lettura dello schermo, usano i titoli per rendere corretta la lettura agli utenti che li utilizzano.

    Cosa penso: penso che si possono usare due H1, però questi devono essere pensati in funzione degli utenti.

    Dobbiamo impaginare la pagina in modo coerente e semantico per la valorizzazione dei nostri contenuti, in modo che questi appaiono in ordine coerente e corretto per gli utenti che utilizzano i lettori di schermo.

    Quindi, due H1 sono corretti, se usati con buon senso ovviamente.

    Questo è il mio pensiero, non sono un esperto, è la mia idea. Ora vediamo cosa ne dicono gli esperti, sarebbe bello sentire anche Roberto 🙂

    :ciauz:


  • User Attivo

    Ricordo una discussione simile su questo argomento tempo fa sul forum di html ..
    per me la questione è abbastanza ambigua ed è dovuta agli attributi <hn>

    con Xhtml2 i tag <hn> verranno sostituiti con <section> + <h> più generici e anche più adatti ad essere annidati creando meno confusione
    e svolgendo meglio la loro funzione..

    :ciauz:


  • Super User

    Ciao,
    ho sentito Roberto a riguardo che si è mostrato molto interessato all'argomento.
    Non escludo un suo intervento appena gli impegni glielo permetteranno.

    Sta di fatto che anche il suo pensiero condivide l'estrema utilità degli h1, in quanto anche e soprattutto presenti in numero superiore, danno la partenza a
    diverse aree del documento.

    In merito a tale utilizzo dei h1 mi permetto di segnalare come vengano similmente utilizzati anche nel cms fruibile, di cui potete vedere l'esempio in http://www.guestinvenice.com/ 🙂


  • User Attivo

    @hogudo said:

    Sta di fatto che anche il suo pensiero condivide l'estrema utilità degli h1, in quanto anche e soprattutto presenti in numero superiore, danno la partenza a diverse aree del documento.
    Creare un ipertesto però comporta progettare un artefatto comunicativo in grado di rispondere alle esigenze degli utenti che fruiscono il documento attraverso lo schermo, mezzo di fruizione dalle peculiarità piuttosto ostiche per chi è abituato a progettare tomi di carta voluminosi per esigenze commerciali/accademiche come libri et simila.

    Impaginare su schermo un documento che tratti numerosi temi, e che giustifichi quindi l'utilizzo di più H1, significa prevedere un testo di una lunghezza che vada oltre la buona volontà di chi legge se non correttamente suddiviso in più pagine.
    Mi viene in mente un paragone utile per comprendere meglio il problema: quali sono le differenze di fruizione tra una lunghissima pergamena pesante e difficile da consultare e un libro correttamente suddiviso in capitoli e paragrafi munito di indice? Possono queste differenze influire sulle abitudini d'uso degli utenti delle due pubblicazioni? A voi la parola 😉


  • User Attivo

    Secondo me non è corretto mettere 2 h1.

    L'h1 è un titolo equiparabile a <title>, una pagina, come logica, non ha 2 titoli, può avere 2 sottotitoli <h2> ma non 2 titoli.

    Giusto, se la pagina tratta tematiche diverse, completamente diverse, al suo interno, ma a questo punto, come dice Fuffissima, il testo della pagina sarebbe parecchio lungo.

    Quindi la mia opinione è che una pagina, eccetto casi particolari, non dovrebbe contenere 2 h1.

    Lo stesso [url=http://www.w3.org/QA/Tips/Use_h1_for_Title]w3c, anche se non lo dice esplicitamente, spiega che se il primo livello è dogs, il secondo livello cambia, ma nella pagina il primo livello rimarrà sempre dog.


  • Super User

    Ciao Pigot, non ho capito una cosa, se all'interno degli animali, io avessi anche cats e pigs, come la mettiamo? Con 3 <h1>, no?


  • User Attivo

    Io la vedo come Pigot, l' h1 come "copia visiva" del tag title anche se ridondante, quindi metterei:
    <h1>animali domestici</h1>

    <h2>cane</h2>
    <h3>anatomia del cane</h3>
    <p>bla bla bla</p>

    <h2>gatto</h2>
    <h3>anatomia del gatto</h3>
    <p>bla bla bla</p>

    Ciauz


  • User Attivo

    @hogudo said:

    Ciao Pigot, non ho capito una cosa, se all'interno degli animali, io avessi anche cats e pigs, come la mettiamo? Con 3 <h1>, no?
    No, a questo punto il primo livello sarà animali <h1>Animali</h1>, al secondo livello, h2, cani, gatti, ecc.


  • User

    Concordo con quanti ribadiscono l'impossibilità di più h1 nella stessa pagina, a meno che non ci si trovi in presenza, come nel caso di portali et similia, di pagine multitematiche ed allora il discorso cambia.
    Ciò non toglie che all'interno delle singole aree tematiche, debba rispettarsi l'ordine tra h1,2 etc.


  • Community Manager

    A distanza di anni ribadiamo questo concetto: si possono usare più h1 per una pagina.


  • Super User

    Avevo ovviamente ragione io 😄


  • Community Manager

    @hogudo said:

    avevo ovviamente ragione io :d

    :fumato: