accessibilité et seo - sébastien delorme - seo campus 2010

34
Concilier accessibilité et SEO Sébastien Delorme – Atalan – 20 février 2010 – SEO Campus 2010

Upload: seo-camp

Post on 29-Nov-2014

2.161 views

Category:

Technology


2 download

DESCRIPTION

Accessibilité et SEOConférence de Sébastien Delorme, chargé de mission accessibilité numérique ATALANhttp://www.seo-campus.org/programme/samedi

TRANSCRIPT

  • 1. Concilier accessibilit et SEO Sbastien Delorme Atalan 20 fvrier 2010 SEO Campus 2010
  • 2. Sbastien Delorme Atalan Expert et consultant en accessibilit numrique (mais absolument pas en SEO)
  • 3. Chane de production Web
  • 4. Et vous ?
  • 5. Natural search engine traffic saw a 25% increase, eventually growing to 50%. "Significant improvement" in Google rankings "for all target keywords" Legal & General Group (L&G), 2007 Source : http://www.w3.org/WAI/bcase/legal-and-general-case-study
  • 6. De quoi ont-ils besoin ?
  • 7. Classer ? Lire ! Comprendre ? Noter ? De quoi ont-ils besoin ?
  • 8. Lire ! De quoi ont-ils besoin ?
  • 9. coutons
  • 10. Nuire laccessibilit
  • 11. 1.1. proposer des quivalents textuels tout contenu non textuel [] quivalents textuels
  • 12. 1.1. proposer des quivalents textuels tout contenu non textuel [] Utilisez l'attribut alt pour fournir un texte descriptif. Nous vous recommandons galement d'utiliser un texte descriptif et une lgende lisibles par les visiteurs pour vos images. Texte descriptif
  • 13.

    Lgende

    HMTL 5 : figure, alternative, lgende, ? http://dev.w3.org/html5/markup/figcaption.html#figcaption
  • 14. 1.4.5. si les technologies utilises peuvent raliser la prsentation visuelle, du texte est utilis pour vhiculer l'information plutt que du texte sous forme d'image Texte mis en forme
  • 15. 1.4.5. si les technologies utilises peuvent raliser la prsentation visuelle, du texte est utilis pour vhiculer l'information plutt que du texte sous forme d'image Pour prsenter les lments les plus importants de votre site (noms, contenu, liens, etc.), utilisez du texte plutt que des lments graphiques. Texte mis en forme
  • 16. 1.2. proposer des versions de remplacement aux mdias temporels Transcripts, sous-titres,
  • 17. 1.2. proposer des versions de remplacement aux mdias temporels Insrez le texte dcrivant le contenu de vos vidos dans le code HTML. Vous pouvez galement fournir des transcriptions de vos vidos. Transcripts, sous-titres,
  • 18. 30% increase in traffic from Google after CNET started providing transcripts We saw a significant increase in SEO referrals when we launched an HTML version of our site, the major component of which was our transcripts. Justin Eckhouse, CNET, 2009 Source : http://www.w3.org/WAI/bcase/resources.html
  • 19. Comprendre ? De quoi ont-ils besoin ?
  • 20. 2.4.2. les pages Web prsentent un titre qui dcrit leur sujet ou leur but. Tout est dans le titre !
  • 21. 2.4.2. les pages Web prsentent un titre qui dcrit leur sujet ou leur but. Assurez-vous que le texte associ [ la balise] est descriptif et pertinent.. Tout est dans le titre !
  • 22. 1.3.1. l'information, la structure et les relations vhicules par la prsentation peuvent tre dtermines par un programme informatique [] 2.4.6. les en-ttes et les tiquettes dcrivent le sujet ou le but 2.4.10. les en-ttes de section sont utiliss pour organiser le contenu Structurer linformation
  • 23. Si votre site contient du texte ou des liens cachs, il risque d'tre considr comme peu fiable, car il prsente aux moteurs de recherche un contenu diffrent de celui destin aux visiteurs. Nuire au rfrencement
  • 24. Classer ? Noter ? De quoi ont-ils besoin ?
  • 25. 2.4.4. la fonction de chaque lien est dtermine par le texte du lien seul ou par le texte du lien associ un contexte du lien dtermin par un programme informatique 2.4.9. un mcanisme permet de dterminer la fonction de chaque lien par le texte du lien uniquement Liens
  • 26. 2.4.4. la fonction de chaque lien est dtermine par le texte du lien seul ou par le texte du lien associ un contexte du lien dtermin par un programme informatique 2.4.9. un mcanisme permet de dterminer la fonction de chaque lien par le texte du lien uniquement crez des liens texte pertinents Liens
  • 27. Si certaines fonctionnalits (JavaScript, [] ou contenus Flash) vous empchent 4.1. optimiser la compatibilit avec les d'afficher la totalit de votre site dans un agents utilisateurs actuels et futurs, y navigateur texte, il est possible que les compris les technologies d'assistance. robots rencontrent des difficults similaires lors de leur exploration. Bien dautres exemples
  • 28. G63: Fournir un crez un plan de site plan de site Bien dautres exemples
  • 29. Perspectives
  • 30. Tenez compte de laccessibilit Google Webmasters/Site Owners Help Pages Accessibility Improving Search Engine Optimization W3C Web Accessibility Initiative
  • 31. Rfrencer les contenus vido en les rendant plus accessibles
  • 32. Amliorer laccessibilit des PDF en ajoutant de la smantique (utilisable par les moteurs de recherche ?)
  • 33. Rgles pour l'accessibilit des contenus Web (WCAG) 2.0 http://www.w3.org/Translations/WCAG20-fr/ Google, consignes aux webmasters http://www.google.com/support/webmasters/bin/answer.py?answer=35769 Google, textes et liens cachs http://www.google.com/support/webmasters/bin/answer.py?answer=66353 Google, importance of link architecture http://googlewebmastercentral.blogspot.com/2008/10/importance-of-link-architecture.html Sources W3C et Google
  • 34. Sbastien Delorme Consultant accessibilit numrique [email protected] www.atalan.fr www.ideance.net www.tentatives-accessibles.eu www.planete-accessibilite.com Crdits photos Toutes les photos utilises pour cette prsentation sont sous licence Creative Commons et diffuses sur Flickr. Merci : Astrid Photography, boltron, Don Solo, mr p, p-d, Steve Webel, Thomas Hawk, urbangarden, _teb.