L’accessibilité au service du référencement naturel<br />18 février 2011<br />
Laurence TEZIER<br />Depuis 2001 en poste chez 1ere position : <br />Agence de référencement naturel, payant et social<br ...
Sommaire<br />Définition accessibilité <br />A qui sert l’accessibilité<br />Les bénéfices de l'accessibilité <br />Les mo...
Pour faciliter l’analyse par les moteurs et aider le positionnement </li></li></ul><li>Définition<br />L'accessibilité est...
  Panne de souris
  Équipement sonore inexistant …</li></li></ul><li>Quelques Bénéfices<br />- Allégement du poids des pages => Gain de band...
Quelques bénéfices / Legal And Général<br />Réduction de 75 % dans le délai d’affichage des pages ;<br />66 % d’économie a...
Moteurs de recherche<br />© Google <br />
Portrait Robot !<br />Les robots des moteurs sont capables d’absorber un grand nombre d’informations, cependant ces robots...
Faciliter l’indexation, le crawl des moteurs<br />Générer un code propre, utilisant les bonnes balises, pas de balises dép...
Permettre l’analyse /aider le positionnement<br />Ne passer pas l’information textuelle par l’image, <br />Donner des alte...
Permettre l’analyse /aider le positionnement<br />Éviter les cadres qui ne sont pas de bonnes portes d’entrées sur votre s...
Permettre l’analyse /aider le positionnement<br />Lorsque vous affichez des vidéos, donnez leur une transcription textuell...
Permettre l’analyse /aider le positionnement<br />Créer des tableaux de données avec un résumé et un titre <br />Ces deux ...
Permettre l’analyse /aider le positionnement<br />Utiliser des liens HTML, avec des libellés de liens explicites. <br />Év...
Permettre l’analyse /aider le positionnement<br />
Permettre l’analyse /aider le positionnement<br />Lorsque vous utilisez les scripts veillez à donner une alternative (si n...
Permettre l’analyse /aider le positionnement<br />Bénéfices utilisateurs<br />Maintenir l’accès a l’information lors de l’...
Permettre l’analyse /aider le positionnement<br />Insérer une page plan du site pertinente,<br />Insérer un fil d’Ariane<b...
Ces quelques points seront un plus que se soit pour l’accessibilité du site ou son référencement, mais ne feront pas tout ...
Prochain SlideShare
Chargement dans…5
×

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

1 757 vues

Publié le

Publié dans : Technologie
0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
1 757
Sur SlideShare
0
Issues des intégrations
0
Intégrations
510
Actions
Partages
0
Téléchargements
12
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

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

  1. 1. L’accessibilité au service du référencement naturel<br />18 février 2011<br />
  2. 2. Laurence TEZIER<br />Depuis 2001 en poste chez 1ere position : <br />Agence de référencement naturel, payant et social<br />Formation Accessiweb, en évaluation de site depuis 2006<br />
  3. 3. Sommaire<br />Définition accessibilité <br />A qui sert l’accessibilité<br />Les bénéfices de l'accessibilité <br />Les moteurs de recherche (principes)<br />Les points de l’accessibilité bénéfique pour le Référencement : <br /><ul><li>Pour faciliter le crawl,
  4. 4. Pour faciliter l’analyse par les moteurs et aider le positionnement </li></li></ul><li>Définition<br />L'accessibilité est définie comme :<br />"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).<br /> <br />Vous pouvez tous être en situation de handicap sur internet : <br /><ul><li> Écran défectueux aux contrastes faibles, ou à l’image vacillante
  5. 5. Panne de souris
  6. 6. Équipement sonore inexistant …</li></li></ul><li>Quelques Bénéfices<br />- Allégement du poids des pages => Gain de bande passante<br />- Réduction des coûts de maintenance<br />- Élargissement de l'audience<br />
  7. 7. Quelques bénéfices / Legal And Général<br />Réduction de 75 % dans le délai d’affichage des pages ;<br />66 % d’économie annuelle sur les coûts de maintenance ;<br />90 % d’économie sur le temps nécessaire à la gestion du site Web ;<br />100% de retour sur investissement en 5 mois au lieu de 12, tel qu’initialement prévu.<br />95% d'augmentation sur la vente en ligne d'assurance-vie<br />13000 visiteurs supplémentaires chaque mois, dû à la compatibilité du site sur différents navigateurs (y compris Pda, Smartphone)<br />Augmentation de 30% du trafic en provenance du référencement naturel<br />
  8. 8. Moteurs de recherche<br />© Google <br />
  9. 9. Portrait Robot !<br />Les robots des moteurs sont capables d’absorber un grand nombre d’informations, cependant ces robots ont quelques petits problèmes de santé !<br />Cécité totale :<br />Pas d’images<br />Pas de vidéos<br />Lecture linéaire de droite à gauche et de haut en bas. <br />Une surdité avancée <br />Aucune compréhension des contenus audio<br />Des problèmes locomoteurs conséquents :<br />Pas de membres supérieurs pour utiliser un périphérique de pointage (souris, ou tablette), ni pour utiliser un clavier !<br />Des restrictions matériel lourdes :<br />Ne supporte pas l’exécution logiciel =>Pas de JavaScript, <br />une faible compatibilité avec PDF<br />Le premier utilisateur en situation de handicap et celui qui va vous drainer du trafic !<br />
  10. 10. Faciliter l’indexation, le crawl des moteurs<br />Générer un code propre, utilisant les bonnes balises, pas de balises dépréciées (font, embed, b, etc.), au bon endroit<br />Séparer le fond de la forme<br />Éviter de passer l’information par l’image<br />Éviter Javascript sur des éléments essentiels pour l’accès à l’information<br />Pas de Frames<br />Bannir les sites full flash (à moins de le faire en surcouche)<br />Demander de L’AJAX accessible !<br />Poids des pages allégé = rapidité de chargement pour les internautes<br />Gain de bande passante<br />Facilité de maintenance<br />Interopérabilité sur les différents navigateurs<br />Faciliter/permettre l’accès à l’information pour les utilisateurs, et les moteurs <br />
  11. 11. Permettre l’analyse /aider le positionnement<br />Ne passer pas l’information textuelle par l’image, <br />Donner des alternatives explicites aux images suivant la fonction de l'image, et le contexte de la page. <br />Les alternatives aux images de décoration doivent restées vides<br />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.<br />Insérer des alternatives textuelles superflues et/ou détourner l'attribut de sa fonction première n'est pas correct pour l'utilisateur.<br />Bénéfices utilisateurs: <br />Maintient des informations, ou fonction de l’image<br />Bénéfices moteurs : <br />plus de poids aux mots clés utilisés pour définir l’alternative.<br />Une possibilité d’intégrer les résultats de la recherche universelle,<br />
  12. 12. Permettre l’analyse /aider le positionnement<br />Éviter les cadres qui ne sont pas de bonnes portes d’entrées sur votre site. <br />En accessibilité : <br />Donner à chaque cadre un titre pertinent<br />Bénéfice utilisateurs:<br />Permettre l’orientation de l’utilisateur sur les jeux de cadres<br />Les moteurs n’indexent pas correctement les cadres et prennent en considération chaque cadre indépendamment des autres. <br />Que fera un utilisateurs qui entrera sur le cadre du menu tout seul sans autres informations ????<br />
  13. 13. Permettre l’analyse /aider le positionnement<br />Lorsque vous affichez des vidéos, donnez leur une transcription textuelle<br />De même pour les fichiers audios<br />Faites en sorte que vos contenus multimédia soit consultables sous une forme textuelle.<br />Bénéfice utilisateurs / Moteurs :<br />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. <br />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.<br />
  14. 14. Permettre l’analyse /aider le positionnement<br />Créer des tableaux de données avec un résumé et un titre <br />Ces deux éléments sont du contenu, et le contenu est bon pour les moteurs. <br />Pour les tableaux de mise en page veillez à ce que l’information soit bien restituée (éviter l’imbrication excessive)<br />Bénéfices Utilisateurs<br />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.<br />Bénéfices moteurs <br />Le résumé et le titre du tableaux sont des éléments textuels. Le texte est bon pour les moteurs.<br />
  15. 15. Permettre l’analyse /aider le positionnement<br />Utiliser des liens HTML, avec des libellés de liens explicites. <br />Éviter d’utiliser le même libellé pour plusieurs pages de destination,<br />Veiller à ce que chaque libellé de lien identique pointe vers la même page de destination. <br />Si vous utilisez l’attribut titre de lien, veillez à ce que celui-ci soit nécessaire et pertinent<br /><a href=" le-lien.html ">mon libellé pertinent et explicite.</a><br /><a href="javascript:myJsFunc()">monlibellé de lien</a> <br />Bénéfices utilisateurs :<br />Permettre la navigation, et indiquer le contenu de la page liée sans avoir à l’ouvrir. <br />Bénéfices moteurs :<br />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<br />
  16. 16. Permettre l’analyse /aider le positionnement<br />
  17. 17. Permettre l’analyse /aider le positionnement<br />Lorsque vous utilisez les scripts veillez à donner une alternative (si nécessaire)<br />Évitez les menus de navigation faisant appel à un script pour sa construction<br />Définir un type de document et son code associé,<br />Définir une langue par défaut sur chaque page web (HTML lang)<br />Définir sur chaque page, un titre pertinent définissant le contenu de celle-ci.<br />Utiliser les balises pour leur fonction, et non pour un aspect graphique, de présentation<br />Expliciter vos abréviations et acronymes<br />Rédiger vos contenus à l’aide de mots simples, éviter le jargon professionnel.<br />
  18. 18. Permettre l’analyse /aider le positionnement<br />Bénéfices utilisateurs<br />Maintenir l’accès a l’information lors de l’utilisation de script, sur toutes les pages, <br />Permettre aux aides vocales d’adopter la bonne énonciation des mots et le bon accent<br />Permettre de comprendre et d’expliciter les abréviations<br />Contenu accessible a tout niveau de lecture, de capacité intellectuelle<br />Bénéfices moteur : <br />Permettre l’indexation de tout les contenus, en accélérant la récolte d’information, <br />La langue permet de classifier rapidement la cible francophone etc.<br />Le titre est très important pour le positionnement du site, <br />Les balises permettent aux moteurs de hiérarchiser l’information <br />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 !<br />
  19. 19. Permettre l’analyse /aider le positionnement<br />Insérer une page plan du site pertinente,<br />Insérer un fil d’Ariane<br />Veiller à ce que votre contenu soit compréhensible, une fois les feuilles de styles désactivées.<br />Bénéfices utilisateurs :<br />Le plan permet de se repérer sur le site et comprendre rapidement l’organisation de celui-ci<br />Le fil d’Ariane permet également un repérage dans l’arborescence (toutes les pages sont des portes d’entrées à partir des moteurs). <br />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. <br />Bénéfices moteurs : <br />Le plan permet de faciliter le crawl, bien qu’aujourd’hui les moteurs utilisent également les flux xml pour ce faire (sitemaps)<br />Le fil d’Ariane, permet d’avoir une occurrence de plus en terme de mots clés, puisque ce fil reprend la navigation. <br />Le contenu sans CSS ni image se rapproche de la vue d’un moteur, l’information doit donc être présente et logique.<br />
  20. 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 !<br />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 <br />Du coté référencement, il y a également de nombreux autres points à prendre en compte avant de côtoyer la 1ere-position ;-)<br />
  21. 21. Merci pour votre présence et votre écoute !<br />http://www.chambe-carnet.com<br />Laurence.tezier@1ere-position.fr<br />www.1ere-position.fr<br />

×