1. L’accessibilité au service du référencement naturel 18 février 2011

2. 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

5. Panne de souris

7. Quelques bénéfices / Legal And Général 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

8. Moteurs de recherche © Google

9. Portrait Robot ! 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’images Pas de vidéos Lecture 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 !

10. Faciliter l’indexation, le crawl des moteurs 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 Éviter de passer l’information par l’image Éviter Javascript sur des éléments essentiels pour l’accès à l’information Pas 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 internautes Gain de bande passante Facilité de maintenance Interopérabilité sur les différents navigateurs Faciliter/permettre l’accès à l’information pour les utilisateurs, et les moteurs

11. Permettre l’analyse /aider le positionnement 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 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,

12. Permettre l’analyse /aider le positionnement É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 ????

13. Permettre l’analyse /aider le positionnement 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.

14. Permettre l’analyse /aider le positionnement 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 Utilisateurs Accessibilité 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.

15. Permettre l’analyse /aider le positionnement 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()">monlibellé 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

16. Permettre l’analyse /aider le positionnement

17. Permettre l’analyse /aider le 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.

18. Permettre l’analyse /aider le positionnement Bénéfices utilisateurs Maintenir 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 accent Permettre de comprendre et d’expliciter les abréviations Contenu 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 !

19. Permettre l’analyse /aider le positionnement 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-ci Le 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.

20. 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 ;-)

21. Merci pour votre présence et votre écoute ! http://www.chambe-carnet.com Laurence.tezier@1ere-position.fr www.1ere-position.fr