13 bonnes pratiques à respecter pour un site rapide, bien référencé et accessible.

13 bonnes pratiques à respecter pour un site rapide, bien référencé et accessible.

Je vous présente dans cet article 13 conseils facile à mettre en place, venant d’experts reconnus en la matière, pour rendre votre site accessible au plus grand nombre.

Quand on a un site web, on le veut rapide, bien référencé, lisible sur tous les supports et capable d’atteindre nos objectifs.

Mais tout cela est plus facile à dire qu’à faire!

La matière est nombreuse et on ne sait pas toujours pas où commencer pour rendre son site internet efficace. Heureusement pour vous, j’ai récemment fait l’acquisition d’un document rassemblant 217 bonnes pratiques à suivre, et j’ai décidé de les partager avec vous.

Pas dans sa totalité bien sûr, ce serait un peu long!

Ces conseils ont été écrits par des experts en la matière, je vous en dis plus à la fin de l’article.

Ma sélection de 13 conseils pour avoir un site mieux optimisé

Design

  • Oubliez les lecteurs automatiques, les sons et les vidéos doivent être lancés par l’utilisateur
  • Pensez à mentionner les champs obligatoires dans vos formulaires
  • Le soulignement est réservé aux liens hypertextes (même si un lien n’est pas exclusivement souligné).
  • Les liens sont visuellement différents du restant du contenu.
  • Le nom du site ou de l’auteur est indiqué sur chaque page.
  • La charte graphique est cohérente sur l’ensemble du site.

Contenu

Navigation

  • L’utilisateur est averti de l’ouverture de nouvelles fenêtres

Référencement

  • Chaque image est dotée d’un texte alternatif décrivant son contenu ou son rôle.
  • Le contenu des pages est organisé de façon hiérarchique au moyen de titres et de sous-titres.
  • Le titre de chaque page permet d’identifier son contenu.

Qui sont les auteurs ?

Ces conseils et 204 autres se trouvent dans le mémento « Site Web – les bonnes pratiques », co-écrit par Elie Sloïm et les contributeurs d’Opquast

Du fait de sa forme très concise, ce mémento n’est pas à considérer comme une référence de fond, mais plutôt comme une « checklist » à avoir sous le coude pour tracer une ligne directrice lorsque vous auditez vous-même votre site.

Mais pour entrer dans les détails de chaque point, il vous faudra aller sur leur site web, où un complément d’information vous est donné.

Si le format vous importe guère, pas besoin de sortir le porte-monnaie: tout le contenu est en ligne en licence créatives common.

Sur le mémento, un code est attribué à chaque « bonne pratique » afin de retrouver facilement la fiche web correspondante. Je ne regrette pas d’avoir acheté ce mémento, je le trouve bien plus facile à parcourir que le site, et muni d’informations complémentaires.

Et la suite ?

Je pense me servir de ce mémento pour auditer mon propre site et vous faire un compte rendu détaillé. Cet exercice me motivera à me pencher sur certains points que je ne maîtrise pas encore, et sera très bénéfique à la fois pour mon blog et pour mes compétences professionnelles.

D’ailleurs, si l’expérience vous tente, je pourrais proposer un audit par mois gratuit sur mon blog. Ce serait un bon moyen pour moi de poursuivre l’exercice (très formateur) de l’audit, et pour vous une belle occasion d’avoir un oeil professionnel sur votre site.

Qui serait intéressé?

Image: FreeDigitalPhotos.net

bonnes pratiques seo, optimiser mon site internet, référencer mon site internet, rendre mon site accessible, rendre mon site plus rapide

A propos de MarieEve Louvel

Depuis 3 ans, je partage mes connaissances sur ce blog, pour les entrepreneurs désireux de créer leur site vitrine et/ou leur blog professionnel avec WordPress. Mon expérience professionnelle va de l'accompagnement à la formation, en passant par de la création de site ou de logiciel. Retrouvez mes cours en ligne sur mon site FeelWeb Formation [http://feelwebformation.com]

35 commentaires

  1. Coucou Marie-Eve,
    je suis ravie de constater que je met en place plusieurs de ces points… Certains sont tout de même à approfondir. Par contre je ne comprends pas « L’étiquette des labels de formulaire indique si le champ est obligatoire. » : peux-tu m’expliquer ce qu’est l’étiquette des labels stp ??

    Répondre
    • Salut michaella
      L’etiquette c’est tout simplement le mot placé devant le champ. J’ai listé les recommandations de niveau 1 soit les plus basiques. Mais il y a encore bcp a faire pour les niveaux 2 et 3 (sur mon blog en tout cas).

      Répondre
      • OK daki, merci :)
        moi aussi j’ai du travail pour les niveaux 2 et 3 O_o

  2. Bonjour, merci de vos conseils;
    J’apprends pas trés rapidement et comprend aisément votre manque de disponibilité pour « les boulets » comme moi!!!
    Bon j’ai écris un E-BOOK… et maintenant que vais je en faire ?
    Sil vous plait donnez moi des conseils…
    MERCI et cordialement

    PS grace à vous j’ai changé la présentation de mon blog!!!!

    Répondre
    • Je n’ai jamais pensé que vous étiez un boulet. Je sais que votre mail est dans la liste de ceux a qui je dois répondre. Pas de soucis, ma réponse va venir. :)
      Amicalement

      Répondre
  3. Salut Marie,

    Merci pour cet article sur les 13 conseils pour rendre son site efficace.

    Par contre j’aurais bien voulu que tu rentres plus en profondeur, mais si tu tires ces conseils d’un livre.

    Cela allait vraiment agréable pour les débutants, parce que je ne pense par que quelqu’un qui vient de découvrir internet et ton article pourrait comprendre ce que tu as dit au niveau du référencement.

    Cordialement,

    Yves Kouyo

    Répondre
    • Bonjour Yves,

      Oui je n’ai fait que survolé le sujet. Je n’ai pas beaucoup de temps en ce moment, et l’idée de cet article était plus de vous présenter cet outil, à savoir, le « que faire ».

      J’exposerai le « comment faire » ultérieurement, mais merci pour la demande de précision.

      A+
      Marie-EVE (j’y tiens à mon EVE)

      Répondre
  4. Si tu veux tu peux faire un audit sur mon site, il n’y a pas de soucis.

    ++

    Répondre
  5. erf, qualité de 4/10 pour mon site…
    pas fameux tout ça,,,
    Jvé approfondir tout ça

    Merci pour le lien :)

    Répondre
    • Salut Florian,
      Au moins tu sais sur quoi bosser 😉 Bon courage!

      Répondre
  6. Hello Marie-Eve,

    Le référencement est le nerf de la guerre pour un webmaster, qu’il s’agisse de gérer un blog ou un site plus « professionnel » ! **

    ** Pour ma part, je « rame » encore sur ce point important du référencement par manque de compétences sans doute (y’a tant d’applications à apprendre au début de la création d’un site, que les choses se mettent tout douuuucemment en place, en tout cas pour moi ! ! Mais l’important n’est-il pas de persévérer ?

    Ces conseils (comme d’autres) sont à placer dans la « boite à outils » du parfait administrateur Web. Merci pour ça !

    Pour le conseil « trois » : « Le soulignement est réservé aux liens hypertextes », ça c’est une surprise ! (?) sur ce point je suis un mauvais élève, vu que je souligne sans doute trop certains passages de mes textes ! Bon je vais remonter les manches !

    Ton choix du chiffre « 13 » est-ce ton numéro fétiche Marie- « EVE » <— lol ! ***

    ***"P'tit clin d'oeil à Yves, que je salue !

    A bientôt !

    Jean-Lou

    Répondre
    • Salut Jean-Lou,
      j’avoue que j’aime bien le 13, mais non mon chiffre préféré est le 3, au coude à coude avec le 9.

      Bon courage, ne désespère pas, il me semble que ton blog est apprécié, ce serait dommage! 😉

      A ++

      Répondre
      • Bonjour Marie-Ève,

        Merci pour ta réponse !

        T’en fais pas, je garde le cap et la détermination ! J’avoue, j’ai un « petit succès » qui monte, qui monte…

        Alors pour mes lecteurs et lectrices…et pour bibi, je vais de l’avant !

        En tout cas, Merci pour tes encouragements ! J’apprécie !

        A ++

        Jean-Lou

        PS: 9 + 3 = 12 (à un point point près tu étais encore avec la somme de 13) décidément ! lol !

  7. Bonjour Marie-Ève,

    Tout d’abord, je tiens à te féliciter pour le travail accompli jusqu’ici et t’encourage à continuer à nous donner plein d’infos utiles et pertinentes sur la façon de faire évoluer son blog, je visite ton blog régulièrement et je trouve toujours des infos intéressantes.

    Cet article permet de mesurer l’importance de chaque détail à intégrer sur son blog, même si je trouve que certain conseil son parfois « excessif » et que je n’applique pas toujours certain principe pourtant évident…

    Qui sait, en appliquant ces conseils à la lettre peu être que j’aurai la chance d’avoir un blog parfait 😉

    Répondre
    • Bonjour David,

      Certains points peuvent paraître excessifs, mais parmi ces 13 points, très peu le sont. Par contre, sur les plus de 200 recommandations, il y a un peu de zèle…en tout cas pour un site à petit budget.

      Répondre
  8. 13 conseils très utile pou ravoir un site propre prêt à décoller. Je pense qu’un site bien fait que respecte au moins les normes de basique que les moteurs de recherche imposent et un peu d’ergonomie pour que le navigateur se sens plus a l’aise sera un facteur déterminant de la popularité de site. Le reste sera une tache difficile mais faisable, le offsite.

    Bonchance les webmasters et référenceur.

    Répondre
  9. Evitez les sites d’une hauteur astronomique aussi, l’internaute moyen ne sait pas faire défiler une page, d’ailleurs si google à supprimé la boite de recherche du bas de page c’est que personne ne la trouvait…
    Sur mac c’est devenu l’enfer depuis qu’apple a supprimé les barres d’ascenceurs sur les fenêtres, comment les gens sont ils sensés savoir qu’il y a du contenu plus bas ? Seuls les geeks font l’effort d’imagination qu’il y a une suite en bas de page…

    Répondre
    • Bonjour Patricia,

       » l’internaute moyen ne sait pas faire défiler une page » >> bien que cette phase m’ait fait sursautée, je vais dans ton sens aussi…malheureusement, il est vrai que beaucoup d’internautes ne pensent pas à faire défiler la page. D’où la notion de « ligne de flottaison. ». Qui connaît ?

      Je ne savais pas cette « amélioration » propre à Mac: ne pas mettre les ascenseurs. Voilà qui va révolutionner le web (en faisant en sorte que personne n’y comprenne plus rien)!

      Répondre
      • Vous qui avez l’air de bien vous y connaitre, est ce vous sauriez faire une sorte de plugin qui affiche une sorte d’onglet en bas de page qui dirai « Il y a du texte plus bas, cliquez ici pour le voir » ? ( je ne sait pas si j’ai bien exprimé mon idée ), mais à titre d’exemple regardez sur http://www.audiobank.fm , un peu comme l’onglet « any problems » en bas a droite, mais qui s’afficherai au milieu de la page en bas, et qui permettra de faire défiler sans utiliser l’ascenceur ? ( je ne sais même pas si c’est techniquement possible, je n’ai pas les connaissances nécéssaires )
        Merci !

      • Bonjour Patricia,

        Oui c’est tout à fait possible…et simple à faire. Il s’agit de faire une ancre vers l’élément désiré. Si vous ne savez pas comment faire, restez à l’écoute, je vais en faire un article d’ici quelques jours.

        A bientôt!

  10. Merci Marie-Eve. Décidément, votre site est une mine d’or. Surtout pour moi qui débute. J’adore aussi les conseils sur les emails. Bon, allez, je vais fouiller tous les conseils sur le dernier et activer les liens..
    A bientôt.

    Répondre
    • Merci Sandra, j’espère que vous trouverez de quoi satisfaire vos attentes. :)

      Répondre
  11. Bonjour Marie-Eve

    J’aime bien lire tes articles… même si je ne comprends pas toujours ce que ça veut dire.

    « Mon blog » et moi :-) débutons sur le net, penses-tu qu’un audit soit quand même possible?

    Merci pour tous tes partages.

    Jocelyne

    Répondre
    • Bonjour Jocelyne,
      Je veux bien le lien de ton site pour y jeter un oeil…et pouvoir te répondre. 😉
      A bientôt!

      Répondre
  12. Merci pour cet article, c’est du bon boulot. Ce sont des choses qui ne sont pas toujours évidentes, surtout pour son propre site. Le mémento (notamment la version en ligne avec les informations supplétementaires) semble très pratique.

    Répondre
  13. Bonjour Marie-Eve,
    merci de ce résumé très résumé du livre que tu as lu. Il est vrai que tu as beaucoup survolé ce que tu disais, sans rentré dans les détails.
    Et donc je dirai que je suis partant pour que tu nous fasses les audios 😉

    Bon travail à toi 😉

    Répondre
  14. Malheureusement le référencement naturel est encore trop souvent considéré comme superflu par de nombreuses personnes qui ne connaissent pas grand chose au web et qui rechignent à faire un investissement supplémentaire dans leur site Internet. C’est pourtant ce qui fait la différence par rapport à d’autres sites, surtout au vu de la concurrence redoutable sur les moteurs de recherche aujourd’hui.

    Répondre
    • Eh oui, mais c’est aussi la chose la plus longue à faire quand on commence son site, il faut le faire régulièrement en faisant les bonnes recherches pour les mots-clefs? OU alors passer son temps sur le web à commenter de-ci de-là.

      Mais c’est là que l’on voit ceux qui sont motivés et vraiment décidé à faire un beau site, et ceux qui ne le sont pas 😉

      Répondre
  15. Bonjour,
    Je suis Elie Sloïm, et je dirige le projet Opquast, d’où sont issues ces bonnes pratiques. Tout d’abord, merci pour ce billet, qui contribue à faire connaître nos travaux.
    Deux compléments d’information :
    – Nous avons également travaillé sur une checklist dédiée spécifiquement au référencement. Voici le lien : https://checklists.opquast.com/seo
    – Un livre sortira prochainement avec (entre autres choses) 217 fiches complètes (une pour chaque bonne pratique).
    A bientôt

    Répondre
    • Bonjour Elie,
      Merci pour ce complément d’information. Je profite de votre passage ici pour vous féliciter pour votre bon travail, vos recommandations sont très utiles.

      Merci de votre visite. :)
      A+
      Marie-Eve

      Répondre
  16. Le référencement est un travail de tous les jours et il n’y a pas de secret plus on travaille, plus on crée de liens, plus les articles sont optimisés et mieux votre site sera classé ! Ca prend du temps mais plus la visibilité est importante plus le résultat est intéressant !

    Répondre
  17. Et oui avoir un site marchand parais simple mais la réalité est complètement différente.
    Pour qu’il soit connu il faut du temps, beaucoup de temps, de l’argent, de la motivation, et surtout de la persévérance… J’y travaille !!!

    J’apprends énormément et surtout je vérifie ce que j’ai déjà mis en place grace a ce type d’article et conclusion il me faut plus de contenu textuel alors à mon stylo

    Merci à vous pour l’article mais aussi à tous ce qui on donner des compléments d’informations.

    Répondre
  18. Bonjour et merci pour cette liste.

    En effet, comme tu le dis, il est important de toujours avoir sous le coude 1 liste des choses à faire ou étapes à suivre, car même si on connait tous les éléments de la liste, on n’est pas à l’abri d’en oublier dans la pratique.

    Le conseil qui retient le plus mon attention en tant que visiteur est le premier, car perso, ça m’énerve quand 1 bande son ou 1 vidéo démarre toute seule. En effet, étant curieux de nature, lorsque je lis 1 article et ses commentaires, je clique au fur et à mesure sur les liens qui me semblent intéressants. Aussi, il est toujours rageant de devoir quitter la page qu’on lit pour aller stopper l’audio ou la vidéo!

    Bonne journée.

    Répondre
  19. Bonjour, Je crois que ce qui me fait le plus fuir, non en fait ce qui me fait fuir systématiquement sans mëme m’intéresser au contenu sont les sons, musique et vidéo lancé automatiquement à l’ouverture de la page. Le pire, cela se faire encore souvent.

    Les pop up (je connais pas le nom exacte en fait) qui souvre et masque le contenu de la page pour nous forcer à cliquer ou s’inscrire à une newsletter sont aussi extrement ennuyeux pour le lecteur. Il faut vraiment que le contenu soit intéressant pour que je reste.

    Répondre
  20. Il faut savoir que les textes alternatifs sur les images sont obligatoire en France, ceci a pour but d’aider les malvoyants à pouvoir mieux comprendre une page web.

    Répondre

Trackbacks/Pingbacks

  1. 13 bonnes pratiques à respecter pour un site rapide, bien référencé et accessible. - Les Doigts dans le Net | Le Numerique nous "bouffe" mais c'est tellement BON | Scoop.it - [...] Ma sélection de 13 bonnes pratiques à respecter pour assurer une ergonomie correcte et un bon référencement de votre…
  2. 13 bonnes pratiques à respecter pour un site rapide, bien référencé et accessible. - Les Doigts dans le Net | Quand la communication passe au web | Scoop.it - [...] Ma sélection de 13 bonnes pratiques à respecter pour assurer une ergonomie correcte et un bon référencement de votre…
  3. 13 bonnes pratiques à respecter pour un site rapide, bien référencé et accessible. - Les Doigts dans le Net | La communication web | Scoop.it - [...] Ma sélection de 13 bonnes pratiques à respecter pour assurer une ergonomie correcte et un bon référencement de votre…
  4. 13 bonnes pratiques à respecter pour un site rapide, bien référencé et accessible. - Les Doigts dans le Net | Communication web professionnelle | Scoop.it - [...] Ma sélection de 13 bonnes pratiques à respecter pour assurer une ergonomie correcte et un bon référencement de votre…
  5. 13 bonnes pratiques à respecter pour un site rapide, bien référencé et accessible. - Les Doigts dans le Net | Le Ecommerce | Scoop.it - [...] Ma sélection de 13 bonnes pratiques à respecter pour assurer une ergonomie correcte et un bon référencement de votre…
  6. Rétrospective 2012 et bonne année 2013 ! - Les Doigts dans le Net - [...] 13 bonnes pratiques à respecter pour un site rapide, bien référencé et accessible [...]

Soumettre un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

This Blog will give regular Commentators DoFollow Status. Implemented from IT Blögg

EmailEmail
PrintPrint