Propriété intellectuelle

Ce contenu est déposé intégralement sous licence Creative Commons de type BY-NC-SA :

• Paternité
• Pas d'utilisation commerciale
• Partage des conditions initiales à l'identique 2.5 Canada

2011. Certains droits réservés - Conditions d'utilisation
http://creativecommons.org/licenses/by-nc-sa/2.5/ca/deed.fr_CA

Permalien
http://www.accessibiliteweb.com/presentations/2011/seocamp/

Conférencier

Denis Boudreau

• 10 ans d'expérience en accessibilité du Web
• Président, Coopérative AccessibilitéWeb
• Co-rédacteur des standards SGQRI 008
• Expert invité, W3C
  • Education and Outreach Working Group (EOWG-WG)
  • HTML5 Accessibility TaskForce (HTML5-a11y TF)

Au pays des licornes et des arc-en-ciels...

Indexation 101

Google...

1. est aveugle et ne comprend que le texte,
2. n'utilise jamais de souris,
3. se fie à la structure du contenu,
4. déteste les rafraîchissements automatiques,
5. apprécie les navigations efficaces,
6. adore les vrais en-têtes de section,
7. a besoin de liens faisant sens hors contexte.

Du texte, du texte, encore du texte...

Google est aveugle

• Ne comprend que le texte
• N'indexe pas le contenu non textuel
• Préfère le texte à l'image, la vidéo ou l'audio
• Est friand d'équivalents textuels

À bas les souris!

Google n'utilise pas de souris

• Ne navigue qu'au clavier
• Est indépendant des périphériques
• Ne peut indexer ce qui dépend de la souris
• Conseille de tester avec le navigateur Lynx
• Peine avec les « pseudos-liens » JavaScript

Une information structurée

Google se fie à la structure du contenu

• Doit comprendre l'organisation de la page
• Veut connaître les sujets traités dans la page
• Utilise ces informations pour son indexation

Non aux rafraîchissements!

Google les déteste

• L'empêchent d'atteindre, donc d'indexer le contenu
• Conseille de les éviter dans la mesure du possible

Z'êtes perdu, m'sieur ?

Google doit se repérer

• A besoin d'une navigation claire et intuitive
• Recherche des mécanismes cohérents
• Apprécie une structure sémantique

Un titre, s'il-vous-plaît!

Google adore les vrais en-têtes de section

• En retire les informations les plus significatives
• Permet de déterminer le sujet de la page

Cliquer ici ? Où ça ?

Google recherche des hyperliens significatifs

• Détermine la réputation de chaque page
• Permet de comprendre où pointent les liens
• Récompense par de meilleures performances

Qu'en dit Google ?

Une meilleure indexation

"Why should you take the time to make your site more accessible? In addition to the service you’ll be doing for the visually-impaired community, accessible sites are more easily crawled, which is a first step in your site’s ability to appear in search results."

T.V. Raman, Google Research Scientist,
Official Google Webmaster Central Blog

Considérer l'accessibilité

"Not all users may have JavaScript enabled in their browsers. In addition, technologies such as Flash and ActiveX may not render well (or at all) in every browser. We recommend following our guidelines for using Flash and other rich media, and testing your site in a text-only browser such as Lynx. As a bonus, providing text-only alternatives to rich-media content and functionality will make it easier for search engines to crawl and index your site, and also make your site more accessible to users who use alternative technologies such as screenreaders."

Browser compatibility
Google Webmasters/Site Owners Help Pages

Contenus non-textuels: images

"Use the alt attribute to provide descriptive text. In addition, we recommend using a human-readable caption and descriptive text around the image."

Hidden text and links
Google Webmasters/Site Owners Help Pages

Contenus non-textuels : JavaScript

"Place the same content from the Javascript in a no script tag. If you use this method, ensure the contents are exactly same as what is contained in the Javascript and that this content is shown to visitors who do not have Javascript enabled in their browser."

Hidden text and links
Google Webmasters/Site Owners Help Pages

Contenus non-textuels : vidéos

"Include descriptive text about the video in HTML. You might also consider providing transcripts."

Hidden text and links
Google Webmasters/Site Owners Help Pages

Dépendance à JavaScript

"When you’re designing your AJAX site, think about the needs of your users, including those who may not be using a JavaScript-capable browser (for example, people who use screen readers or mobile devices). One of the easiest ways to test your site’s accessibility is to preview it in your browser with JavaScript turned off, or to view it in a text-only browser such as Lynx. Viewing a site as text-only can also help you identify other content which may be hard for Googlebot to see."

AJAX
Google Webmasters/Site Owners Help Pages

L'utilisation des iFrames

"Avoid iFrames – or link to their content separately."

AJAX
Google Webmasters/Site Owners Help Pages

Amélioration progressive

"If you’re starting from scratch, a good approach is to build your site’s structure and navigation using only HTML. Then, once you have the site’s pages, links, and content in place, you can spice up the appearance and interface with AJAX. Googlebot will be happy looking at the HTML, while users with modern browsers can enjoy your AJAX bonuses. When creating your links, format them so they’ll offer a static link as well as calling a JavaScript function. That way you’ll have the AJAX functionality for JavaScript users, while non-JavaScript users can ignore the script and follow the link... using HTML links remains a strong way to help us (as well as other search engines, mobile devices and users) better understand your site’s structure."

AJAX
Google Webmasters/Site Owners Help Pages

Bonnes pratiques générales

Un maximum de contenu, un minimum de cruft (m*rde)

• Appliquer les recommandations d'accessibilité du W3C
• Privilégier un balisage simple, sémantique et efficace
• Séparer structure, présentation et comportement
• Viser la production de fichiers ultra-légers
• Un balisage structuré facilite le travail de Google

Quelques ressources pour démarrer

Références

• The Ultimate SEO Guide
• SEO and Accessibility Overlap

Conclusion

Questions ou commentaires?

Merci de votre attention!

Permalien
http://www.accessibiliteweb.com/presentations/2011/seocamp/