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
Salut,

Vu que tu codes en HTML 5, effectivement, il est plus judicieux de procéder comme tu le fais. Je dirai même que tu peux virer l'élément div dans header, qui m'a l'air superflu.
Un H1 pour l'article, c'est bien.
Certains référenceurs te conseilleront aussi de ne pas utiliser H1 pour le nom du site (pour ma part j'ai quelques réserves envers ces conseils d'optimisation in-page qui tiennent au mieux de l'empirisme, au pire du fantasme).

Une remarque: vu ton code, l'élément SECTION est superflu.
Bonsoir,

J'aimerais rebondir sur vos propos pour vous soumettre une pratique et deux réflexions que je me fait sur le sujet :

PRATIQUE : Je met le titre de l'article et celui du site en h1, mais le titre du site est en display:none au profit d'un logo positionné en background.

RÉFLEXION 1 : Du coup le code source affiche un titre "propre" pour le titre du site. De son côté, google étant sensé ignorer le texte en display:none je n'ai virtuellement plus qu'un seul h1 aux yeux des moteurs de recherche.

RÉFLEXION 2 : Je fais ça pour le fun, car en réalité je me fou d'avoir plusieurs h1 : J'ai fait des tests sur plusieurs mois par option, et j'ai l'impression que Google s'en fou complètement. Mon avis étant qu'il est tout à fait capable de reconnaitre le titre d'un article sans cet artifice. D'autant plus que je suis en html5, donc j'ose croire je google est capable de tirer les conséquences quand il détecte une balise <h1> inclue dans une balise <article> dans une page ***, sans pour autant que ce soit le seul h1 de la page...

Que pensez-vous de ma réflexion ? Votre avis m'intéresse.

*** Et même un <h2> ou <h3> s'il s'agissait de la hierarchie la plus élevée de la balise <article>, ce qui serait une mauvaise pratique j'en conviens.
Modifié par Olivier C (20 Mar 2012 - 19:45)
Olivier C a écrit :
PRATIQUE : Je met le titre de l'article et celui du site en h1, mais le titre du site est en display:none au profit d'un logo positionné en background.

Halte au display: none ! Une image, à partir du moment où elle véhicule du contenu (ce qui est le cas pour le logo du site), doit être insérée dans le code HTML, avec l'alternative textuelle qui convient. Bref, keep it simple and smart (KISS pour les intimes). Smiley smile
Sur la technique employée: elle est mauvaise pour les raisons évoquées par Victor.

Olivier C a écrit :
google étant sensé ignorer le texte en display:none

À ma connaissance Google n'ignore pas le texte en display:none. Sauf si les parseurs de Google sont greffés sur des moteurs de rendu capables de générer le DOM d'un document, d'y appliquer les différents styles définis, éventuellement d'exécuter tout le JavaScript, pour enfin inspecter le contenu textuel dans le DOM et la visibilité des différents éléments. Là comme ça j'en doute fort.

Si par contre tu places du texte ou des mots-clé dans un élément en display:none dans un but évident d'optimisation SEO et que quelqu'un de chez Google passe sur le site où tu pratiques ça (suite à une dénonciation par exemple), tu peux te prendre une pénalité dans la tête, oui.
(Je connais peu de cas de figure cependant, ils sont rarement médiatisés et je ne suis pas le sujet de près.)

Olivier C a écrit :
Mon avis étant qu'il est tout à fait capable de reconnaitre le titre d'un article sans cet artifice.

Genre en utilisant <title>.

Olivier C a écrit :
j'ose croire je google est capable de tirer les conséquences quand il détecte une balise <h1> inclue dans une balise <article>

Là rien n'est moins sûr.
Sujet clos
Aller à