* * * * *

Abonnez-vous !

Innovablog, Le Web où l’Innovation ordinaire : design, ergonomie, interfaces riches, web 2.0, eCommerce,…

  • A propos de l’auteur
  • Archives
  • Contacts
  • 12
    mai 08

    Accessibilité, ergonomie : Google donne ses précos



    Sur le Webmaster Central Blog, Google nous proposes les bonnes pratiques de design de pages web pour un contenu accessible, crawlable et indexable (Design patterns for accessible, crawlable and indexable content). L’article mérite de s’y pencher quelques instants. Je vous en propose une traduction (article original par ).


    Creative Commons License photo credit: youngdoo

    ——-

    Voici quelques recommandations de conception pour la création de contenu web qui reste utilisable par le plus large public possible tout en aidant à assurer que le contenu soit indexé et explorés.

    Évitez les faux XMLHttpRequests

    Les pages qui permettent aux utilisateurs de chercher de l’information utilisent souvent XMLHttpRequests pour enrichir la page avec des informations supplémentaires après son chargement. En utilisant ce modèle, assurez-vous que votre première page a des informations utiles à ce sujet - sans quoi le robot Googlebot ainsi que les utilisateurs qui ont désactivé les scripts dans leur navigateur pourraient croire que votre site ne contient que le message “Chargement… / Loading…

    CSS sprites et liens de navigation

    Proposer un texte significaif avec les liens de navigation est tout aussi important pour le robot Googlebot que pour les utilisateurs qui ne peuvent pas percevoir le sens d’une image. Lors de la conception de l’apparence (look and feel) des liens de navigation sur votre site, vous pourriez avoir fait le choix des images qui fonctionnent comme des liens, par exemple, en mettant des balises <img> dans des éléments <a>. Cette conception vous permet de placer des textes descriptifs via l’attribut alt sur la balise <img>.

    Mais que faire si vous avez utilisé les CSS sprites pour optimiser les temps de chargement de la page ? Il est toujours possible d’inclure le très importante texte descriptif lors de l’utilisation des sprites CSS. Pour une solution possible, regardez comment le logo Google et les différents liens nav au bas de la page de résultats Google sont codés. En bref, nous avons placé le texte descriptif juste au dessous de l’image CSS.

    Content with CSS

    Résultats de recherche Google avec CSS

    Content without CSS

    Résultats de recherche Google sans CSS ( image “Google” perdue, lien descriptif “Google” qui reste)

    Utilisez un JavaScript non-obstrusif (unobtrusive JavaScript)

    Nous avons parlé de la notion d’amélioration progressive lors de la création d’un site riche et interactif. Lorsque vous ajoutez des fonctionnalités, utilisez également des techniques de JavaScript non-obstrusif permettant de créer pages Web convenables en mode dégradé. Ces techniques veillent à ce que le contenu de votre site reste accessible par le plus grand nombre possible d’utilisateurs sans qu’il soit nécessaire de sacrifier les fonctions les plus interactives des applications Web 2.0.

    Rendez facilement accessibles des versions imprimables (printer-friendly)

    Les sites Web proposant des design graphiques interactifs fournissent souvent l’ensemble du contenu dans une version imprimable. Générée à partir du même contenu que la version interactive, il s’agit d’une excellente source de contenus de grande qualité tant pour le robot Googlebot ainsi que les usagers malvoyants qui ne peuvent faire l’expérience de toutes les fonctions interactives d’un tel site Web. Mais trop souvent, ces versions imprimables restent cachées derrière des liens de la forme :

    <a href="#" onclick="javascript:print(...)">Print</a>

    Créer de réelles URL de ces versions imprimables et les lier entre elles par des ancres HTML sera améliorera grandement la qualité du contenu qui est exploré.

    <a href="http://example.com/page1-printer-friendly.html" target="_blank"> Imprimer </a>

    Si vous êtes particulièrement préoccupés par un contenu en double (duplicate content) entre les versions interactive et imprimables, vous pouvez choisir une version préférée du contenu et soumettre un plan Sitemap contenant l’URL préférée tout en essayant de lui lier cette version. Cela peut aider Google régler l’ambiguïté s’il constate des morceaux de l’article apparaissant sur différentes URL.

    Créez des URL de votre contenu utile

    En tant que webmaster, vous avez le pouvoir de créer les URL de tous les contenus utiles que vous publiez. L’exercice de ce pouvoir est ce qui fait tourner le Web. Créer des URL pour chaque contenu de valeur vous publiez, et les lier entre eux par l’intermédiaire de de liens en pure HTML veillera à ce que :

    • Googlebot apprend l’existence de ce contenu,
    • Les utilisateurs peuvent trouver ce contenu,
    • Et les utilisateurs peuvent l’ajouter à leurs favoris pour y revenir plus tard.

    Le fait de ne pas le faire force souvent vos utilisateurs à se rappeler des séries de clics complexes pour atteindre ces informations qu’ils savent qu’ils ont précédemment vu sur votre site.

    Cet article vous a plu ? Ne perdez plus aucune info : abonnez-vous gratuitement !

    A vous de jouer ! Laissez un commentaire :

    XHTML: Vous pouvez utiliser ces tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

    Innovablog motorisé par WordPress
    Theme Wordpress par Olivier Favre
    Site Map
    RSS Feed
    Contenu intégralement sous licence Creative Commons