Renforcer le poids des expressions clés

La balise title contient le texte qui apparait tout en haut de la fenêtre du navigateur. Elle est incontournable et doit être unique sur chaque page, contenir les expressions clés qui correspondent aux recherches effectuées par les internautes. Le contenu de la balise title doit bien sûr être cohérent avec le contenu de la page.
A noter également, les premiers mots ont un poids supérieurs aux derniers.

La structure sémantique est également essentielle :  elle passe par l’utilisation des balises de titrage H1, H2, H3…
Chacune définit un niveau de titre, H1 est unique et définit le titre principal; son contenu doit idéalement être identique à celui de la balise title. Les niveaux de titre inférieurs H2, H3… sont utilisés pour les sous-titres de niveau 2, 3, etc.

Soigner le contenu du premier paragraphe

Plus le texte est proche du début de la page, plus il a de poids, on comprend donc qu’il faut particulièrement soigner la rédaction des premières phrases en choisissant les mots clés adaptées aux recherches des internautes. Cette règle de pondération suivie par les moteurs de recherche est cohérente avec la logique de lecture : le contenu le plus lu sera forcément celui placé en tête de page.

Prévoir une alternative pour les images et composants multimédia

Peu d’outils sont aujourd’hui capable d’indexer le contenu d’une image ou d’un composant multimedia (video flash par exemple). Même si les moteurs actuels s’appuient sur le contenu environnant, une alternative doit être envisagée pour faciliter leur indexation.  Un texte alternatif (attribut alt intégré à la balise img) doit être associé à chaque image porteuse d’information. Les contenus multimédia devront comporter une alternative indexable également, il peut par exemple s’agir du script des dialogue au format HTML pour une vidéo.
Atout complémentaire de cette démarche : au delà d’optimiser la qualité d’indexation, elle renforce l’accessibilité des contenus multimédia aux internautes qui n’utilisent la restitution vocale ou braille plutôt que l’écran.

Url lisible et restituant la place de la page dans la hierarchie de contenu

Une url truffée de paramètres indécryptable par l’internaute sera pénalisée face à une url qui intègre des mots clés explicites et restitue la place de la page dans la hiérarchie de contenu.

Ainsi, http://blog.performance-agile.fr/?p=303 sera pénalisé face à http://blog.performance-agile.fr/creation-trafic/optimiser-qualite-indexation. On y trouve les mots clés relatifs à l’article, la section à laquelle il est rattaché (» création de trafic» ) et le sous domaine (» blog» ).

Le bénéfice ergonomique de la solution préconisée est indéniable. Encore une fois, optimiser la qualité d’indexation rime avec une progression de la qualité pour les internautes.

Tirer partie des micro-formats

Ils facilitent l’indexation de contenus prédéfinis : informations de contacts pour les sociétés, avis clients et informations produits pour les sites e-commerce. Les micro-formats existant sont répertoriés sur http://microformats.org/. Ils permettent aux moteurs de recherche d’ajouter de la valeur aux résultats présentés en associant par exemple la synthèse des avis clients à une fiche produit; l’aperçu est enrichi, il est appelé « rich snippet» .

La démarche d’optimisation de l’indexation montre qu’il s’agit plus largement d’une démarche qualité, intégrée à la politique de management de la qualité d’un dispositif web. Ces bonnes pratiques améliorent la qualité d’indexation, mais aussi le confort d’utilisation pour les visiteurs, un effort doublement bénéfique !

D’un point de vue ergonomique, les sites basés sur AJAX introduisent le concept de manipulation dans une interface qui en HTML seul privilégie la navigation. La manipulation induit plusieurs états possibles pour une même page, origine du frein à l’indexation des contenus AJAX.

Cette question devient sensible pour Google qui estime que 69% des contenus web sont créés dynamiquement.

Quelle solution adopter sans mettre en oeuvre de pratiques abusives de cloaking (un contenu distinct pour les robots d’indexation et les visiteurs)?

La solution qui consisterait à executer tous les javascripts d’une application web par le robot d’indexation serait trop fastidieuse et trop couteuse. La solution réside plutôt du côté du serveur web selon Google : en executant ses scripts au passage du robot d’indexation qui pourrait ainsi disposer d’image statique (HTML) des différents états de l’application AJAX.

Techniquement, 2 points à souligner dans la proposition faite par Google :
1) associer au caractère « #»  (qui en général précède les paramètres d’état dans une application AJAX) le caractère « !»  pour éviter au robot d’indexation la confusion entre paramètre d’état et ancre nommée.
2) ceci permet le remplacement par le robot d’indexation du paramètre passé via le « #»  par une variable permettant de distinguer chaque état de l’application. Le serveur web devra être capable de détecter la présence de cette variable pour fournir le code HTML correspondant à l’interpretation du code Javascript.

Une solution qui pourrait trouver d’autres applications notamment en permettant aux navigateurs incapable d’interpréter le code javascript d’accéder et restituer les contenus. Un pas de plus pour l’accessibilité!

Certaines démonstrations des possibilités du futur HTML ne font pas rêver que les experts en intégration HTML. Si vous disposez d’un navigateur aptes à l’interpréter (comme Opéra 10), testez donc cette démonstration de formulaire conçue exclusivement avec HTML 5 (sans aucun javascript, donc beaucoup plus accessible!).

Cette démonstration illustre quelques uns des changements annoncés par HTML5 qui entend prendre en charge des fonctionnalités jusque là réservées aux plug-in (plus aisément hackables) grâce à 8 nouvelles API.
De nouvelles balises apparaissent, par exemple :

• canvas offre des capacités de création de dessin ou d’animation 2D et 3D et peut faire de HTML5 un concurrent de Flash ou Silverlight.
• audio insère un contenu audio
• video fait la même chose avec les videos

Avec une telle richesse fonctionnelle, on est en droit de s’interroger sur le rôle du système d’exploitation dans un avenir proche, où compte tenu des capacités des futures technologies d’interfaces, l’utilisateur interagira avec son ordinateur essentiellement via son navigateur web. Les leaders de demain seront ceux dont les navigateurs auront la meilleure aptitude à offrir une expérience utilisateur de haut niveau à travers leur capacité d’interprétation des nouvelles normes web.
Comme le soulignait très justement Jay Sullivan au Google I/O, plus que n’importe quel système d’exploitation, c’est Internet aujourd’hui qui est devenu un moteur d’innovations. Et HTML5 ne le fera très certainement pas mentir…