www Beaucoup de bruit a été fait autour de la sémantique Web. De nombreux experts ont écrit plein d'articles plein de mots pour dire qu'il fallait l'utiliser. Principalement parce que ces gens aiment la logique et les choses structurées. Chacun ses passions... Mais en quoi cela concerne le webmaster moyen ? c'est quoi cette histoire de tag sémantique ?

Faire une page Web sémantique signifie que c'est une page avec du "sens". En html/xhtml, ca veut dire qu'on peut utiliser des éléments, des tags qui ajoutent du sens. Par exemple si vous avez un gros Titre en haut de votre page et ensuite un sous titre, c'est possible d'utiliser un tag <h> pour le signifier. De même si vous avez une citation, vous pouvez utiliser le tag <blockquote> plutôt qu'un autre qui n'est pas vraiment fait pour ça.

L'idée est de se demander ce que c'est avant de se demander comment on souhaite l'afficher. Une fois que tout votre texte est structuré, avec la sémantique la plus précise possible (si vous avez mis uniquement des <div>, ce n'est pas vraiment ce que j'appelle une structure), vous pouvez associer une apparence a chacun de ses tags avec une feuille de style CSS.

Mais pourquoi faire tout ça ?

Parce que maintenant que tout est structuré, utiliser les CSS sont très puissants.

Une seul fichier CSS pour définir l'apparence de toutes les pages du site. Si vous décidez de mettre en bleu tous les titres des pages de tout le site, une seule ligne suffit :

h1 {color:blue}

Vous gagnez donc énormément de temps. En plus il est fort probable que l'apparence de vos pages change avant leur structure, la encore vous n'aurez qu'a mettre à jours le fichier CSS

Parce qu'aujourd'hui un nombre non négligeable de personne n'utilise pas un ordinateur pour aller sur le net.

La Wii, les téléphones portables, la PSP, les PDA, tous les terminaux mobiles sont tous tres capable d'afficher votre site. Ca sera encore plus vrai demain. Si vous avez introduit de la sémantique dans vos pages, elles s'afficheront mieux c'est aussi simple que ça. Si vous êtes vraiment intéressé par ce public vous pouvez même définir un fichier css pour les terminaux mobiles pour que l'affichage soit parfait.

Parce qu'en ajoutant de la sémantique, vous avez rendu votre site plus accessible.

Les navigateurs vocaux par exemple vont pouvoir indiquer à leur utilisateurs directement quel est le titre de la page.

Parce que vous venez d'augmenter votre visibilité dans Google.

Les moteurs de recherche se servent de la sémantique pour savoir quels sont les mots les plus importants de la page. Si vous placez dans votre <h1> un titre pertinent. La visibilité de votre page sera meilleure dans les moteurs de recherche.

Ce n'est que le début

Tout ça n'est que le début de la sémantique Web. Quand le vocabulaire de tag sera exploité à son potentiel, le Web sera une mine d'information encore plus impressionnante qu'aujourd'hui car ce sera une mine structurée (avec des panneaux pour dire où on se trouve).

Un exemple simple :

Si un grand nombre du webmasters du monde utilisaient les tags <dt> et <dd> qui servent respectivement à définir un mot (Definition Term) et sa définition (Definition Description). On pourrait faire tourner des logiciels, des robots qui parcourent Internet à la recherche de toutes les définitions d'un mot. Un peu à la manière du service de définition proposé par Google

Un autre exemple :

Si on décrivait un vocabulaire de Tag HTML pour décrire la composition d'une équipe de foot. Quelque chose comme :

<capitaine>Marcel Desailly</capitaine>
<Milieux offensif>Franck Ribéry</Milieux offensifs>
<gardien>Grégory Coupet</gardien>
etc

et si un nombre suffisant de site Web de club de foot l'utilisait. Un simple ordinateur suffirait a les compiler et en faire un espèce de moteur de recherche de foot et ainsi retrouver facilement quelle était la composition exact en 1912 de l'équipe de France et de celle d'Italy au lieu de devoir consulter les archives de chaque club ou un bouquin datant de cette époque.