Des erreurs de conception qui peuvent ruiner le référencement de votre site

Publié: 2021-11-24

De nombreux designers et artistes considèrent que leur métier est au-dessus de toutes les lois de l'optimisation des moteurs de recherche (SEO). Mais un article publié par l' Association for Computing Machinery suggère qu'environ95% des commentaires négatifs sur un site Web sont liés à des problèmes de conception.Sûr de dire, la conception affecte de manière significative 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 de 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 s'est lancé dans une frénésie de 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é le nombre d'utilisateurs l'utilisant via d'autres appareils en 2018.
Si votre page se charge après trois secondes, vous faites face à un taux de rebond de 32 %.

Kissmetrics a identifié certains problèmes rencontrés par les utilisateurs mobiles 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 d'abord est la prochaine clé de votre succès en matière de référencement. Google l'a confirmé par le biais de 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). L'expérience de page est en ligne sur mobile et devrait être déployée sur la recherche de bureau en mars 2022.

Désormais, les sites Web qui tiennent compte des signaux de classement de l'expérience de page et des principes de conception UX ont l'avantage. La conception UX est un processus permettant de 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 Core Web Vitals qui mesurent ensemble la convivialité globale d'un site Web.

De grandes images défiant la mise à niveau réactive

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 il y a de désordre, plus c'est difficile pour les moteurs de recherche.

Le test PageSpeed Insights de Google 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 doivent ê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 de la conception 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 HTML sur le backend. Les moteurs de recherche lisent ce code pour comprendre la pertinence de toute 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 votre information, 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 robots d'indexation.

Utiliser les bonnes combinaisons de couleurs

Les images claires doivent être choisies avec la combinaison de couleurs appropriée. Une étude a révélé que plus de 40% 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… OOPS 404 Erreur

Concevoir une page de liens brisés semble si trivial que la plupart des experts en référencement le manquent. 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 pourraient être à la recherche de quelque chose lorsqu'ils ont été 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 ou un livre électronique gratuit 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.

Suppression complète des pop-ups

Ethan Zuckerman se sent toujours désolé d'avoir créé des publicités pop-up via JavaScript et Perl côté serveur il y a 20 ans. Aussi ennuyeux soient-ils, ils font grimper les ventes.

Contrairement à une enquête qui a révélé que 70% des utilisateurs considéraient les pop-ups comme "non pertinents", de nombreuses entreprises ont pu en tirer un réel profit. Même Entrepreneur a constaté que l'engagement des utilisateurs via des pop-ups en affichant des offres et des ventes limitées a fait grimper leurs ventes de 162 %. Ce sont des résultats étonnants pour une fonctionnalité qui n'est pas appréciée à tel point que Chrome dispose d'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'introduisant peu de temps après que le visiteur navigue sur la page via SERP ou pendant qu'il recherche des informations
Une annonce 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'ils sont bien faits, les pop-ups ne peuvent pas être si mauvais. En fait, WebMeUp suggère fortement l'inclusion de pop-ups. Pourquoi? Parce qu'il a réussi à attirer 95% de ses abonnés en quelques mois. Alors, que manque-t-il aux designers ?

Voici quelques idées à concevoir pour les rendre utiles au visiteur :

Les pop-ups sont un excellent moyen d'afficher le nombre de ventes déjà réalisées ou d'afficher des statistiques pouvant bénéficier à votre site Web.

Offrir des ventes, des remises, des incitations et des cadeaux via des pop-ups est une excellente idée pour engager l'utilisateur.
Le temps de clignotement est idéalement réglé à cinq secondes. Pour les visiteurs réguliers, le moment de l'affichage du pop-up s'est avéré idéal après chaque minute.
L'utilisation de la couleur rouge comme appel à l'action (CTA) pour envoyer un e-mail a généré 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, le code H1, H2 et HTML pour trouver la pertinence d'une requête. Si l'un des éléments n'est pas optimisé correctement, vous risquez de perdre d'importantes opportunités de classement. 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 amènent à 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 rendent certains mots importants sur lesquels les crawlers peuvent se concentrer.

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 obscurcis 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'être classé.

Lors d'une conférence en ligne, Martin Splitt de Google a signalé ce problème avec empathie. Il a souligné que l'araignée lit et indexe tout ce qui lui 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 une bibliothèque pour le chargement différé en JavaScript.
Une bibliothèque JavaScript permet de charger les données lors de l'entrée 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.