Tag Archive | "HTML"

Tags: , , , , , , , , , , , ,

Référencement : comment optimiser la qualité d’indexation?

Posted on 22 février 2010 by Performance agile

Les moteurs de recherches constituent une source de trafic qu’il n’est pas possible d’ignorer lorsqu’on s’adresse aux internautes en recherche d’information.  Et choisir les bons mots clés ne suffira pas à assister leur démarche de prise de décision : la réalisation des objectifs de conversion passe aussi par la mise en œuvre d’un ensemble de pratiques qui améliorent la qualité d’indexation des contenus par les moteurs de recherche. Une démarche qui introduit un biais positif : un site optimisé pour les moteurs de recherche est aussi un site plus accessible.

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 !

Comments (0)

Tags: , , , , , , ,

Référencement AJAX : les pistes de Google

Posted on 23 octobre 2009 by Performance agile

On a vu apparaitre récemment sur le blog Google dédié à l’indexation du web un billet traitant de proposition permettant de rendre un site reposant sur AJAX navigable par les robots d’indexation.

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é!

Comments (0)

Tags: , , , , , , ,

HTML 5 va-t-il tuer Windows?

Posted on 12 août 2009 by Performance agile

HTML 5 n’a jamais autant fait parler de lui, et ce ne pourrait être qu’un début lorsqu’on analyse de plus près les capacités annoncées par celui qui a déjà fait renoncer le W3C à poursuivre les travaux engagés sur XHTML2.

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…

Comments (0)