[Chambé-Carnet] L'accessibilité au service du référencement naturel

L’accessibilité au service du référencement naturel

18 février 2011

Laurence TEZIER

Depuis 2001 en poste chez 1ere position : Agence de référencement naturel, payant et social

Formation Accessiweb, en évaluation de site depuis 2006

Sommaire

Définition accessibilité

A qui sert l’accessibilité

Les bénéfices de l'accessibilité

Les moteurs de recherche (principes)

Les points de l’accessibilité bénéfique pour le Référencement : ◆Pour faciliter le crawl, ◆Pour faciliter l’analyse par les moteurs et aider le positionnement

L'accessibilité est définie comme :

"Mettre le Web et ses services à la disposition de tous les individus, quels que soient leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique, ou leurs aptitudes physiques ou mentales" (Tim Berners-Lee, directeur du W3C et inventeur du World Wide Web).

Vous pouvez tous être en situation de handicap sur internet :

Écran défectueux aux contrastes faibles, ou à l’image vacillante Panne de souris Équipement sonore inexistant …

Définition

Quelques Bénéfices

- Allégement du poids des pages => Gain de bande passante

- Réduction des coûts de maintenance

- Élargissement de l'audience

Réduction de 75 % dans le délai d’affichage des pages ;

66 % d’économie annuelle sur les coûts de maintenance ;

90 % d’économie sur le temps nécessaire à la gestion du site Web ;

100% de retour sur investissement en 5 mois au lieu de 12, tel qu’initialement prévu.

95% d'augmentation sur la vente en ligne d'assurance-vie

13000 visiteurs supplémentaires chaque mois, dû à la compatibilité du site sur différents navigateurs (y compris Pda, Smartphone)

Augmentation de 30% du trafic en provenance du référencement naturel

Quelques bénéfices / Legal And Général

© Google

Moteurs de recherche

Les robots des moteurs sont capables d’absorber un grand nombre d’informations, cependant ces robots ont quelques petits problèmes de santé !

Cécité totale :Pas d’imagesPas de vidéosLecture linéaire de droite à gauche et de haut en bas.

Une surdité avancée Aucune compréhension des contenus audio

Des problèmes locomoteurs conséquents :Pas de membres supérieurs pour utiliser un périphérique de pointage (souris, ou

tablette), ni pour utiliser un clavier !

Des restrictions matériel lourdes :Ne supporte pas l’exécution logiciel =>Pas de JavaScript, une faible compatibilité avec PDF Le premier utilisateur en situation

de handicap et celui qui va vous drainer du trafic !

Portrait Robot !

Générer un code propre, utilisant les bonnes balises, pas de balises dépréciées (font, embed, b, etc.), au bon endroit

Séparer le fond de la forme

Faciliter l’indexation, le crawl des moteurs

Éviter de passer l’information par l’image

Éviter Javascript sur des éléments essentiels pour l’accès à l’informationPas de Frames

Bannir les sites full flash (à moins de le faire en surcouche)

Demander de L’AJAX accessible !

Poids des pages allégé = rapidité de chargement pour les internautesGain de bande passanteFacilité de maintenanceInteropérabilité sur les différents navigateursFaciliter/permettre l’accès à l’information pour les utilisateurs, et les moteurs

Ne passer pas l’information textuelle par l’image,

Donner des alternatives explicites aux images suivant la fonction de l'image, et le contexte de la page.

Les alternatives aux images de décoration doivent restées vides

Permettre l’analyse /aider le positionnement

Ne pas tomber dans l'excès ou le détournement de l'alternative à des fins de positionnement ou d'augmentation du poids des mots clés.

Insérer des alternatives textuelles superflues et/ou détourner l'attribut de sa fonction première n'est pas correct pour l'utilisateur.

Bénéfices utilisateurs: Maintient des informations, ou fonction de l’image

Bénéfices moteurs : plus de poids aux mots clés utilisés pour définir l’alternative.Une possibilité d’intégrer les résultats de la recherche universelle,

Éviter les cadres qui ne sont pas de bonnes portes d’entrées sur votre site.

En accessibilité : Donner à chaque cadre un titre pertinent


Bénéfice utilisateurs:Permettre l’orientation de l’utilisateur sur les jeux de cadres

Les moteurs n’indexent pas correctement les cadres et prennent en considération chaque cadre indépendamment des autres. Que fera un utilisateurs qui entrera sur le cadre du menu tout seul sans autres informations ????

Lorsque vous affichez des vidéos, donnez leur une transcription textuelle

De même pour les fichiers audios

Faites en sorte que vos contenus multimédia soit consultables sous une forme textuelle.


Bénéfice utilisateurs / Moteurs :Donner la transcription au format texte permettra aux moteurs de recherches d’indexer la page et de lui calculer une pertinence pour vos expressions clés. Du coté des internautes, ceci permet de diffuser l’information au plus grand nombre, mais également de traduire la retranscription, ce qui n’est pas possible avec la vidéo, ou un fichier sonore.

Créer des tableaux de données avec un résumé et un titre

Ces deux éléments sont du contenu, et le contenu est bon pour les moteurs.

Pour les tableaux de mise en page veillez à ce que l’information soit bien restituée (éviter l’imbrication excessive)


Bénéfices UtilisateursAccessibilité tableaux de données : définir des entêtes de colonne et de ligne afin de relier l'information, très pratique quand on a une « vue » linéaire de l’information. Le titre et le résumé permettent d’expliquer brièvement le contenu du tableau et ses données.

Bénéfices moteurs Le résumé et le titre du tableaux sont des éléments textuels. Le texte est bon pour les moteurs.

Utiliser des liens HTML, avec des libellés de liens explicites.

Éviter d’utiliser le même libellé pour plusieurs pages de destination,

Veiller à ce que chaque libellé de lien identique pointe vers la même page de destination.

Si vous utilisez l’attribut titre de lien, veillez à ce que celui-ci soit nécessaire et pertinent

<a href=" le-lien.html ">mon libellé pertinent et explicite.</a>

<a href="javascript:myJsFunc()">mon libellé de lien</a>


Bénéfices utilisateurs :Permettre la navigation, et indiquer le contenu de la page liée sans avoir à l’ouvrir.

Bénéfices moteurs :Les liens jouent un rôle majeur pour votre référencement, les moteurs utilisent les liens pour parcourir le Web, les libellés entrent dans le calcul de votre positionnement

Lorsque vous utilisez les scripts veillez à donner une alternative (si nécessaire)Évitez les menus de navigation faisant appel à un script pour sa construction

Définir un type de document et son code associé,Définir une langue par défaut sur chaque page web (HTML lang)

Définir sur chaque page, un titre pertinent définissant le contenu de celle-ci.

Utiliser les balises pour leur fonction, et non pour un aspect graphique, de présentation

Expliciter vos abréviations et acronymes

Rédiger vos contenus à l’aide de mots simples, éviter le jargon professionnel.



Bénéfices utilisateursMaintenir l’accès a l’information lors de l’utilisation de script, sur toutes les pages, Permettre aux aides vocales d’adopter la bonne énonciation des mots et le bon accentPermettre de comprendre et d’expliciter les abréviationsContenu accessible a tout niveau de lecture, de capacité intellectuelle

Bénéfices moteur : Permettre l’indexation de tout les contenus, en accélérant la récolte d’information, La langue permet de classifier rapidement la cible francophone etc.Le titre est très important pour le positionnement du site, Les balises permettent aux moteurs de hiérarchiser l’information

Les robots des moteurs sont des agents utilisateurs qui se basent sur ces déclarations pour comprendre la page. Faciliter le travail des moteurs permet probablement d’obtenir un point de qualité. Le moteur passe moins de temps a calculé le code, donc gain de temps pour lui, bon point pour vous !

Insérer une page plan du site pertinente,

Insérer un fil d’Ariane

Veiller à ce que votre contenu soit compréhensible, une fois les feuilles de styles désactivées.


Bénéfices utilisateurs :Le plan permet de se repérer sur le site et comprendre rapidement l’organisation de celui-ciLe fil d’Ariane permet également un repérage dans l’arborescence (toutes les pages sont des portes d’entrées à partir des moteurs). Maintenir le contenu sans CSS et/ou les images permet de garantir l’accès à l’information, et dans un ordre logique et compréhensible.

Bénéfices moteurs : Le plan permet de faciliter le crawl, bien qu’aujourd’hui les moteurs utilisent également les flux xml pour ce faire (sitemaps)Le fil d’Ariane, permet d’avoir une occurrence de plus en terme de mots clés, puisque ce fil reprend la navigation. Le contenu sans CSS ni image se rapproche de la vue d’un moteur, l’information doit donc être présente et logique.

Ces quelques points seront un plus que se soit pour l’accessibilité du site ou son référencement, mais ne feront pas tout !

L’accessibilité ne se résume pas à ces quelques recommandations, et de nombreux éléments sont a implanter pour parfaire le niveau d’accessibilité de votre site

Du coté référencement, il y a également de nombreux autres points à prendre en compte avant de côtoyer la 1ere-position ;-)

Merci pour votre présence et votre écoute !

[email protected]

http://www.chambe-carnet.com

[Chambé-Carnet] L'accessibilité au service du référencement naturel

Technology

Transcript of [Chambé-Carnet] L'accessibilité au service du référencement naturel