5568 sujets

Sémantique web et HTML

Que mettre en h1 ?

bonjour,

voila dans ma page html
le titre de mon article doit'il etre une balise h1 ou h2?
qu'est ce qui est le mieux, pour le référencement ou autre...?
je m'explique,

par exemple sur une page tuto du site du zero :
c'est le titre du tuto qui est h1
et le titre du site (logo en haut a gauche) est un lien avec une image (<a><img/></a>)

alors que sur alsacréation :
c'est le titre du site (logo en haut a gauche), qui est h1
et le titre du tuto est h2

mais vu que mon site est en html5, n'est'il finalement pas mieux de mettre ainsi?

<body>
	<header>
		<div id="titre_principal">
			<h1>mon site</h1>
		</div>
		
		<nav></nav>
	</header>

	<section>

		<article>
			<h1>Je suis un grand voyageur</h1>
			<p>Lorem ipsum dolor sit amet...</p>
		</article>
	</section>
</body>


merci
Hello,
artichaudd a écrit :
mais vu que mon site est en html5, n'est'il finalement pas mieux de mettre ainsi?
         <header>
		<div id="titre_principal">
			<h1>mon site</h1>
		</div>
		<nav></nav>
	</header>
        <section>
		<article>
			<h1>Je suis un grand voyageur</h1>
			<p>Lorem ipsum dolor sit amet...</p>
		</article>
	</section>

Oui, maintenant c'est devenu une solution tout à fait possible et recommandable.
Avant HTML5, j'aurais plutôt eu tendance à recommander la hiérarchie suivante (en reprennant grosso modo ton code) :

<div id="entete">
  <h1>Titre du site</h1>
  <div id="nav">…</div>
</div>
<div id="contenu">
  <div class="article"> 
  <!-- j'utilise une classe au cas où il y ait plusieurs articles ou extraits d'articles dans cette page web… -->
    <h2>Titre de l'article</h2>
    <p>…</p>
  </div>
</div>

Sinon, rien à voir avec les titres, mais tant qu'à faire, pense à ajouter l'attribut role et ses différentes valeurs dans tes éléments sémantiques HTML5 Smiley cligne
Modifié par audrasjb (19 Mar 2012 - 16:04)
Il est préférable concernant le référencement de mettre un h1 différent sur chaque page et donc d'éviter d'utiliser toujours le même pour le titre du site et un h2 pour le titre de la page.

Sémantiquement pourtant je trouve qu'un h1 comme titre du site est plus logique.

Ta solution avec HTML5 semble très correcte mais ce n'est pas sûr que Google la prenne en compte.
Modifié par Skoua (19 Mar 2012 - 16:29)
oui en effet je penserais a ajouter un role
et pour google mystère... j'attends donc de voir dans les prochaines réponses...
Sujet clos
Aller à