SEO et accessibilité : boostez votre UX

L'importance d'avoir un site Web accessible

De nombreuses activités se déroulent dans les espaces en ligne : apprentissage, achats, opérations bancaires et prise de rendez-vous. Il est essentiel que les environnements numériques soient aussi accessibles que les environnements physiques. Lorsque votre site est optimisé pour les technologies d'assistance et les modes d'interaction alternatifs, vous élargissez votre portée sur le marché, ouvrez votre entreprise à tous, et faites preuve d'inclusivité et d'équité.

Les entreprises doivent assurer « la jouissance pleine et égale » de leurs biens, services, privilèges et avantages, conformément au titre III de l’Americans with Disabilities Act (ADA). Le ministère américain de la Justice interprète cela comme incluant les services proposés sur Internet.

Il existe un risque croissant de poursuites judiciaires contre les entreprises dont les sites ne sont pas conformes à l'ADA. Il y a eu 3 255 poursuites en matière d’accessibilité des sites Web ADA Title III devant un tribunal fédéral américain en 2022, soit une augmentation par rapport aux 814 cas de 2017.

L'accessibilité affecte-t-elle le référencement ?

Lorsque vous mettez en œuvre des fonctionnalités d'accessibilité qui permettent aux personnes handicapées d'interagir avec votre site Web, vous aidez les moteurs de recherche à mieux comprendre votre site et à l'indexer avec plus de précision.

Les normes de l'industrie en matière d'accessibilité des sites Web sont définies dans les directives pour l'accessibilité du contenu Web (WCAG), publiées par le World Wide Web Consortium (W3C). Les spécialistes du marketing SEO peuvent utiliser ce guide pour aborder des éléments techniques tels que le contraste des couleurs, le texte alternatif de l'image et la navigation, créant ainsi une expérience en ligne équitable pour tous, quelles que soient leurs capacités.

L'accessibilité est-elle un facteur de classement ?

L'accessibilité d'un site Web n'est pas un facteur de classement direct dans les moteurs de recherche. Cependant, les sites optimisés pour tous les utilisateurs sont plus susceptibles de s'aligner sur les facteurs de classement de Google et d'apparaître plus haut dans les résultats de recherche.

De nombreuses fonctionnalités d'accessibilité sont liées au référencement, telles que les plans de site XML et HTML, la lisibilité, le sous-titrage vidéo et Core Web Vitals. Plus vous pouvez satisfaire d'éléments, meilleur est le classement de votre site.

Par exemple, un site doté de Core Web Vitals sains se charge et se stabilise rapidement et répond rapidement aux interactions des utilisateurs pour une expérience optimale. L’essentiel ? Google encourage les développeurs à créer des produits accessibles. Il est donc important de suivre l'exemple du géant de la recherche.

Façons d’intégrer l’accessibilité et le référencement

Dans cette section suivante, je mettrai en évidence quelques stratégies d'accessibilité SEO qui peuvent rendre votre site plus utile pour les personnes handicapées et les moteurs de recherche.

Conception de sites Web et UX

Google prend de plus en plus en compte l'expérience utilisateur dans ses classements, donc un site avec un référencement accessible a de meilleures chances d'être bien classé. Vous réduirez le taux de rebond et encouragerez l'engagement des visiteurs si les utilisateurs handicapés peuvent interagir de manière transparente avec votre site.

Améliorer la conception du site en :

• Garder les éléments du site simples.
• Éviter le chargement lent des images, des interstitiels et du contenu clignotant.
• Offrant un contraste de couleurs élevé et un type et une taille de police faciles à lire.
• Aligner le texte à gauche.
• Création d'une architecture de site logique et d'une navigation intuitive.
• Utiliser des titres descriptifs et clairs.
• Éviter la couleur comme moyen de mettre en valeur les informations.
• Fournir des moyens alternatifs de naviguer sur un site et de consommer du contenu.

Plans de site XML et HTML

Un plan du site fournit un lien vers chaque page d'un site Web et donne aux moteurs de recherche un aperçu général de la façon dont le contenu est organisé pour l'exploration et l'indexation. Les plans de site offrent également une méthode de navigation alternative importante pour les utilisateurs handicapés, leur permettant de numériser et de localiser rapidement les pages Web pertinentes à partir d'un seul endroit.

Organisez votre plan de site par section et sous-section pour afficher la hiérarchie du site et révisez-le chaque fois qu'une page est ajoutée, déplacée ou supprimée pour vous assurer qu'il n'y a pas de liens morts ou de pages manquantes.

La navigation

Un site facile à naviguer est essentiel pour l'accessibilité, car les utilisateurs peuvent être frustrés s'ils ne parviennent pas à trouver ou à accéder au contenu avec des appareils d'assistance. La navigation a également un impact sur le référencement car les moteurs de recherche suivent les liens pour découvrir et indexer de nouvelles pages.

Pour optimiser l'architecture de votre site :

• Placez la navigation dans des endroits familiers là où les utilisateurs les attendent.
• Utilisez des étiquettes significatives qui indiquent clairement où les liens vous mènent.
• Fournissez des options de navigation au clavier pour ceux qui ne peuvent pas utiliser de souris.
• Ajoutez des liens de section sur les pages contenant beaucoup de contenu pour une navigation plus rapide.
• Assurez-vous que les liens sont suffisamment grands pour que les utilisateurs puissent facilement cliquer dessus.
• Testez la navigation pour identifier les problèmes avant de lancer le site.
• Assurez-vous que l’ordre des onglets est correctement défini.

Chapelure

La navigation par fil d'Ariane est une navigation spécifique à une page qui apparaît horizontalement en haut d'une page. Il montre où se situe une page par rapport aux pages parentes et est utile pour orienter les utilisateurs vers des sites complexes, en particulier ceux qui accèdent à une page de catégorie via la recherche au lieu de la page d'accueil. Les utilisateurs peuvent également accéder rapidement aux pages supérieures dans la hiérarchie directement à partir de la page.

À des fins de référencement, le fil d’Ariane montre aux moteurs de recherche comment les pages sont liées. Les pages parents peuvent également partager l'équité des liens avec une page enfant via le lien interne, contribuant ainsi à améliorer l'autorité de classement.

Pour une navigation efficace dans le fil d'Ariane :

• Utilisez des séparateurs visuels dans votre fil d'Ariane, comme une barre oblique ou un signe supérieur à. Ajoutez le fil d'Ariane à l'aide de CSS afin que les lecteurs d'écran n'annoncent pas le séparateur visuel.
• Implémentez des données structurées pour que le fil d'Ariane apparaisse dans les résultats de recherche. Cela indique aux chercheurs où ils atterriront sur un site s'ils cliquent sur un extrait.

Titres de pages

Les titres de page résument l’objectif ou le contenu d’une page Web. Ils apparaissent souvent comme :

• Liens cliquables dans les résultats des moteurs de recherche.
• Noms des onglets ouverts dans une barre de navigateur.
• Titres par défaut des pages marquées.
• Titres du bloc d'images cliquables dans les liens des réseaux sociaux.

Les moteurs de recherche utilisent des balises de titre HTML pour comprendre de quoi parle une page à des fins d'indexation. Les lecteurs d'écran annonceront les titres des pages pour aider les utilisateurs à trouver une page pertinente ou à savoir quelle page ils utilisent.

Pour optimiser une balise de titre pour le référencement d'accessibilité, créez un titre de page utile qui :

• Décrit avec précision la page.
• Incorpore naturellement votre mot-clé cible.
• Il comporte entre 50 et 60 caractères.
• Oblige les utilisateurs à cliquer.

Rubriques

Les balises d'en-tête sont un élément standard du référencement sur la page utilisé pour organiser le texte en sections afin d'améliorer la lisibilité. Chaque en-tête signale le début d'un nouveau sujet ou sous-thème.

Les technologies d'assistance utilisent des titres pour diriger les utilisateurs directement vers la section souhaitée, ce qui est plus facile que de lire une page Web entière pour glaner des informations spécifiques. Les moteurs de recherche utilisent des titres pour comprendre le contenu qui suit chaque en-tête afin de mieux correspondre aux requêtes.

Pour optimiser les rubriques pour l’accessibilité SEO :

• Utilisez des balises HTML appropriées pour que les technologies d'assistance puissent les lire.
• Assurez-vous que chaque en-tête décrit avec précision le contenu de la section.
• Nidez les niveaux d'en-tête dans l'ordre dans les sections, alors ne passez pas d'un H3 à un H5.

Texte alternatif

Le texte alternatif est une description écrite d’une image en ligne qui remplace l’image. Ils aident les personnes malvoyantes ou malvoyantes à comprendre une image et fournissent des informations à tous les utilisateurs si les images se chargent lentement ou sont manquantes. Comme les moteurs de recherche ne peuvent pas explorer les images, les balises alt sont importantes à des fins de référencement pour relayer le sujet d'une image à des fins d'indexation.

Voici quelques éléments à prendre en compte lors de la rédaction d’un texte alternatif :

• Il n'est pas nécessaire d'inclure « Ceci est une image de » dans votre description car les lecteurs d'écran l'annoncent automatiquement.
• Écrivez une phrase complète et donnez vie à l’image. Au lieu d'utiliser « crème glacée » pour le texte alternatif, essayez : « Main tenant un cornet gaufré avec deux boules de glace à la fraise ».
• Rendez le texte alternatif pertinent par rapport au contenu de la page et réfléchissez à ce qu'une personne veut savoir dans le contexte du sujet.
• Si les images ont une fonction, décrivez l’action plutôt que l’image. Par exemple, si un logo Nike renvoie à un produit Nike que vous vendez, le texte alternatif doit transmettre cette information plutôt que de mentionner « logo Nike ».
• Incorporez naturellement des mots-clés. Le bourrage de mots clés apparaît comme du spam.
• Pour les images complexes telles que des graphiques, créez un lien vers des descriptions détaillées.
• Pour les images décoratives ou pour éviter de répéter des légendes détaillées à l'écran, utilisez des attributs alt vides afin que les lecteurs d'écran les ignorent.

Métadonnées

Les métadonnées, telles qu'une méta description, n'apparaissent pas sur une page Web publiée, mais aident les moteurs de recherche et les utilisateurs à comprendre l'objectif et le contenu d'une page.

Les méta descriptions apparaissent dans les SERP sous le titre de la page et sont importantes pour l'accessibilité. Les lecteurs d'écran les lisent à haute voix pour aider les utilisateurs à décider si la page répond à leurs besoins avant de cliquer. Ils améliorent également le référencement en donnant aux moteurs de recherche un aperçu de la pertinence des pages afin qu'ils puissent faire correspondre le contenu aux requêtes appropriées, réduisant ainsi le taux de rebond.

Méta descriptions efficaces :

• Décrire avec précision le contenu d'une page.
• Sont clairs et faciles à comprendre s’ils sont lus à haute voix.
• Incluez un mot-clé principal.
• Contenir moins de 160 caractères.
• Contenez un appel à l’action et obligez les utilisateurs à cliquer.

Convivialité mobile

Plus de la moitié du trafic Web mondial provient d’appareils mobiles. Google explore d'abord la version mobile de tous les nouveaux sites Web, ce qui signifie que votre site doit être accessible et optimisé pour les smartphones, tablettes et autres appareils.

Pour vous assurer que votre site est adapté aux mobiles :

• Utilisez une conception réactive qui s'adapte à différentes tailles d'écran.
• Formatez le contenu afin que les lecteurs puissent le parcourir ou le lire facilement.
• Gardez votre site simple et propre, sans interstitiels intrusifs.
• Optimisez la vitesse du site afin qu'il se charge rapidement pour les utilisateurs en déplacement.
• Ciblez des mots-clés spécifiques pour la recherche vocale.

Légendes et transcriptions vidéo

Le contenu vidéo gagne en popularité, mais les diffusions en direct, les webinaires, les interviews et les démonstrations visuelles de produits peuvent s'avérer difficiles à la fois pour les utilisateurs sourds ou malentendants et pour les moteurs de recherche, à moins que vous ne fournissiez des sous-titres et des transcriptions.

Les sous-titres à l’écran constituent une alternative textuelle à l’audio pour les utilisateurs sourds ou malentendants. Certaines personnes préfèrent également les sous-titres lorsqu'elles se trouvent dans un environnement bruyant ou lorsqu'elles ne veulent pas déranger les autres. Bien que YouTube propose un sous-titrage vidéo automatique, vous devez modifier les sous-titres pour plus de précision afin d'offrir la meilleure expérience utilisateur.

Les transcriptions complètes offrent une alternative textuelle aux parties parlées des vidéos (et sont idéales pour le référencement vidéo). Vous devez les publier sur la même page qu'une vidéo ou sur une page séparée avec un lien. Les lecteurs d'écran peuvent lire les transcriptions plus rapidement que les sous-titres vidéo. Certains utilisateurs peuvent également préférer parcourir une transcription plutôt que de regarder une vidéo ou de rechercher dans une transcription un terme particulier.

Étant donné que les moteurs de recherche ne peuvent pas explorer le contenu vidéo, les transcriptions fournissent des informations précieuses pour l'indexation. Modifiez les transcriptions pour supprimer les éléments conversationnels tels que « euh » et « ah » afin qu'elles soient plus faciles à lire.

Texte d'ancrage

Le texte d'ancrage est un texte cliquable qui indique aux utilisateurs et aux moteurs de recherche où un lien les mène. Les moteurs de recherche utilisent un texte d'ancrage pour comprendre le contenu autour du lien et sur la page de destination. Un texte d'ancrage précis est également important pour les utilisateurs handicapés afin qu'ils ne cliquent pas inutilement sur d'autres pages qui ne répondent pas à leurs besoins.

Rédigez un texte d'ancrage concis et précis afin que les utilisateurs sachent à quoi s'attendre lorsqu'ils suivent le lien. Cela signifie éviter les formulations génériques telles que « cliquez ici » ou l'utilisation d'une URL comme texte d'ancrage.

Étant donné que certains utilisateurs équipés de lecteurs d'écran analyseront une page à la recherche de liens, un bon test pour savoir si votre texte d'ancrage est accessible consiste à voir s'il est compris s'il est lu seul à haute voix.

Lisibilité

La lisibilité fait référence à la facilité avec laquelle un élément de contenu est à consommer. Une page avec une lisibilité élevée engage les utilisateurs et les maintient sur votre site plus longtemps. Il est également plus facilement compris par les moteurs de recherche qui tentent de faire correspondre le contenu aux requêtes des utilisateurs.

Vous pouvez améliorer la lisibilité pour le référencement et l’accessibilité en :

• Regrouper le contenu en morceaux avec des en-têtes clairs afin que les informations soient faciles à trouver.
• Supprimer la verbosité et choisir un langage simple et convaincant.
• Utiliser la voix active pour un style d’écriture plus direct.
• Utilisation de listes numérotées ou à puces pour la numérisation.
• Écrire pour les lecteurs et éviter le bourrage de mots clés.

Outils de test d'accessibilité

Il existe de nombreux outils gratuits et payants qui peuvent vous donner une idée de l’accessibilité de votre site. J'en ai énuméré quelques-uns ci-dessous pour vous aider à démarrer.

accèsScan

accessScan fournit une analyse détaillée de la façon dont votre site se compare en termes d'éléments cliquables, de titres, de menus, d'orientation, de graphiques, de formulaires et de lisibilité. Cet outil gratuit analyse un domaine et vous indique si votre site répond à diverses normes d'accessibilité, avec des détails sur les éléments que vous n'avez pas respectés. Vous pouvez télécharger les informations sous forme de rapport PDF.

Vérificateur d'accessibilité

Accessibility Checker vérifie la conformité des sites Web en fonction de la législation en matière d'accessibilité dans certains pays. Il fournit un score de conformité global, une liste de problèmes urgents et secondaires et des solutions. L'outil gratuit peut être utilisé sur des pages Web individuelles, mais vous devrez effectuer une mise à niveau pour numériser plusieurs pages à la fois.

Outil d'évaluation de l'accessibilité du Web (WAVE)

Développé par WebAIM, cet outil teste les pages Web pour les problèmes d'accessibilité conformément aux directives WCAG 2.1. Vous pouvez accéder directement au site Web de WAVE et saisir une URL pour voir une visualisation des erreurs. L'outil superpose des icônes sur votre page Web pour vous montrer où se trouvent les problèmes. WAVE est également disponible en tant qu'extension de navigateur afin que vous puissiez tester directement dans Chrome, Firefox et Edge.

Obtenez de l'aide pour unifier le référencement et l'accessibilité dès aujourd'hui

Au lieu d’aborder l’accessibilité après coup, combinez-la avec le référencement pour rationaliser les efforts d’optimisation de votre site Web. Notre équipe chez Victorious peut vous aider à élaborer des stratégies puissantes combinant à la fois accessibilité et référencement, créant ainsi un site Web utile et sans obstacle qui atteint le public le plus large possible. Contactez nous aujourd'hui pour une consultation gratuite.