En effet loin d’être de simples exécutants, les intégrateurs sont souvent détenteurs d’un savoir et de compétences polyvalentes, car il faut bien l’avouer, ceux qui auparavant étaient regroupés sous le vocable fourre-tout de webmaster sont souvent des passionnés du web pour ne pas dire des accros ne comptant pas leurs heures de netsurfing afin de saisir toutes les subtilités qu’il est nécessaire de posséder pour arriver à concevoir le site parfait…

Prenez un intégrateur, immergez-le dans une entreprise pourvu d’un service webdesign et d’un service informatique, hésitez sur l’endroit où le placer Informatique ? non webdesign ! non informatique ! non webdesign ! non informatique ! Bref ! Demandez lui de recruter quelques-uns de ces pairs (lui seul est en mesure de les reconnaitre). Voilà votre pôle intégration constitué.

Maintenant il s’agit de faire sa place… XHTML strict, accessibilité, ergonomie, javascript non intrusif, il vous sera difficile au départ de comprendre son langage. Il manie des concepts dont vous comprenez mal l’intérêt. Il paraît se compliquer la vie et opter délibérément pour des choix à l’exact opposé des votres, Ces modèles : Eric Meyer, Jakob Nielsen, Dean Edwards, Dave Shea sont des parfaits inconnus pour vous ! Vous n’avez pas de leçon à recevoir de ces nouveaux venus, vous vous en êtes bien passé jusque là !!! Pourvu que vous lui accordiez un peu d’attention, vous verrez assez rapidement que « l’intégrateur » cette bête curieuse va rapidement vous faciliter la vie.

Plus sérieusement : qu’est-ce qu’un intégrateur ? Quel est son rôle ? Quelle doit être sa place ?

L’intégrateur maîtrise le code html ou xhtml, les styles en cascade (CSS) et a de bonnes notions de Javascript. Avec ces trois langages il est en mesure de vous construire une interface qui tient la route. En effet c’est lui qui va permettre de structurer les données dans la page web, chaque balise html ayant une utilité bien spécifique, il va donner de l’importance à la valeur sémantique de chacune. <h1> pour les titres, <p> pour les paragraphes, <ul><li> pour les listes non ordonnées, etc..; la liste est très longue mais sachez qu’il existe 91 balises html et que toutes ont une utilité bien particulière.

Vous l’aurez compris l’intégrateur attache plus d’importance au sens de chacune de ces balise qu’à ces qualités graphiques. Les styles CSS étant spécifiquement dédiés à cette utilité depuis que les fabricants de navigateurs ont eu la bonne idée, mais un peu tardive il faut bien le dire, d’ y implémenter les CSS. Il reste encore du boulot néanmoins, rendez-vous compte par vous même : compatibilité des css dans les navigateurs.

Une fois qu’il a structuré sa page, ajouté les styles pour rendre la page plus agréable, il ne lui reste plus qu’à ajouter quelques comportements qui devront être non-intrusif (ça veut dire que sans JS ça marche quand même ! Magique, non ?). Effectivement l’intégrateur a toujours une petite pensée pour les minorités : ceux qui n’ont pas flash, qui n’ont pas javascript, qui ont de petits écrans, des vieux navigateurs (enfin pas aussi vieux qu’IE6 , j’espère), de mauvais yeux, des mouvements peu surs, des connexions lentes, bref nous tous quoi ! :-)

Ce dernier point s’appelle l’accessibilité et sans pousser le bouchon trop loin, un zeste d’accessibilité dans un site ce sont des internautes en plus qui n’auraient certainement pas pu y naviguer…

Je ne parlerais pas d’ergonomie, ni de référencement, ni même d’interopérabilité parce que vous l’avez déjà compris un intégrateur ce n’est ni un développeur ni un webdesigner graphique, c’est bien autre chose ! Et le jour où une entreprise aura enfin compris ce qu’est la maitrise et la puissance de l’intégration, et bien ce jour là le web lui appartiendra ! (non je déconne là, vous emballez pas !) Enfin ce que je voulais dire c’est qu’intégrateur, c’est un métier !

Bon bah voilà, c’est dit. J’ai fini. vous aussi vous faites ce métier ? ah ouais ? Bon on n’est pas seuls alors… Et autrement ça se passe comment, vous ? Ah ouais ? Vous voulez pas nous en parler ? Dans les commentaires ? Ouais… parfait …

Tout d’abord, il convient de définir ce qu’est une page « optimisée pour le référencement ».

Pour cela il faut avoir quelques notions de html et savoir comment sont structurées les pages web (ou devraient l’être). Ca a l’air idiot, dit comme ça, mais beaucoup de référenceurs n’en ont aucune idée il suffit de parcourir la blogosphère ou de lire quelques livres qui font référence en la matière pour s’en rende compte.

Il faut un peu voir ça comme un plat de lasagne : une couche de pâtes, une couche de viande, une couche de fromage, etc.

Appliqué au web, ça donne :

1. Le contenu (les textes, les images, les animations)
2. La structuration du contenu (le code html)
3. La mise en page (les styles CSS)
4. Les scripts d’amélioration (Javascript)

Les deux premières couches sont les plus importantes pour le référencement, puisque une rédaction efficace fera apparaître tous les mots pertinents qui permettront une bonne indexation. A celà s’ajoute, une utilisation sémantique du code html, tel que prévu par les instances du W3C.

Le langage HTML est prévu à la base pour structurer de l’information et en tant que tel il fournit les balises remplissant des fonctions bien spécifiques :

• h1 pour le titre principal de chaque division de la page,
• h2 à h6 pour les sous-titres successifs,
• p pour les paragraphes,
• ul pour les listes,
• etc.

Et là je vais casser un mythe : non les balises h1 à h6, ne sont pas des balises pour le référencement. Elles sont néanmoins importantes et doivent être utilisées à bon escient – cela pour souligner que la rédaction pour le web est un exercice rigoureux, puisque non seulement le contenu doit être pertinent, mais en plus les titres et sous-titres choisis doivent être représentatifs du sujet traité.

Les astuces du style truffer une page de balise h1 à h6 n’a aucun sens et peut même produire l’effet inverse à celui désiré : descendre en bas de la liste dans Google, voir le « blacklisting ». En matière de positionnement d’ailleurs, il n’a jamais été démontré que la présence de balises de type h1 aient une influence déterminante :

Insertion du mot-clé dans une balise H1 (note moyenne : 3,4) : les opinions divergent radicalement sur ce facteur : tandis que Russ Jones et Thomas Bindl écrivent en chœur qu’il s’agit du second critère de positionnement « on the page » le plus important, Jill Whalen, Caveman et Todd Malicoat insistent sur la surestimation, voire le peu d’importance de cette balise dans le cadre d’une stratégie de SEO. Caveman affirme même qu’il a positionné de nombreux sites sans l’aide d’aucune balise H1 et met en garde avec Aaron Wall contre d’éventuels risques de «duplicate content» si le contenu de cette balise est identique aux balises title et description.

Insertion du mot-clé dans une balise H2, H3, H(x)… : (note moyenne : 2,8) : conclusions identiques au facteur «Insertion du mot-clé dans une balise H1» (voir plus haut).

Extrait de « les critères de positionnement sur Google » – web2.0 review

Les algorithmes des moteurs de recherche évoluent rapidement et de nombreuses techniques ou astuces qui ont pu marcher par le passé ne servent plus à grand-chose (les mots clés des métas par exemple). On se dirigerait de plus en plus vers une analyse ontologique du texte dans laquelle les sites écrits dans le langage le plus naturel possible pourraient avoir les meilleurs résultats en terme de classement .

Quelques liens pour aller plus loin dans la réflexion :

Comment rédiger pour le web
Les bons conseils en référencement
Changement de l’algorithme de google