manuboss
De nombreux designers et artistes considèrent que leur métier est avant tout les lois de l’optimisation des moteurs de recherche (SEO). Mais un article publié par le Association pour la Machinerie Informatique suggère qu’environ 95 pour cent des retours négatifs sur un site Web sont liés à des problèmes de conception. On peut dire que le design affecte considérablement la perception des sites Web et, par conséquent, leur classement.
Le vice caché dans la conception de votre site Web
Le temps est venu où les lignes de référencement, de contenu et conception graphique ont convergé. Les trois disciplines qui étaient autrefois conçues pour fonctionner en parallèle travaillent désormais ensemble. Et bien que cela présente de nombreuses opportunités dans votre marketing, cela ouvre également plus de risques de commettre des erreurs qui nuisent à vos efforts de classement. Plusieurs aspects de la conception de votre site Web nécessitent une attention particulière.
Réexaminez votre conception Web et notez ces erreurs :
Ne pas se concentrer sur le mobile
Depuis septembre 2020, Google est en pleine mise à jour. L’un de ces changements est le passage à des sites Web adaptés aux mobiles avec un contenu qui a l’air bien et se charge rapidement sur les écrans mobiles. Pourquoi?
- Le nombre d’utilisateurs accédant à Internet à partir d’un mobile a dépassé les utilisateurs l’utilisant via d’autres appareils en 2018.
- Si votre page se charge après trois secondes, vous êtes confronté à un taux de rebond de 32 %.
Kissmetrics a trouvé quelques problèmes auxquels les utilisateurs mobiles sont confrontés lorsqu’ils accèdent à un site :
- Quarante-sept pour cent des visiteurs s’attendent à un temps de chargement de deux secondes.
- Quarante pour cent partent si le chargement prend plus de trois secondes.
- Soixante-dix-neuf pour cent des visiteurs ne revisitent jamais le site qui a mal fonctionné.
- Si le temps de chargement augmente de 1 %, vous risquez de perdre 16 % du trafic.
Nous pensons que ces enquêtes sont suffisantes pour que vous compreniez que l’indexation mobile-first est la prochaine clé de votre succès en matière de référencement. Google l’a confirmé dans sa récente mise à jour de l’expérience de la page, qui se concentre sur l’amélioration de l’expérience utilisateur (UX). Page Experience est disponible sur mobile et devrait être déployé sur la recherche sur ordinateur en mars 2022.
Désormais, les sites Web qui prennent en compte les signaux de classement de l’expérience de la page et les principes de conception UX ont l’avantage. La conception UX est un processus consistant à comprendre comment l’utilisateur interagit et se sent après s’être engagé avec le produit. Il est principalement incorporé pour augmenter la facilité d’utilisation. Google juge désormais la conception d’un site Web sur trois éléments essentiels du Web qui, ensemble, mesurent la convivialité globale d’un site Web.
De grandes images défiant le rééquipement réactif
Avez-vous déjà essayé de verser une carafe d’eau dans un verre ? L’eau commence à déborder dès que le verre se remplit. La même chose se produira si vous commencez à adapter la conception de votre site Web aux petits écrans des appareils mobiles.
Imaginez un site Web ayant des centaines d’images sur sa page de destination. Naturellement, il sera difficile pour les utilisateurs de naviguer sur la page. Dans la version mobile, tout devient trop petit et illisible.
Les recherches menées par Searchmetrics ont révélé que les 10 premiers sites Web sur la page de résultats de recherche (SERP) avaient moins de trois images par page sur leurs sites Web. La leçon apprise est que plus le désordre est important, plus c’est difficile pour les moteurs de recherche.
PageSpeed Insights de Google test peut vous donner quelques idées sur la façon de supprimer les éléments de contenu lourds de la conception. Il montrera quelles images ont besoin d’être compressées pour rendre la page plus conviviale pour le référencement de plus de 50 %.
Ajouter du texte dans des images sans valeur ajoutée
Le texte est quelque chose que Google peut lire, sauf qu’il est codé en HTML sur le backend du site Web. L’algorithme est incapable de lire les images ou de lire le texte qui y est écrit. Ainsi, la rationalisation du texte de votre site Web est un autre aspect important du référencement.
Il est conseillé d’ajouter du texte non pas dans les images mais dans le code du design de la page. Cela permet à l’algorithme de lire, d’identifier les mots-clés et de les classer en conséquence. Même si du texte est ajouté à une image, il deviendra flou lors d’un zoom avant.
De plus, l’ajout de texte à votre site Web présente un avantage qui manque à la plupart des concepteurs. Si un visiteur dans une autre langue a besoin d’informations, le texte encodé peut être modifié alors que l’image ne le peut pas.
Vous devez travailler sur certains aspects pour faire avancer les choses, tels que :
Ajout de balises Alt aux images
Une balise alt est une description de l’image codée dans le code HTML sur le backend. Les moteurs de recherche lisent ce code pour comprendre la pertinence de n’importe quelle image par rapport à une requête de classement. Trop de graphiques vont faire plus de mal que de bien. Vous devez utiliser le nom de l’image comme un outil de référencement important. Pour info, Google peut lire le nom du fichier. Ainsi, au lieu d’utiliser 12345.jpg, vous pouvez utiliser les mots-clés décrivant le fichier, ce qui aide les araignées dans l’indexation.
Utiliser des combinaisons de couleurs appropriées
Des images claires doivent être choisies avec la combinaison de couleurs appropriée. Il a été constaté dans une étude que plus de 40 pour cent de tous les sites Web utilisent la couleur bleue dans leur conception, suivie du vert.
Ne pas inclure certaines informations
Évitez de fournir des coordonnées ou des informations utiles dans les images. Partagez les informations de manière subtile mais visible dans le pied de page. Vous pouvez également envisager d’ajouter des liens importants vers votre site Web dans le pied de page pour que l’algorithme indexe.
Redirection… Erreur OOPS 404
Concevoir une page de liens cassés semble si trivial que la plupart des experts en référencement la ratent. Les gens tapent souvent la mauvaise URL ou recherchent une page qui n’est plus disponible.
Voici une opportunité pour le concepteur de votre site Web de créer quelque chose qui attire l’attention de l’utilisateur. Lorsqu’ils visitent une page d’erreur, les utilisateurs ont tendance à revenir en arrière et à l’oublier. Ce que vous pouvez faire ici, c’est mettre en valeur votre service client.
Ils recherchent peut-être quelque chose lorsqu’ils sont redirigés vers une page d’erreur. Vous pouvez ajouter des liens liés à la page d’accueil de votre site Web ou plusieurs liens vers vos services. Cela montre que vous vous souciez de l’expérience des visiteurs.
Certaines marques en ont fait une opportunité de marketing et de construction d’une réputation en ligne positive. Par exemple, ils peuvent avoir ajouté un lien vers un bon gratuit ou un livre électronique que les utilisateurs peuvent exploiter.
L’ajout de liens à la page d’erreur peut éviter la perte de visiteurs car les liens ajoutés sont indexés avec l’URL existante, augmentant ainsi le trafic et le classement.
Cette idée change la donne pour les sites Web qui se relancent. Les anciennes URL vont servir une page d’erreur 404. Ainsi, vous pouvez joindre un formulaire de commentaires à chaque page d’erreur pour que les utilisateurs mentionnent l’URL qu’ils essaient de localiser ou les informations qu’ils recherchent. Il a été testé et les webmasters qui l’ont fait ont reçu des e-mails de personnes recherchant l’URL en direct.
Ignorer complètement les pop-ups
Ethan Zuckerman regrette toujours d’avoir créé des publicités pop-up via JavaScript et Perl côté serveur il y a 20 ans. Aussi ennuyeux qu’ils soient, ils font grimper les ventes.
Contrairement à une enquête qui a révélé que 70 % des utilisateurs considéraient les fenêtres contextuelles comme « non pertinentes », de nombreuses entreprises ont pu en tirer un profit réel. Même Entrepreneur ont constaté que l’engagement des utilisateurs via des fenêtres contextuelles en affichant des offres et des ventes limitées a augmenté leurs ventes de 162 %. Ce sont des résultats étonnants pour une fonctionnalité qui est tellement détestée que Chrome a un mécanisme intégré pour les bloquer.
Les pop-ups ne sont pas intrinsèquement mauvais. Alors, qu’est-ce qu’on fait de mal ? Le blog des webmasters de Google dit tout :
- Une annonce pop-up s’imposant peu de temps après que le visiteur a navigué sur la page via SERP ou pendant qu’il recherche des informations
- Une publicité couvrant toute la page du contenu
- Ajout d’une fenêtre contextuelle de mise en page au-dessus du pli qui éloigne le contenu principal du site Web de la ligne d’action de l’utilisateur
Lorsqu’elles sont bien faites, les fenêtres contextuelles ne peuvent pas être si mauvaises. En fait, WebMeUp suggère fortement l’inclusion de pop-ups. Pourquoi? Parce qu’il a réussi à faire passer 95 % de ses abonnés par eux en quelques mois. Alors, que manquent les designers ?
Voici quelques idées à concevoir pour les rendre utiles au visiteur :
Les fenêtres contextuelles sont un excellent moyen d’afficher le nombre de ventes déjà réalisées ou d’afficher des statistiques susceptibles de profiter à votre site Web.
- Offrir des soldes, des remises, des incitations et des cadeaux via des fenêtres contextuelles est une excellente idée pour engager l’utilisateur.
- Le temps de clignotement est idéalement fixé à cinq secondes. Pour les visiteurs réguliers, l’heure d’affichage de la fenêtre contextuelle s’est avérée idéale après chaque minute.
- L’utilisation de la couleur rouge comme appel à l’action (CTA) pour soumettre un e-mail a permis de recueillir un nombre maximum de soumissions
Pages d’accueil H1 manquantes
Les araignées lisent des éléments tels que les méta descriptions, les balises de titre, les balises alt, H1, H2 et le code HTML pour trouver la pertinence d’une requête. Si l’un des éléments n’est pas optimisé correctement, vous pourriez perdre des opportunités de classement majeures. L’un de ces éléments est le H1.
Les gens ont tendance à assimiler les H1 aux balises de titre, qui sont visibles sur les SERP. Les balises de titre sont principalement des liens qui vous dirigent vers la page Web. Ce qui est affiché sur la page Web comme explication de la requête est appelé en-tête ou H1. Les en-têtes n’apparaissent pas lorsque le résultat d’une requête est affiché, mais ils aident l’araignée à identifier le sujet de votre site Web.
Les en-têtes qui peuvent être H1, H2 et ainsi de suite sont des facteurs décisifs dans le référencement. Ils font partie du code HTML que les araignées lisent et mettent en évidence certains mots sur lesquels les robots d’exploration se concentrent.
Ainsi, inclure un H1 est un conseil de pro pour les webmasters. Souvenez-vous de ceux-ci :
- Les H1 doivent contenir le mot-clé principal de la page Web.
- Les H1 doivent être placés au-dessus du pli. Ils ne doivent pas être masqués par une fenêtre contextuelle pleine page ou une publicité au-dessus de la ligne de flottaison.
- N’oubliez pas que vous disposez d’environ cinq secondes pour impressionner votre visiteur. Assurez-vous que vos H1 sont convaincants.
Penser que Google est un bon scroller
Alors que les utilisateurs peuvent faire défiler vers le bas pour récupérer les informations pertinentes en un rien de temps, une araignée ne serait pas en mesure de le faire. Il ne prendra pas en compte le contenu et les pages supplémentaires qui pourraient convenir et rendre votre site digne d’un classement.
Martin Splitt de Google lors d’une conférence en ligne a signalé ce problème avec beaucoup d’empathie. Il a souligné que l’araignée lit et indexe tout ce qui est visible à l’avance. Pour résoudre le cas de lazy-loading, les webmasters doivent se référer à Google Search Central. Le géant des moteurs de recherche mentionne quelques correctifs :
- Chrome 76 permet aux concepteurs de sites Web d’utiliser des attributs de chargement sans coder de bibliothèque pour le chargement différé en JavaScript.
- Une bibliothèque JavaScript permet de charger les données en entrant dans la fenêtre.
- Le défilement paginé permet aux utilisateurs de cliquer sur un lien qui les amènera à la section souhaitée du contenu.
Vous avez peut-être beaucoup investi dans votre site Web. Mais ces erreurs peuvent avoir des résultats contre-productifs. Soyez-en conscient et effectuez les étapes et les mises à jour nécessaires pour vous assurer que vous êtes au top de votre référencement et de votre jeu de contenu.
