• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Seo accessibilite
 

Seo accessibilite

on

  • 697 views

Participation à un panel intitulé « Est-ce que c’est vrai que ci, que ça ? » pour lancer la journée du SEO camp à Montréal. L’objectif de ce support matériel était d’établir les ...

Participation à un panel intitulé « Est-ce que c’est vrai que ci, que ça ? » pour lancer la journée du SEO camp à Montréal. L’objectif de ce support matériel était d’établir les rapports de correspondance existants entre les pratiques d’optimisation pour les moteurs de recherche (SEO) et l’accessibilité du Web.

Statistics

Views

Total Views
697
Views on SlideShare
697
Embed Views
0

Actions

Likes
0
Downloads
5
Comments
1

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

11 of 1 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • SEO et accessibilité du Web, des pratiques complémentaires ?

    SEO Camp 2011

    11 avril 2011 - Montréal
    Propriété intellectuelle

    Creative Commons.

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

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

    Une cohérence très claire avec l'accessibilité du Web!

    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

    Recommandations d'accessibilité (WCAG 2.0)

    1.1 : Les équivalents textuels
    1.2 : Sous-titrage et autres alternatives au multimédia
    1.4.5 : Texte sous forme d'image

    À 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

    Recommandations d'accessibilité (WCAG 2.0)

    2.1 : Accessibilité au clavier

    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

    Recommandations d'accessibilité (WCAG 2.0)

    1.3.1 : L'information, la structure et les relations véhiculées par la présentation peuvent être déterminées programmatiquement ou sont disponibles en texte
    2.4.6 : Les en-têtes de section et les étiquettes décrivent le sujet ou le but
    2.4.10 : Les en-têtes de section sont utilisés pour organiser le contenu

    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

    Recommandations d'accessibilité (WCAG 2.0)

    2.2 : Laisser à l'utilisateur suffisamment de temps pour lire et utiliser le contenu

    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

    Recommandations d'accessibilité (WCAG 2.0)

    2.4 : Fournir à l'utilisateur des éléments d'orientation pour naviguer, trouver le contenu et se situer dans le site

    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

    Recommandations d'accessibilité (WCAG 2.0)

    2.4.2 : Les pages Web présentent un titre qui décrit leur sujet ou leur but

    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

    Recommandations d'accessibilité (WCAG 2.0)

    2.4.9 : Un mécanisme permet de déterminer la fonction de chaque lien par le texte du lien uniquement, sauf si la fonction du lien est ambiguë pour tout utilisateur

    Qu'en dit Google ?

    Vieilles femmes qui placottent sur une balcon.

    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!

    Denis Boudreau,
    Président

    Coopérative AccessibilitéWeb
    1751 rue Richardson, bureau 6111
    Montréal (Québec), Canada H3K 1G6
    Téléphone : 1 (877) 315-5550

    Courriel : info@accessibiliteweb.com
    Web : www.accessibiliteweb.com
    Blogue : www.accessiblogue.com
    Twitter : @AccessibiliteWb / @dboudreau

    Permalien
    http://www.accessibiliteweb.com/presentations/2011/seocamp/
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Seo accessibilite Seo accessibilite Presentation Transcript