La sémantique en référencement consiste à donner du sens à votre code. Il faut utiliser les balises HTML appropriées en fonction du contenu de celles ci. En effet, les balises qui composent vos pages doivent aider les robots de Google et des autres moteurs de recherche à comprendre ce que contiennent ces balises. La version 5 d’HTML est doté d’encore plus de balises pleines de sens. Mais je ne traiterai que de HTML4 (xHTML) dans ce billet.
Une page très bien optimisée comporte un titre et des sous titres développés dans un ou plusieurs paragraphes qui peuvent être parsemés de points importants, de listes, d’abréviations… Il faut donc utiliser les balises qui correspondent au bon type de contenu pour que les robots différencient chacun de ces éléments.
Les balises HTML pour les titres
Pour les titres ils existent les balises H qui se déclinent sur plusieurs niveaux. La balise H1 est le titre de votre page, les balises H2 : les sous-titres et ainsi de suite. Vous pouvez grâce à ce système hiérarchique donné un squelette solide à votre page. Vous noterez bien que j’ai écris “LA” balise H1 car celle ci doit être unique : c’est le titre de votre page, il peut évidement n’y en avoir qu’un ! Les moteurs de recherche apportent beaucoup d’importance à cette balise ainsi qu’au titre de niveau 2. Les titres de niveaux plus bas 3, 4, etc sont moins pris en compte.
<h1>Le titre de votre page</h1>
<h2>Un premier sous-titre</h2>
<h3>Des titre de 3ème niveaux sont possibles</h3>
<h2>Un deuxième sous-titre</h2>
La balise P pour les paragraphes
Pour vos paragraphes, je ne suis pas forcément le mieux placer pour donner des cours de français. Mais essayez d’avoir un idée principale par paragraphe et de ne pas faire des paragraphes trop longs qui découragent souvent les lecteurs (surtout sur internet). De plus, des paragraphes courts permettent d’aérer votre contenu. En terme de code rien de bien compliquer un paragraphe est entouré par des balises P ouvrante et fermante.
<p>Un paragraphe !</p>
Mettre en avant un point à l’aide de balises HTML
Pour les points importants dans un paragraphe (ou ailleurs), la balise STRONG permet d’insister sur une phrase ou un groupe de mots. Cette balise est utilisé par les robots pour repérer le contenu d’une page.
<p>La balise STRONG met en avant
<strong>un point important</strong>
au milieu de texte.</p>
Donner la signification d’une abbréviation en HTML
Pour les abréviations, la balise ABBR permet de mettre en attribut TITLE la signification de votre abréviation. Cette balise est très utile, elle vous permet d’utiliser les deux formes d’une même expression et d’avoir ainsi les deux mots clefs dans votre page. Et surtout elle permet au lecteur de savoir ce que signifie votre abréviation sans chercher ailleurs.
<abbr title=”HyperText Markup Language”>HTML</abbr>
La citation en HTML
Pour les citations, la balise BLOCKQUOTE vous permet d’entourer des paragraphes pour les noter comme des citations. On peut donner l’URL de la source grâce à l’attribut CITE.
<blockquote cite="http://www.ciseur.net">
Ciseur.net est super !
</blockquote>
Lister des éléments avec les bonnes balises HTML
Pour les listes, les balises UL et OL permettent de créer des listes. La différence entre les deux est bien sémantique. L’une correspond aux listes ordonnées (OL) et l’autre aux listes sans ordres particuliers (UL). Elles doivent toutes deux contenir des objets de liste (LI).
<ol>
<li>élément 1 de la liste ordonnée</li>
<li>élément 2 de la liste ordonnée</li>
<li>élément 3 de la liste ordonnée</li>
</ol>
