Comment respecter la sémantique des balises XHTML ?
Comment savoir si votre code est sémantiquement correct ?
Voilà une question importante à se poser pour savoir si votre site est codé de façon «logique».
Qu'est-ce que la sémantique ?
Chaque balise a été conçue afin de déterminer le genre de contenu qu’elle encercle. Le fait de respecter cette règle, d'utiliser les balises de la bonne manière, cela s’appelle la sémantique.
La bonne balise au bon endroit !
Assurez-vous que les balises utilisées sont appropriées au contenu autour duquel elles sont placées.
Par exemple, les titres doivent être encadrés par une balise représentant un titre (<h1>, <h2>, ...) et non pas dans une balise indiquant un paragraphe (<p>). Ils auront alors beaucoup plus d’importance par rapport au reste du texte qui lui sera inclus dans des balises <p>.
Ce principe est valable également pour les autres types de contenu : listes (<ul>, <ol>, <dl>), citations (<blockquote>), blocs de contenus (<div>), emphases (<em>, <strong>), tableaux (<table>), ...
Tout ceci est très important pour le référencement. Les robots d'indexation accorderont plus d’importance aux mots-clés qui se trouvent dans un titre par exemple, si ces mots se trouvent bien dans une balise de titre. La «cote qualité» du site en question augmente et il obtient donc une meilleure place dans les résultats des moteurs de recherche.
La sémantique, à quoi ça sert ?
La sémantique sert à indiquer au navigateur de quel type de contenu est composée une page. Attention, on parle ici du type de contenu (titre, paragraphe, liste, ...) et non du sujet abordé !
Une des premières utilités a déjà été citée plus haut : le référencement. Une meilleure place dans les résultats d'un moteur de recherche signifie une meilleure visibilité pour un plus grand nombre de personnes.
Si la sémantique de votre code est correcte, vos pages seront bien stucturées, les programmes pourront interpréter correctement le code et donc la mise en page sera bien respectée, exactement comme vous le désirez.
Références :
- Sémantique - Wikipédia [FR]
- Web sémantique - Wikipédia [FR]
- Respecter la sémantique XHTML - Openweb.eu.org [FR]
Commentaires
Aucun commentaire pour le moment
