Comment améliorer l'accessibilité et le référencement de votre site Web

Trouver l'endroit où l'accessibilité et le référencement coexistent avec bonheur

Ce n'est pas un mythe - il existe certains domaines où le référencement et l'accessibilité peuvent se recouper. Crédits: Unsplash

L'optimisation des moteurs de recherche (SEO) et l'accessibilité des sites Web ne sont pas la même chose. Il existe différentes règles à suivre, différents publics à cibler et différentes façons de tester l'efficacité de chacun.

L'optimisation de votre site Web pour les robots des moteurs de recherche ne signifie pas qu'il sera également accessible automatiquement aux personnes réelles. Certaines pratiques de référencement peuvent même nuire à l'accessibilité de votre site Web.

Cependant, ce ne sont pas toutes de mauvaises nouvelles, il y a des domaines où les deux mondes se chevauchent. Si vous avez un budget et / ou un calendrier limité pour un projet, le ciblage de ces six domaines * peut simultanément améliorer le référencement et l'accessibilité du site Web.

* Remarque: cet article se concentre sur les zones de chevauchement. Chaque tâche spécifique dans chaque domaine ci-dessous peut cibler davantage le référencement, certaines tâches peuvent cibler davantage l'accessibilité.

Attention: le barbu hipster pizza vous traquera et vous forcera à boire un breuvage artisanal qu'il a fait dans sa baignoire, si vous sous-estimez l'importance de l'interface utilisateur pour le référencement et l'accessibilité du site Web. Crédits: Unsplash

Questions de structure

Ne sous-estimez pas la puissance d'une bonne interface utilisateur (UI). Les sites Web avec des interfaces utilisateur propres, claires et cohérentes sont particulièrement utiles pour les robots des moteurs de recherche et les personnes utilisant des appareils de technologie d'assistance ou qui utilisent uniquement un clavier. Pensez-y - si un utilisateur ou un bot ne peut pas trouver une page, comment peut-il éventuellement la lire ou interagir avec elle? Vous devez simplifier au maximum la recherche de pages et l'interaction avec le site Web.

Les meilleures pratiques

  • Construisez votre navigation et votre mise en page de manière claire et cohérente, et disposez de plusieurs façons de trouver du contenu (ex. Recherche, plan du site, table des matières). Les robots des moteurs de recherche, comme une architecture de site Web bien organisée, les amènent à indexer votre contenu de manière plus significative.
  • Si votre site Web est difficile à naviguer ou à utiliser, cela peut affecter les statistiques analytiques de vos utilisateurs, notamment le temps passé sur un site Web, les pages consultées et le taux de rebond. Cela peut, à son tour, nuire à votre classement SEO. À tout le moins, cela irritera vos utilisateurs.
  • Évitez d'utiliser CSS ou d'autres balises stylistiques pour transmettre du sens. Vous ne devez jamais «simuler» un élément qui devrait utiliser à la place un balisage HTML.
  • Le cas échéant, utilisez des éléments de page HTML 5 accessibles, tels que
    ,
    ,
    ,
    . Ces éléments sont plus descriptifs pour les robots des moteurs de recherche et les appareils de technologie d'assistance que les éléments
    ou

    simples.

Tags, tags, tags partout. Étiquettes d'emballage faites à la main de différentes tailles et couleurs. Crédits: Unsplash

Utilisation appropriée des étiquettes

Le contenu de votre site Web peut être essentiellement réduit au balisage HTML, y compris les balises utilisées pour les en-têtes de votre page (à ne pas confondre avec les balises

). La navigation dans les balises

et

peut donner à un utilisateur ou un moteur de recherche un aperçu d'une page et de la façon dont son contenu est structuré tandis que les balises

à

permettent de comprendre rapidement les détails de chaque section. . Il est important pour l'accessibilité du site Web et le référencement d'obtenir ces bonnes balises.

Les meilleures pratiques

  • Gardez les balises de titre cohérentes et ne stylisez pas seulement le texte pour donner l'apparence visuelle des titres - utilisez des balises de titre réelles. Sinon, les robots des moteurs de recherche et les utilisateurs ne sauront pas quel contenu est le plus important.
  • Les balises de titre doivent être en ordre. Cela signifie qu'un

    est suivi d'un

    , un

    est suivi d'un

    ou

    et ainsi de suite.

  • Évitez de sauter les balises de titre lorsque vous descendez dans l'ordre sur une page de site Web. Par exemple, ne sautez pas d'un

    à un

    . Remarque: il est possible de sauter les balises de titre lorsque vous montez dans l'ordre (
    à

    ), si vous commencez une nouvelle section de page.

  • Il est préférable de n'avoir qu'un

    par page. Considérez les balises

    comme essentiellement des «balises de titre de deuxième page» qui envoient un signal de pertinence aux robots des moteurs de recherche.

La pratique rend parfait. L'athlète repose des chaussures Adidas blanches sur une clôture grillagée. Crédits: Unsplash

Perfectionnez vos liens

Les liens peuvent créer ou casser un site Web à la fois pour les robots des moteurs de recherche et pour les personnes utilisant des appareils de technologie d'assistance, comme des lecteurs d'écran. Après avoir examiné les en-têtes de page, les liens sont le prochain élément majeur que les utilisateurs et les robots d'exploration prennent le plus souvent en compte, il est donc essentiel que vos liens soient aussi parfaits que possible.

Les meilleures pratiques

  • Assurez-vous que vous n'avez aucun lien rompu. Cela peut être considéré comme le signe d'un site Web négligé ou abandonné pour le référencement. C'est également une mauvaise pratique d'accessibilité du site Web qui peut frustrer / confondre vos utilisateurs.
  • Utilisez des liens internes de type balisage, mais n'en faites pas trop. Selon Yoast.com: «il améliore votre référencement en reliant un élément de contenu à un autre, et plus spécifiquement un groupe de publications les uns aux autres.» Il permet également aux utilisateurs d'accéder facilement à un contenu similaire en un seul clic.
  • Fournissez un texte de lien descriptif. Évitez d'utiliser des expressions comme cliquez ici et lisez plus. Si vous préférez utiliser ces expressions, vous pouvez les conserver * si * vous ajoutez des informations de lien supplémentaires en utilisant des méthodes visuellement masquées ou ARIA.
  • Ignorez l'ajout d'attributs de titre descriptifs à vos liens (ce texte qui apparaît lorsque vous survolez un lien). Il n'est pas nécessairement faux d'ajouter des titres de lien, mais ce n'est sans doute pas très utile pour le référencement ou l'accessibilité du site Web.
Dites

Optimisation d'image

Même si les robots des moteurs de recherche et les personnes utilisant des lecteurs d'écran ne peuvent pas «voir» au sens traditionnel, les deux s'appuient sur des noms d'images et des textes alternatifs pour leur dire ce que l'image représente. La mise en place de ces éléments est essentielle à la fois pour compléter le contenu environnant et pour l'expérience utilisateur globale.

Les meilleures pratiques

  • Soyez aussi cohérent et précis que possible lorsque vous nommez vos images. Par exemple, ne nommez pas votre fichier brown-puppy.jpg pour une photo d'un chat tabby orange.
  • Évitez d'utiliser des caractères non alpha (ex. 7,%, &, $) et utilisez des tirets entre les mots, plutôt que des traits de soulignement dans les noms de vos images ou du texte alternatif. Par exemple, écrivez orange-tabby-cat.jpg et non 0r @ nge_t @ 66y_c @ t! .Jpg
  • Gardez votre texte alternatif à moins de 125 caractères. Si vous avez besoin de plus de caractères, utilisez le texte de la légende ou décrivez davantage l'image dans la zone de texte principale de la page.
  • Écrivez un texte alternatif comme un humain et non un robot. Le bourrage de mots clés ne profite à personne - les personnes utilisant un lecteur d'écran seront ennuyées et les robots des moteurs de recherche vous pénaliseront. Ne le fais pas.
Faites travailler vos médias pour les robots et les humains. Gros plan du tourne-disque tourne. Crédits: Unsplash

Complétez vos médias

Les personnes ayant une déficience visuelle (ex. Troubles épileptiques, aveugles), des déficiences auditives (ex. Sourds, malentendants), des handicaps situationnels / temporaires, des personnes ayant des connexions à faible bande passante, et bien d'autres peuvent grandement bénéficier des médias qui sont affichés dans un environnement accessible façon. De même, les robots des moteurs de recherche sont «désactivés» en ce sens qu'ils n'ont pas les yeux, les oreilles ou les mains, c'est donc un domaine où le référencement et l'accessibilité du site Web se chevauchent décemment.

Les meilleures pratiques

  • Moins est plus. Limitez autant que possible l'utilisation de composants multimédias complexes (par exemple, diaporamas, vidéos) dans votre conception. Aucune crainte… il existe des options de mise en page alternatives.
  • Ajoutez des descriptions de texte et un balisage clairs, complets et concis aux supports essentiels. Réfléchissez à deux fois avant de conserver des supports non essentiels.
  • Toutes les vidéos et diaporamas doivent avoir un bouton de lecture / pause s'il avance automatiquement, mais ne démarrez jamais automatiquement. Idéalement, tous les contrôles multimédias devraient être accessibles.
  • Fournissez d'autres moyens d'accéder à vos médias. Par exemple, ayez des transcriptions et / ou des légendes pour les vidéos; créer une transcription pour un fichier audio uniquement; ajoutez un fichier au format braille à votre support. Il existe de nombreux types de formats alternatifs disponibles pour votre usage.
Le contenu est roi. Conteneur de lettres d'imprimerie de presse d'imprimerie de différentes tailles et familles de polices. Crédits: Unsplash

Désencombrez votre contenu

Enfin et surtout, après avoir abordé la structure globale de votre site Web, les balises de titre, les liens, les images et les autres médias, la prochaine étape consiste à se concentrer sur le contenu réel. Étant donné que chaque site Web est un flocon de neige unique, le contenu du site Web varie considérablement d'un site Web à l'autre. Ce qui fonctionne pour certains utilisateurs sur certains sites Web peut ne pas fonctionner pour vous et votre site. La clé est d'écrire le meilleur contenu possible et de garder le mantra de création de contenu de Google à l'esprit:

"Réfléchissez à ce qui rend votre site Web unique, précieux ou attrayant. Faites en sorte que votre site Web se démarque des autres dans votre domaine. »

Les meilleures pratiques

  • Limitez la longueur de chaque paragraphe à environ trois phrases et ciblez un niveau de lecture conforme à votre public. Idéalement, à la fois pour l'accessibilité du site Web et à des fins de référencement, vous devriez viser le niveau 9.
  • N'utilisez pas de balises grasses et italiques pour surligner des mots, utilisez plutôt des mots forts et accentués. Visuellement, ils se ressembleront, mais les lecteurs d'écran (dans le bon mode) mettront l'accent sur les mots entourés de balises et alors qu'ils ignoreront complètement ou modifieront légèrement les balises et .
  • Ne dupliquez pas votre contenu. Les robots des moteurs de recherche vous remarqueront et vous pénaliseront. Vos utilisateurs seront simplement confus.
  • Les puces et les listes numérotées aident à diviser votre contenu pour les lecteurs, le rendant plus convivial. Bonus: certaines recherches indiquent que les robots des moteurs de recherche préfèrent le contenu avec des puces et des chiffres plutôt que du texte brut.

❤ Si vous avez aimé cet article, montrez votre soutien en cliquant sur l'icône clap (autant de fois que vous le souhaitez), en partageant l'histoire sur les réseaux sociaux et en me suivant sur Medium ou Twitter! Merci et bonne lecture❤

Cette histoire est publiée dans The Startup, la plus grande publication sur l'entrepreneuriat de Medium, suivie par 273 971+ personnes.

Abonnez-vous pour recevoir nos meilleures histoires ici.