Comment combiner le référencement et la conception Web pour créer des pages plus efficaces pour votre persona et vos moteurs de recherche

L'importance de la conception de sites Web SEO est que lorsque nous investissons dans le développement d'un site Web, nous voulons qu'il soit très présentable et convivial pour les moteurs de recherche, avec des éléments visuels agréables, en plus d'offrir une navigation fonctionnelle, simple et intuitive.

Tout cela fait partie du souci d'offrir une bonne expérience utilisateur. Cependant, peut-on concilier cette approche avec les services et techniques de référencement ?

Bien que la combinaison de l'optimisation des moteurs de recherche et de la conception Web présente plusieurs défis, il s'agit d'un mélange très viable.

Cela devient clair lorsque nous comprenons l'importance de créer des pages attrayantes pour les personnes et les moteurs de recherche, et comprenons mieux les erreurs de conception qui affectent votre optimisation.

Voulez-vous en savoir plus? Alors, lisez ci-dessous!

Pourquoi combiner SEO et web design ?

Il existe de nombreux arguments en faveur de considérer le référencement et le web design comme des alliés lors de la création d'un site web hors du commun. Voyons 5 des principales raisons de garder les deux en équilibre.

1. La plupart du trafic provient généralement de recherches organiques

Selon une étude de BrightEdge, une entreprise dotée d'une plate-forme sophistiquée d'optimisation des moteurs de recherche et d'autres solutions de marketing Internet, la recherche organique correspond en moyenne à 50,1 % du trafic du site Web.

Cela signifie que, quelle que soit l'efficacité d'une stratégie de trafic payant, les recherches naturelles sont celles qui amènent au final plus de visiteurs sur votre site Web . Par conséquent, nous devons considérer le référencement comme une excellente opportunité d'optimiser nos pages pour renforcer ce canal avec une plus grande chance d'attirer des prospects.

[rock_performance lang="fr"]

Si votre entreprise possède déjà un site Web, un blog ou un commerce électronique depuis un certain temps, consultez votre outil d'analyse Web. Il est très probable que le trafic organique soit votre plus grand canal d'acquisition de visiteurs. C'est pourquoi il est important d'avoir une conception Web conviviale pour le référencement.

2. L'apparence de votre site Web reflète l'engagement de l'entreprise

Lorsque nous accédons à une page et que nous remarquons un oubli dans le choix de la mise en page, des polices, des couleurs, des images et autres éléments visuels, il est courant de supposer que la marque ne s'engage pas à offrir une bonne expérience à ses visiteurs.

Par conséquent, il est essentiel d'investir dans un site Web de qualité, avec un design conforme aux valeurs de l'entreprise et en harmonie avec les caractéristiques du persona.

3. Une mauvaise conception éloigne les utilisateurs

En plus de nuire à la réputation de la marque, un site Web avec une mauvaise expérience visuelle et utilisateur a généralement une conséquence immédiate sur le comportement des utilisateurs : les gens ont tendance à abandonner cette page.

Il convient de rappeler que cette frustration ne se produit pas seulement avec les sites Web qui ont un mauvais design, mais aussi avec ceux qui ont trop d'éléments de conception .

Des fonctionnalités excessives et des images avec une résolution bien supérieure à celle souhaitée rendent également la navigation difficile et augmentent le désir de cliquer sur le bouton de retour.

4. Certaines technologies ne fonctionnent pas bien avec les moteurs de recherche

Lorsque Flash était à son apogée, il permettait de créer des sites Web avec des effets et des animations que les standards du Web n'autorisaient guère à l'époque.

Les possibilités en termes de conception et de développement étaient incroyables. Cependant, les robots des moteurs de recherche ne peuvent pas suivre cette technologie, ce qui rend (très) difficile l'indexation des sites Web construits de cette façon .

Flash est l'un des exemples les plus notables, mais il montre très bien comment l'utilisation d'une technologie qui ne valorise que l'aspect design peut ruiner la présence de la marque sur les pages de résultats de recherche.

5. Faire du référencement pendant la construction du site Web évite les remaniements

Comme le référencement consiste en une optimisation, il est courant pour les entreprises de laisser cette étape pour plus tard, lorsque la conception Web ou même l'ensemble du développement du site Web sont déjà terminés.

Il s'avère que cela nécessite une série de modifications qui pourraient être évitées si le référencement faisait partie du processus de création de page dès le début.

Quels principes ne peuvent pas manquer à cette combinaison ?

Apprenons maintenant les bases et les éléments essentiels pour créer un site Web attrayant à la fois pour le persona et les moteurs de recherche.

1. Navigation et structure du site

Lorsque nous allons au supermarché, nous trouvons des panneaux indiquant Fruits et Légumes, Boissons, Surgelés, Hygiène, entre autres. Si nous allons à la section Hygiène, par exemple, nous verrons les produits séparés par Déodorant, Savon, Dentifrice, Shampoing, etc.

On peut dire qu'un site Web est organisé de la même manière . Nous séparons les produits ou le contenu en catégories et sous-catégories tout en suivant une hiérarchie. Ils sont disponibles dans des menus, afin que l'utilisateur puisse naviguer en fonction de ce qu'il recherche.

En d'autres termes, utilisez les enseignes départementales du supermarché comme guide pour concevoir la navigation du site, où la division du magasin en sections et sous-sections - et le choix de leurs noms respectifs - équivaut à la structure d'un site Web.

Prenons Amazon.com comme exemple.

Il existe un menu de navigation global, avec des options liées aux achats (magasins), à votre compte et aux offres quotidiennes. Dans le menu Boutiques, si nous allons dans Livres, nous voyons plus de sous-catégories (Tous les livres, Livres en vente, Meilleures ventes et autres).

Lorsque nous cliquons sur Tous les livres, nous sommes dirigés vers une page spécifique, avec des offres et un menu local, où l'utilisateur peut accéder aux titres par genre, auteur ou éditeur.

Remarquez comment Amazon a pris soin de ne pas mettre toutes les options possibles sur le même menu. La navigation passe clairement d'une catégorie plus large à une catégorie plus spécifique.

En plus d'aider les utilisateurs à comprendre ce que le site a à offrir et de leur permettre d'aller où ils veulent, l'organisation par niveaux et sous-niveaux aide les moteurs de recherche à comprendre le contexte et le degré d'importance entre ses pages.

Privilégiez donc la simplicité en évitant la construction de menus fantaisistes. Au lieu de cela, regroupez les contenus ou les produits avec la division appropriée des catégories et sous-catégories. Si vous rencontrez des difficultés dans ce processus, l'architecture de l'information sera d'une grande aide.

2. Mise en page du contenu

Il est déjà bien connu que la qualité du contenu SEO est l'un des facteurs les plus importants pour l'algorithme de Google. Alors, valorisez les informations que votre site a à offrir.

Gardez à l'esprit que, sur le Web, nous rivalisons pour attirer l'attention de l'utilisateur, qui a probablement plusieurs autres onglets ouverts en plus de votre page. Dans ce contexte, où chaque visite sur votre site peut être considérée comme une victoire, il faut se concentrer sur le contenu et ne pas créer de distractions supplémentaires.

Par conséquent, pensez toujours à aider le lecteur à trouver ce qu'il veut en équilibrant le texte, les éléments visuels et les blancs afin de ne pas négliger le contenu .

3. Réactivité

Un design réactif, capable de s'adapter à la taille de l'écran de l'appareil de l'utilisateur, est indispensable, en particulier avec l'utilisation croissante de l'Internet mobile dans le monde. Pour illustrer cela, le mobile est déjà le principal moyen d'accès à Internet dans de nombreux pays à travers le monde.

En raison de cette pertinence, la recherche Google considère déjà la compatibilité des pages avec les appareils mobiles comme l'un de ses facteurs de classement dans les moteurs de recherche.

Pour cette raison, assurez-vous de valoriser la liberté de vos visiteurs et offrez toujours une expérience agréable, qu'ils préfèrent visiter votre site Web à partir d'un ordinateur de bureau ou d'un autre appareil.

4. Utilisation d'images

L'attrait visuel d'un site Web est crucial pour générer une connexion entre le visiteur et la marque. En ce sens, les images sont des alliées importantes pour améliorer l'apparence et compléter le contenu textuel présent sur la page.

Il s'avère que les moteurs de recherche ne sont pas (encore) capables d'interpréter ce qui se trouve dans les images. Pour cette raison, en termes de référencement, vous devez inclure une description avec les images que vous décidez d'ajouter. Pour ce faire, insérez simplement un 'texte alternatif', en utilisant l'attribut alt text.

Malheureusement, ce n'est pas la seule préoccupation que nous devrions avoir avec les images. Comme nous le verrons ci-dessous, ils sont souvent la source de nombreuses erreurs qui entravent le référencement.

Quelles erreurs de conception de sites Web affectent le plus le référencement ?

Après avoir appris les avantages de combiner les deux éléments et compris les piliers de cette combinaison, voyons les 10 erreurs de conception Web qui peuvent ruiner le positionnement de votre marque dans les classements de recherche.

1. Oublier de compresser les images

Des images de qualité sont sans aucun doute un élément important d'un bon design. Cependant, s'ils ont une résolution très élevée, ils peuvent affecter la vitesse de chargement de votre site .

L'utilisateur n'aura guère la patience d'attendre qu'une page s'ouvre si cela prend plus de quelques secondes, encore plus s'il y accède depuis un appareil mobile. Par conséquent, pour Google, la vitesse de chargement d'un site est un facteur de classement.

De ce fait, il est important de faire attention à la taille (en termes de dimensions et de mégaoctets) de vos images afin qu'elles ne ralentissent pas vos pages web. Essayez toujours d'utiliser un outil de compression d'images avant de les ajouter au site Web.

Découvrez TinyPNG. Dans cet exemple, il a pu compresser une image de 75% !

2. Publiez du mauvais contenu

Dans la mesure où le contenu n'est pas toujours associé à la conception et au développement, nous devons nous rappeler qu'il existe des aspects esthétiques qui peuvent entraver l'engagement de l'utilisateur avec celui-ci. Des paragraphes et des phrases très volumineux, une police très petite et une couleur de texte qui rend la lecture difficile sont des éléments que les chercheurs sont capables de détecter.

Remarquez dans l'image ci-dessous comment les mots sont les mêmes.

Voyez comment de très gros blocs de texte, des paragraphes entiers en majuscules et une couleur sans contraste approprié rendent l'expérience bien pire.

3. Ajoutez des appels JavaScript excessifs

Le Web regorge de scripts qui aident à améliorer les sites Web avec des éléments plus dynamiques ou en incorporant des médias d'autres services avec la fonction d'intégration. Le problème est que demander trop de ressources externes peut ralentir le chargement, ce qui, nous le savons déjà, est préjudiciable à la fois à l'expérience utilisateur et au référencement.

Dans cet esprit, lors du développement Web, utilisez avec parcimonie les appels de scripts tiers. Analysez s'ils sont indispensables, ou s'il est possible d'utiliser d'autres solutions.

Voir le cas de ce blog : sur les 2,4 mégaoctets transférés, 654 kilo-octets correspondaient à du JavaScript, soit environ 26% des données transférées lors du chargement de cette page spécifique.

4. Construisez une partie importante du site en Flash

Il est vrai que Flash peut créer des effets incroyables sur votre site Web, mais il convient de rappeler que l'utilisateur doit avoir installé Adobe Flash Player sur l'appareil pour pouvoir le visualiser.

De plus, les moteurs de recherche n'indexent pas très bien les contenus créés avec cette technologie.

Ainsi, il est idéal d'éviter d'utiliser Flash pour la navigation et le contenu textuel, ou, tout simplement, d'opter pour d'autres alternatives qui suivent les standards du Web.

5. Ignorer les utilisateurs d'appareils mobiles

Nous avons déjà évoqué l'augmentation significative des connexions via les tablettes et les smartphones, ce qui signifie qu'il est très probable que la plupart des visiteurs de votre site proviennent de ces appareils.

Si vos pages ne sont pas préparées pour ces appareils, vos visiteurs abandonneront presque certainement votre site.

Étant donné que les moteurs de recherche considèrent si le site est adapté aux mobiles ou non pour définir son classement, il vaut la peine d'investir dans un design réactif également du point de vue du référencement.

Et en parlant de mobile, n'oubliez pas d'ajouter des boutons de partage sur les réseaux sociaux à votre page !

6. Remplacez les éléments HTML importants par des images

Créer des images impressionnantes et les utiliser à la place d'éléments HTML importants comme les balises d'en-tête peut être très agréable à l'œil, mais cela ne fonctionnera pas pour le référencement.

Les balises H1, H2 et H3 mettent en évidence le degré de pertinence de chaque partie de votre contenu SEO et vous permettent de mettre davantage l'accent sur le mot-clé de cette page.

7. Ajoutez beaucoup de texte aux images

Nous avons déjà expliqué que les moteurs de recherche ne peuvent pas interpréter les images de la même manière qu'ils sont capables d'analyser le contenu textuel, qui fait partie du code HTML de la page.

Pour cette raison, il est déconseillé d'avoir des images composées principalement de texte plutôt que de les reproduire avec des éléments textuels réels sur la page.

Bien que l'attribut alt text puisse être utile dans ces cas, il est idéal pour créer du texte complémentaire ou conserver une image et un texte séparés . Une alternative serait de créer une couche de superposition avec du texte en utilisant des fonctionnalités CSS.

8. Créez des menus trop sophistiqués

Nous savons déjà à quel point la navigation est pertinente pour les utilisateurs et les chercheurs. Ainsi, rien de mieux que de créer des menus simples qui suivent le modèle que l'on attend déjà de ces éléments sur le Web — une liste non organisée en vertical ou en horizontal, par exemple.

La navigation doit être organisée et ne doit pas créer de confusion pour votre personnage. Pour éviter cela, gardez un équilibre. Travaillez sur la qualité de la présentation de votre menu, mais évitez d'être trop innovant.

Le blog de Rock Content en est un excellent exemple, avec la liste des Catégories en haut du menu et l'alternative d'accès en pied de page.

9. Utilisez des fonctionnalités qui rendent difficile l'accès au contenu

Lorsque l'utilisateur accède à votre site via un outil de recherche comme Google, l'idée est qu'il trouve ce qu'il cherche, n'est-ce pas ? Si nous plaçons des pop-ups, des avis, des publicités et d'autres éléments devant le contenu principal, nous rendons cet accès difficile.

Prenez le site d'actualités dans l'image ci-dessous à titre d'exemple. Remarquez comment, lors de l'ouverture de la page principale, l'espace dédié aux informations que le lecteur veut vraiment voir est très petit.

Les moteurs de recherche sont suffisamment intelligents pour détecter ce type de chose, c'est pourquoi cela affecte le classement du site Web.

10. Ne pas tenir compte des tests et des résultats

La meilleure façon de savoir si la conception de sites Web influence négativement l'optimisation des moteurs de recherche est de procéder à des tests et d'évaluer les résultats.

Une mesure intéressante consiste à inclure des annotations sur votre plateforme d'analyse. Chaque fois que des changements importants dans la conception du site sont mis en ligne, enregistrez la date et surveillez s'il y a eu des changements importants dans le trafic organique .

Il est important de se rappeler qu'une baisse d'acquisition de visiteurs via la recherche organique peut avoir d'autres raisons, telles que des problèmes de serveur ou même des changements dans l'algorithme de recherche Google.

Quels outils permettent de vérifier si le référencement et la conception Web sont correctement alignés ?

Voyons maintenant les outils que tout concepteur de sites Web qui souhaite améliorer ses sites du point de vue du référencement devrait connaître.

Grenouille hurlante

Screaming Frog est utilisé pour explorer un site Web, comme le font les robots des moteurs de recherche . Une fois installé sur votre ordinateur, entrez simplement l'URL et cliquez sur Démarrer pour commencer le processus d'exploration.

Après la procédure, nous pouvons voir des informations telles que:

• temps de réponse des pages ;
• nombre de ressources (HTML, JavaScript, CSS, images, Flash, PDF et autres) chargées en interne et en externe ;
• balises de titre ;
• balise de titre ;
• Meta Description;
• nombre d'images.

PageSpeed ​​​​Insights

PageSpeed ​​​​Insights est un outil Google qui analyse la vitesse de votre page et, sur cette base, lui attribue un score de 0 à 100.

Ensuite, il propose un rapport avec plusieurs suggestions sur la façon d'améliorer les temps de chargement, à la fois pour le bureau et le mobile.

Test adapté aux mobiles

Une autre fonctionnalité utile de Google lui-même est le test d'adaptation aux mobiles. Après avoir entré l'URL du site Web, l'outil examine le contenu et détermine s'il est optimisé ou non pour ces appareils .

S'il y a des problèmes à cet égard, l'outil montre quels aspects doivent être améliorés.

Avec toutes les suggestions que vous avez vues jusqu'à présent, vous disposez déjà d'une excellente base pour vous assurer que le référencement et la conception Web sont bien intégrés. N'oubliez pas que l'utilisateur doit toujours passer en premier.

Lorsque vous prenez soin des aspects techniques et visuels qui offrent à vos visiteurs la meilleure expérience, la tendance est que la position de votre site Web dans les résultats des moteurs de recherche ne fera que s'améliorer.

Voulez-vous savoir comment la vitesse de la page peut affecter vos ventes ? Téléchargez notre infographie gratuite et voyez comment vous pouvez améliorer vos performances de vente !