SEO et accessibilité : SEO technique

Les opinions de l’auteur sont entièrement les siennes (à l’exception de l’événement improbable de l’hypnose) et peuvent ne pas toujours refléter les vues de Moz.Nous espérons que vous avez apprécié cette série sur le référencement et l’accessibilité. Dans le dernier volet, Cooper vous montre comment les stratégies de référencement technique que vous implémentez sur votre site peuvent aider à le rendre plus perceptible, exploitable, compréhensible et robuste.Cliquez sur l’image du tableau blanc ci-dessus pour ouvrir une version plus grande dans un nouvel onglet !

Transcription vidéo

Hé, fans de Moz. Bienvenue dans la dernière édition de Whiteboard Friday. Je suis Cooper Hollmaier. Je fais du SEO depuis 2016, et aujourd’hui je travaille pour un grand détaillant de plein air en aidant notre stratégie de référencement technique à prendre vie. Merci beaucoup d’avoir assisté à cette série sur le référencement et l’accessibilité. J’espère que vous avez acquis une perspective large et de nouveaux trucs et astuces pour créer du contenu qui non seulement résonne avec votre public, fonctionne bien dans la recherche, mais est également accessible à un plus grand nombre de personnes. Aujourd’hui, nous allons parler de SEO technique et d’accessibilité.

SEO technique et accessibilité

Allons-y. La dernière fois, nous avons parlé des directives d’accessibilité du contenu Web, et vous vous souviendrez peut-être que les quatre principes de WCAG sont perceptibles, utilisables, compréhensibles et robustes.

Perceptible

En tant que SEO technique, vous êtes probablement le plus concerné par le perceptible car vos opérations quotidiennes, votre flux de travail quotidien consistent à vous assurer que les pages, le contenu, les expériences que vous créez sont accessibles à la recherche. moteurs et perceptible par les moteurs de recherche. Souvent, lorsque nous passons par des recommandations SEO ou des audits SEO, j’entends beaucoup de thèmes communs, comme la balise d’en-tête est intégrée à l’image et donc un moteur de recherche ne peut pas la voir, ou le contenu que je produis est visible par les robots mais non visible par les gens. Ce sont des problèmes de perception au niveau de base. Je veux que vous preniez cet état d’esprit et considérez si vous l’appliquez également à l’ensemble de votre public. Est-ce que tous vos employés qui espèrent s’engager avec votre service, votre produit ou votre expérience peuvent-ils percevoir tout ce que vous avez à offrir à un niveau de base? 1. Styles Certaines choses que vous pourriez penser seraient similaires à ce que vous verriez dans cet audit, comme : Est-ce que tout mon texte sur la page est visible? Est-ce du texte actif? Est-il natif de la page, puis-je le sélectionner et le copier et le coller, ou est-il intégré à l’image et inaccessible par la technologie d’assistance ou les navigateurs, etc. Vous pensez peut-être aussi : la couleur contraste-t-elle avec mon arrière-plan et mon texte, est-ce le bon contraste? Y a-t-il suffisamment de clarté et de netteté entre mes éléments de mise en page? Si les choses semblent un peu floues ou qu’il n’est pas tout à fait clair que quelque chose est accessible à un moteur de recherche et à un utilisateur, retournez à la planche à dessin et trouvez comment faire en sorte que ces deux choses fonctionnent correctement. 2. Rich media Nous aimons également ajouter des images, du texte, de la vidéo et de l’audio aux pages que nous créons pour nos clients. Il est important que ces éléments riches, maintenant que nous avons dépassé le texte de base et les éléments de style, les éléments riches que nous mettons sur la page soient également perceptibles par tous vos utilisateurs. Il y a plusieurs choses que nous pouvons faire pour y arriver. Pour les images, leur donner une alternative textuelle et leur fournir quelque chose qui s’ajoute à ces images l’aidera à être vue par un lecteur d’écran et comprise par une personne ayant une déficience visuelle. Le fait de nommer les choses avec des noms conviviaux par rapport à « DSC1352.JPEG » va aider les moteurs de recherche ainsi que les technologies d’assistance à voir cette image et à comprendre de quoi il s’agit. Contexte sur la page, il est également important que vous mettiez des images sur des pages qui ajoutent de la valeur. Vous voulez éclairer un utilisateur avec du contenu supplémentaire pour lui donner un peu plus de sentiment ou lui donner un peu plus de contexte sur ce dont vous parlez. Ajoutez des images pour la valeur, pas seulement pour apparaître dans la recherche d’images Google. Et la vidéo? La vidéo est donc un peu différente. La vidéo a une série d’images en mouvement. Donc, chaque fois que je pense au mouvement, je me dis: « Comment puis-je m’assurer que si un utilisateur veut arrêter ce mouvement, il le peut? » Avoir des commandes de lecture claires est crucial lorsque nous parlons d’accessibilité ainsi que d’avoir une excellente expérience de lecteur vidéo pour tout utilisateur. En outre, des équivalents synchrones pour ces alternatives textuelles. Nous avons parlé d’images ayant des alternatives textuelles. Les vidéos doivent également avoir des alternatives textuelles, mais elles doivent être synchronisées avec cette vidéo. Sinon, ils n’auront pas de sens dans le contexte. Ensuite, assurez-vous qu’ils se distinguent. C’est la même chose entre la vidéo et l’audio. Nous voulons nous assurer que le premier plan et l’arrière-plan se distinguent facilement l’un de l’autre. Si votre vidéo semble boueuse, si votre audio semble boueux et qu’il me faut tendre l’oreille ou me fatiguer les yeux pour pouvoir voir ce contenu et comprendre ce qui se passe, vous devez être un peu plus net, un peu plus clair sur ces deux distinctions. Puis les transcriptions textuelles. Tout comme vous avez besoin de sous-titres codés pour les vidéos, pour l’audio, vous voulez avoir une transcription de texte, donc si je suis peut-être dans un endroit bruyant et que je n’entends pas l’audio ou que je n’ai pas mon casque branché ou si j’avais besoin pour utiliser la technologie d’assistance, je peux accéder à cet audio. Ce sont toutes des choses que vous verrez lorsque vous examinerez le code en tant que référencement technique et dont vous devriez être conscient. Si vous n’avez pas ces choses en cours, sur votre site Web, je vous autoriserais à poser ces questions, les questions difficiles comme : Hé, y a-t-il une alternative textuelle à cette image? Comment une personne ayant une déficience visuelle, comment une personne ayant une déficience auditive accédera-t-elle à ces choses? 3. Structure de la page Trois et quatre concernent la structure de la page et le HTML sémantique. Donc, c’est un peu moins à propos de ce qui est perceptible et est-ce un peu compréhensible. C’est en quelque sorte effleurer le compréhensible, mais cela devrait aussi être un peu une question de perception. Avoir un tas de H1 sur une page, comme vous pouvez l’imaginer, un moteur de recherche peut sembler très confus, non? Ils sont comme, d’accord, il y a un tas de H1 sur cette page. Je ne sais pas vraiment de quoi parle cette page. Ajouter une structure et des en-têtes en cascade pour signifier les relations parent-enfant aidera votre contenu à être un peu plus perceptible. Il sera plus facile de comprendre ce qui se passe. 4. HTML sémantique Même chose avec le HTML sémantique. Nous avons tendance à mettre beaucoup de divs, de span et d’éléments non identifiables dans notre HTML. Mais en les marquant de manière plus appropriée, afin que nous comprenions leur signification, comprenons ce que ces balises contiennent, qu’il s’agisse de navigation, de formulaires ou de tableaux, fournir cette couche supplémentaire d’informations et de compréhensibilité permettra aux moteurs de recherche et aux technologies d’assistance. pour être en mesure d’analyser ces éléments, de leur permettre de percevoir les éléments que vous mettez sur votre page qui sont différents les uns des autres et de fournir une expérience plus riche.

Opérable

Ensuite, les fils d’Ariane me permettent d’analyser de haut en bas le particulier, disons qu’il s’agit d’une page de recherche de produit sur un site Web de commerce électronique sans avoir à revenir au menu, puis à analyser à nouveau chaque élément de menu. Ces deux éléments sont donc très importants pour la navigation, mais aussi surtout pour les personnes qui naviguent avec un clavier et utilisent des technologies d’assistance. 3. Développer le clavier en premier Ensuite, une chose non-SEO mais néanmoins importante et pertinente, développez d’abord votre site Web et votre clavier d’expérience. Tout le monde n’a pas une souris ou la capacité d’utiliser une souris en raison d’un handicap de mouvement ou en raison d’une déficience ou en raison d’un manque de technologie ou de matériel. Assurez-vous donc de développer d’abord le clavier, et vous allez en quelque sorte encapsuler plus de personnes que vous cherchez à encapsuler avec votre public.

Compréhensible

2

Robuste

vous aurez une bien meilleure expérience et tout votre bâtiment sera plus digeste Mais merci beaucoup d’avoir écouté Whiteboard Friday et l’accessibilité ainsi que le référencement. J’espère que vous prendrez cela et que vous deviendrez de plus en plus inclusif dans la façon dont vous ferez le référencement à l’avenir.

Ressources

Tags: ,