02-Structure et contenu

Bon avant tout, le contenu c’est du contenu… donc la palisse dirait « …il n’y a pas de site, ni de pages, s’il n’y a pas de contenu… ». Seulement voilà deux questions principales se posent alors… Comment définit-on le contenu et qu’englobe-t-il ?

Sans rien révolutionner, nous pouvons dire que le contenu c’est avant tout du texte, des images et des informations de présentation. Mais, il ne faut pas se limiter à cela, et nous pouvons ajouter à cette définition les outils de navigation et de pagination, les divers outils d’interactions utilisateur tels que les boites de dialogues, les formulaires et tout autres palettes d’information ou de type composants…

Le contenu, c’est également tout ce qui peut être relatif à la mise en page, à la mise en forme et à la typographie employée, à la mise en couleur en général, voir à la luminosité… bref… le contenu c’est tout ou presque de ce qui transparaît d’un site, ou d’une page.

Découpe et structure

Alors comment organiser et découper tout cela pour mieux le répartir, comment rendre tout cela accessible, comment permettre à l’utilisateur qu’il soit humain, qu’il soit informatique, qu’il soit équipé d’une souris ou pas, qu’il soit voyant ou lecteur braille, qu’il soit téléphonique ou qu’il soit sur écran télévisuel 4k, qu’il soit derrière une console de jeu, qu’il soit dans le métro ou connecté à une ligne très haut débit… comment permettre à cet ‘utilisateur’ d’accéder à ce contenu d’une manière qui lui semblera identique quelque soit son contexte d’utilisation (voir à ce sujet Quid du Responsive Web Design)…

Et bien, pour mieux répondre à cela, il faut commencer par structurer ce contenu et surtout le rendre sémantique.

Langages et technologies

Pour encadrer ce contenu, nous avons donc à disposition différents outils comme le langage HTML qui va d’une part structurer, découper et rendre en partie ce contenu sémantique en définissant par exemple des titres, des sous titres ou encore des paragraphes, mais également des blocs de plus haut niveau comme des sections, des articles, des infos complémentaires, des entêtes, des liens, des boutons, des barres de navigation…ou bien en établissant une hiérarchie et donc une profondeur à ce contenu, et là, pour nous y retrouver, de manière plus efficace, nous aurons à disposition un outil incontournable qu’est le DOM (pour Document Object Model) qui va nous permettre non seulement de parcourir mais aussi de contenir l’ensemble de ce contenu.

Métadonnées

Bien que cela puisse sembler complet, nous arriverons rapidement aux limites des deux aspects de la structuration sémantique HTML (découpe HTML et sens sémantique des balises), et nous allons devoir recourir à des outils plus fins et plus complets pour mieux préciser et définir le sens profond du contenu. Nous aurons alors recours d’une part aux métadonnées fussent elles bâties sur Microdatas ou RDFa, tout en utilisant des vocabulaires comme schema.org, Dublin Core, Foaf, des Ontologies spécifiques, etc…, et d’autre part aux informations complémentaires liées à l’accessibilité tels que les attributs ARIA rôle ou états et propriétés.

Bref en assemblant toutes ces pièces du puzzle renfermant le contenu, nous allons, sans nous en apercevoir, répondre à notre stratégie de contenu aussi bien destinée aux internautes à qui ce contenu est initialement destiné, mais également aux moteurs de recherche qui vont devoir l’indexer et le référencer.

(0)