5545 sujets

Sémantique web et HTML

bonjour,

Je viens chercher un peu de lumière sur des points quelques peu ombrageux.
Sur un thème de blog, une structure html5 en mode "post" et cela concerne plus particulièrement la boucle "Poursuivez votre lecture".
Je souhaiterai connaitre votre avis sur cette architecture et son coté positif ou négatif.

Voici globalement la structure du thème :


<header role="banner">
 <nav role="navigation"> </nav>
</header>

<main id="main" role="main">
 <article role="article"> </article>
</main>

<aside role="complementary"> .. </aside>
<footer role="contentinfo"> ... </footer>


Globalement la hiérarchie "Hn" et le coté SEO du thème (en post).

Titre du blog = <a>
Titre du post = h1
Poursuivez votre lecture = h2
Titre des billets "Poursuivez" = h2
Commentaires = h3
Ajoutez un commentaire = h3
Titre widget sidebar = h2


La partie pour la quelle je m’interroge c'est "Poursuivez votre lecture".
(Les x-billets provenant de la même catégorie que le billet en cour).

C'est peut-être un peu trop "pertinent" (...ou pas),
mais j'ai volontairement mis la boucle "Poursuivez votre lecture" en H2 pour garder une hiérarchie "sans sauts depuis le titre du billet h1".
(au cas ou le contenu du billet ne comporterait pas de H2)

Donc en "post" j'ai une structure telle que :

<header role="banner">
 <nav role="navigation"> </nav>
</header>

<main id="main" role="main">

 <article role="article">
  <h1>Titre du billet</h1>
  <p>Contenu du billet</p>
 </article>

 <h2>Poursuivez votre lecture</h2>
   <article>
      <h2>Titre billet même catégorie</h2>
      <p>Extrait du contenu du billet</p>
      <p>Lire la suite</p>
   </article>

 <h3>Commentaire</h3>
 <h3>Ajouter une commentaire</h3>

</main>

<aside role="complementary"> 
 <h2>Titre des widgets</h2>
</aside>

<footer role="contentinfo"> ... </footer>


Là ou je "patine" c'est ...

- Est-ce que des <article> en fin de "post" qui est lui même un <article> est correct ?
- Est ce que pour "Poursuivez votre lecture" la hiérarchie <article> ne devrait pas juste être en <div> ?
- Est-ce que H2 n'est pas trop pertinent et devrait être H3 ?

Merci d'avance pour vos lumières et vos suggestions.



.
Modifié par poilozorey (22 May 2015 - 12:18)