Qu'est-ce que le design web SEO ?

9 facteurs pour garantir un design web optimisé pour le SEO

Tenez compte de ces facteurs lors de la création d’un site web afin qu’il soit prêt à être classé.

1. Design Mobile-First

Google adopte une  approche mobile-first  pour l’exploration, l’indexation et le classement des pages.

Cela correspond au fait que les appareils mobiles deviennent la  source principale des visites des moteurs de recherche. On estime désormais qu’ils sont responsables de plus de 60 % de toutes les recherches, comme le montrent les données de Statista :

Il est donc important d’appliquer les  meilleures pratiques de SEO mobile. Il existe trois façons de  concevoir un site adapté aux mobiles ::

• Service dynamique :  Cette configuration sert différentes versions du code HTML en fonction de l’appareil de l’utilisateur. Mais elle utilise la même URL sur tous les appareils.
• URLs séparées :  Cette configuration utilise un code HTML différent sur des URLs séparées pour différents types d’appareils. Cette approche nécessite plus de travail pour garantir que les moteurs de recherche ne considèrent pas ces pages sur des URLs différentes comme du contenu en double.

• Design responsive :  Le design responsive utilise le même code HTML et la même URL pour tous les appareils, mais la mise en page peut changer en fonction des spécifications de l’appareil.  C’est la méthode recommandée par Google..

Voici à quoi ressemble le design responsive sur différents types d’appareils :

Le formatage du contenu est également important à prendre en compte en raison de la taille plus petite des écrans des appareils mobiles.

Le contenu adapté aux mobiles doit :

• Inclure des paragraphes courts
• Utiliser une taille de police appropriée (16px est recommandé pour le corps du texte)
• Intégrer beaucoup d’espace blanc
• Éviter les pop-ups intrusifs
• Respecter les limites de caractères mobiles pour les balises méta (50-60 caractères pour les balises de titre et moins de 120 caractères pour les méta-descriptions)

Un formatage de contenu approprié sur mobile garantit que les pages sont lisibles et faciles à naviguer, même sur les plus petits écrans mobiles.

Voici un exemple de format facile à parcourir sur mobile :

Utilisez le propre  test d’optimisation mobile  de Google pour vérifier les performances de vos pages d’un point de vue mobile.

2. Vitesse du site web

Des temps de chargement rapides préparent un site web au succès SEO.

La vitesse de page  est un  facteur de classement Google confirmé  qui influence également le taux de rebond d’une page.

Le point clé ?

Des temps de chargement plus courts signifient que moins de personnes quitteront votre site sans visiter une autre page.

Et le design web a un impact énorme sur la vitesse du site. Car la taille du code dicte la façon dont les pages se chargent.

Il existe toute une gamme de méthodes pour améliorer la vitesse du site, mais les plus importantes incluent :

• Utiliser le bon format d’image :  Les JPEG et PNG sont plus volumineux que vous ne le pensez. Le format WebP est une alternative moderne qui peut réduire la taille des fichiers jusqu’à  34 %.

• . Réduire les requêtes HTTP :

• Les requêtes HTTP chargent le contenu de la page, y compris les images, les fonctionnalités des plugins et JavaScript. Réduire le nombre de requêtes qu’un navigateur doit effectuer lors du chargement d’une page peut augmenter considérablement la vitesse du site. Activer la mise en cache du navigateur :

L’activation de la mise en cache permet aux navigateurs des utilisateurs de stocker des éléments tels que des images et du CSS pour réduire les temps de chargement pour les visiteurs récurrents.

Il existe plusieurs façons de mesurer la vitesse du site, mais les outils de Google sont une valeur sûre. Vous pouvez utiliser l’outil  PageSpeed Insights  de Google pour obtenir des informations sur les  Core Web Vitals

(métriques spécifiques qui indiquent la qualité de l’expérience utilisateur) pour n’importe quelle URL.

L’outil partage ces résultats dans un rapport :

Vous obtiendrez également des informations spécifiques sur la façon d’améliorer la vitesse de la page. Plus des estimations de l’impact des suggestions sur le temps de chargement. L’outil  Site Audit

de Semrush offre un aperçu encore plus complet des métriques de performance du site.Accédez à l’outil Site Audit, entrez l’URL de votre site web et cliquez sur « .”

Démarrer l’audit

».Vous verrez ensuite « Site Audit Settings » dans la fenêtre qui apparaît.”

Ensuite, sélectionnez le nombre de pages que vous souhaitez explorer et choisissez la source d’exploration. Et cliquez sur « Démarrer l’audit du site ». Une fois l’audit terminé, vous obtiendrez un aperçu des performances de votre site web. Et des recommandations sur la façon de résoudre les problèmes liés à la vitesse du site lorsque vous cliquez sur « Site Performance ».” ou “Core Web Vitals.”

3. Structure du site web

Une structure de site web intuitive (également appelée  architecture web) offre aux visiteurs la meilleure expérience de navigation. Et aide les moteurs de recherche à trouver et à mieux comprendre vos pages.

Les meilleures pratiques pour une conception web adaptée au SEO impliquent la création de groupes de contenu qui regroupent les pages. Ainsi, les catégories plus spécifiques sont imbriquées sous des catégories plus générales.

Comme ceci :

En pratique, cela vous permet de créer une structure d’URL intuitive à parcourir.

Par exemple, sur un site web rempli de contenu sur différentes races de chiens, une section de la structure de l’URL pourrait ressembler à ceci :

• dogbreeds.com
  • dogbreeds.com/terrier
    • dogbreeds.com/terrier/yorkshire-terrier
      • dogbreeds.com/terrier/yorkshire-terrier/temperament
      • dogbreeds.com/terrier/yorkshire-terrier/care-guide
      • dogbreeds.com/terrier/yorkshire-terrier/size
    • dogbreeds.com/terrier/scottish-terrier/
      • dogbreeds.com/terrier/scottish-terrier/temperament
      • dogbreeds.com/terrier/scottish-terrier/care-guide
      • dogbreeds.com/terrier/scottish-terrier/size
    • dogbreeds.com/terrier/bull-terrier/
      • dogbreeds.com/terrier/bull-terrier/temperament
      • dogbreeds.com/terrier/bull-terrier/care-guide
      • dogbreeds.com/terrier/bull-terrier/size

Chaque étape vers le bas dans la structure du site plonge dans une sous-catégorie plus détaillée du sujet avec lequel vous avez commencé.

Ce type de conception web intuitive permettra de :

• Faciliter la recherche et l’indexation de votre contenu par les moteurs de recherche

• Aider les utilisateurs à comprendre la relation entre les pages

• Diffuser l’autorité sur le site web grâce à des liens internes contextuellement pertinents

4. Navigation et liens internes

Tout comme la structure du site web, le  maillage interne  aide les moteurs de recherche à comprendre la structure de votre site et facilite la navigation des utilisateurs.

Il existe deux types de liens internes à prendre en compte : de navigation et contextuels.

Liens de navigation  sont présents sur tout le site et incluent des liens situés dans l’en-tête, le pied de page et la barre de navigation du site web.

Liens contextuels  se trouvent dans le corps principal du contenu d’une page pour diriger les utilisateurs vers du contenu connexe. Et ils sont généralement placés en utilisant un  texte d’ancrage  pertinent qui aide les utilisateurs à comprendre sur quoi ils sont sur le point de cliquer.

Comme ceci :

Il y a quelques considérations importantes à garder à l’esprit concernant les liens internes lors de la conception d’un site web :

• Assurez-vous que toutes les pages ont au moins un lien interne entrant pour éviter les pages orphelines (pages que ni les robots d’exploration ni les utilisateurs ne peuvent atteindre facilement)

• Utilisez un texte d’ancrage qui communique efficacement le sujet du contenu de la page de destination

• Utilisez des  liens de fil d’Ariane  (une trace de liens faciles à parcourir) pour aider les utilisateurs à trouver leur chemin sur le site

• Créez des  clusters de sujets  en reliant entre elles des pages contenant du contenu connexe

Les clusters de sujets peuvent être particulièrement utiles. Ce sont des groupes de contenu centrés sur un sujet principal. Les utiliser sur votre site web offre aux utilisateurs beaucoup de contenu connexe à explorer, les gardant sur votre site plus longtemps.

L’image ci-dessous illustre le clustering de sujets en utilisant une  page pilier  centrale qui couvre le sujet principal. Et d’autres éléments qui y sont liés (et liés) :

Vous pouvez utiliser la fonctionnalité  Site Audit  de Semrush ou un outil similaire pour obtenir un aperçu de vos performances de maillage interne.

Exécutez un audit en utilisant la même méthode décrite dans la section sur la vitesse du site web.

Ensuite, cliquez sur « View Details » dans le rapport « Internal Linking » pour obtenir des informations sur :

• La profondeur de crawl (combien de liens séparent une page de la page d’accueil) de chaque page sur le site
• Quelles pages ont le moins ou le plus de liens internes pointant vers elles
• Les liens internes brisés et comment les corriger

5. Indexabilité et explorabilité

Un site web adapté au SEO doit être conçu de manière à ce qu’il soit facile pour Google de le trouver et de le comprendre. C’est tout l’objet de l’  indexabilité et de l’explorabilité .

Explorabilité  fait référence à la capacité d’un robot d’exploration web à accéder aux pages d’un site web. Et Google ne parcourra qu’un nombre limité de pages avant d’atteindre sa limite pour votre site.

Un mauvais maillage interne et des boucles de redirection peuvent empêcher les robots d’exploration d’accéder à tout votre contenu.

Indexabilité  fait référence à la capacité de Google à comprendre et à indexer le contenu.

Le contenu en double sans page canonique (ou « principale ») désignée peut entraîner des problèmes d’indexabilité, par exemple.

L’explorabilité et l’indexabilité fonctionnent ensemble pour fournir des résultats de recherche destinés à être les plus utiles pour les utilisateurs.

Les choses les plus importantes à faire pour améliorer l’explorabilité et l’indexabilité d’un site web sont :

• Tirez parti du maillage interne : Vous devez vous assurer que les robots d’indexation peuvent naviguer sur votre site Web via des liens internes. Assurez-vous que chaque page possède au moins un lien entrant provenant d’une autre page du site.

• Utilisez correctement les balises noindex : Vous pouvez demander à Google d’éviter d’indexer certaines pages en utilisant des balises meta robots. L’utilisation de ces balises empêche les moteurs de recherche d’indexer du contenu qui n’est pas destiné aux utilisateurs finaux.

• Soumettez un sitemap : A sitemap est un petit fichier qui répertorie toutes les pages importantes d’un site Web. En créer un et le soumettre via la Google Search Console garantit que les robots d’indexation peuvent atteindre les pages de votre site.

L’image ci-dessous illustre à quoi ressemble un sitemap XML. Elle montre comment le site Web est divisé en catégories.

6. Conception et utilisabilité de la page

Une conception de page adaptée au SEO garantit que les moteurs de recherche et les visiteurs bénéficient d’une bonne expérience.

Voici quelques règles de base pour vous assurer que vos pages offrent une expérience positive :

• Construisez pour les signaux d’expérience de page : Les signaux d’expérience de page de Google mesurent dans quelle mesure une page répond aux attentes des utilisateurs. Les signaux clés incluent des éléments tels que les Core Web Vitals, la compatibilité mobile et le chiffrement HTTPS.

• Utilisez des titres appropriés : Les balises de titre HTML (H1, H2, etc.) aident les robots d’indexation à comprendre la hiérarchie des informations sur une page. Une structure de titres correctement imbriquée rend votre contenu plus facile à comprendre.

• Minimisez les éléments de contenu hors page : JavaScript et les iframes sont tous deux utilisés pour extraire du contenu d’ailleurs vers une page. Ils peuvent être utiles pour enrichir les sites, mais ils ralentissent également les temps de chargement des pages et diminuent l’expérience s’ils ne sont pas chargés correctement.

La vidéo suivante traite des attentes de Google en ce qui concerne les signaux d’expérience de page :

Donner la priorité au contenu above-the-fold est également important pour une bonne conception de site Web. Car cela offre de la valeur aux utilisateurs le plus rapidement possible.

Cela implique généralement de s’assurer que des informations pertinentes et précieuses sont affichées immédiatement. Les utilisateurs ne devraient pas avoir à faire défiler pour voir ce qui est le plus important.

Un bon contenu above-the-fold indique clairement de quoi traite la page, offre aux utilisateurs des options de navigation et comporte peu de distractions qui pourraient les éloigner de la page.

Comme ceci :

7. Accessibilité

Les moteurs de recherche ne considèrent pas l’accessibilité comme un facteur de classement direct qu’ils intègrent dans leurs algorithmes de classement de recherche.

Pourquoi ?

Parce qu’il est difficile de le lier à des mesures concrètes.

Mais l’accessibilité affecte un facteur de classement connu : l’expérience utilisateur.

Il est donc important de prendre en compte l’accessibilité lors de la création d’un site Web adapté au SEO.

Google a ses propres directives d’accessibilité, qui incluent :

• Exploiter le texte alternatif des images : Le texte alternatif (connu sous le nom de balise alt) décrit l’image afin que les lecteurs d’écran puissent la lire à haute voix pour les utilisateurs malvoyants.

• Utiliser des couleurs à fort contraste : Un contraste de couleur élevé dans la conception du site Web facilite la distinction entre le texte, l’arrière-plan et les images. Les combinaisons de couleurs subtiles, comme du texte gris sur un fond blanc, rendent votre page plus difficile à lire.

• Assurer la lisibilité de la police : Votre choix de taille de police et d’alignement du texte affecte la lisibilité du contenu sur votre site. Utilisez une taille de police minimale de 16px et un alignement à gauche pour vous assurer que votre page est facile à lire.

Vous pouvez effectuer des tests d’accessibilité de base sur votre site Web en utilisant l’extension de navigateur Google Lighthouse . Elle vous indiquera où votre site fait défaut, vous guidant pour atteindre une accessibilité maximale.

8. Balisage de schéma

Le balisage de schéma est un langage de données structurées qui décrit les éléments de votre site Web d’une manière que les moteurs de recherche comprennent.

Les moteurs de recherche peuvent utiliser le schéma pour extraire des informations utiles des pages Web directement vers les pages de résultats des moteurs de recherche (SERP). Et donner aux chercheurs de meilleurs résultats.

La mise en œuvre du schéma offre également la possibilité d’obtenir des résultats enrichis, des résultats de recherche qui incluent des éléments visuels ou interactifs ajoutés.

Google est capable d’utiliser ces données structurées pour afficher des éléments tels que des FAQ, des sections de procédures et des avis.

Par exemple, l’image ci-dessous montre un résultat de recherche avec les avis correspondants :

La mise en œuvre du schéma sur votre site Web est relativement simple, surtout lorsqu’elle est gérée dans le cadre du processus de conception.

Utilisez l’outil Structured Data Markup Helper de Google pour générer le schéma.

Après avoir sélectionné votre type de données et saisi votre URL, l’outil chargera votre page et vous permettra de la baliser.

Cela ressemble à ceci :

Une fois terminé, cliquez sur «CREATE HTML» pour recevoir le code que vous ajouterez à votre site Web.

Et vous pouvez utiliser l’outil Rich Results Test pour vous assurer que votre schéma est correctement appliqué et peut alimenter les résultats enrichis sur les SERP en direct.

Entrez l’URL ou le code pour voir s’il y a des erreurs que vous devez corriger.

9. Images

Optimiser les images pour le SEO pendant la phase de conception du site Web signifie que vous pouvez obtenir du trafic supplémentaire à partir des recherches d’images.

Le SEO des images tourne autour de quelques principes de base, que Google couvre dans son guide d’optimisation des images.

.

Dans la vidéo ci-dessous, John Mueller de Google couvre tous les avantages de l’optimisation des images :

• Pour tirer le meilleur parti des opportunités de recherche d’images, assurez-vous que chaque image sur votre site Web possède : Un nom de fichier descriptif : Remplacez les noms de fichiers génériques et non descriptifs (comme image123.jpg) par une description concise de l’image (comme black-ford-bronco.jpg).

• Un format de fichier approprié :  Utilisez le bon format pour les images en fonction de leur taille et de leur qualité, comme PNG, JPEG et WebP

• Texte alternatif d’image optimisé :  Utilisez l’attribut de texte alternatif pour optimiser la recherche et rendre l’image accessible aux personnes utilisant des lecteurs d’écran en fournissant une brève description de l’image

Comment la conception Web adaptée au SEO peut aider votre entreprise

Concevoir un site Web avec les principes SEO comme lignes directrices influence l’expérience utilisateur et profite aux performances de votre entreprise.

Les principaux avantages incluent :

Augmenter votre visibilité

Commencer votre conception Web en pensant au SEO garantit que le site Web que vous construisez a de meilleures chances de capter du trafic organique (non payant).

Tous les conseils ci-dessus maximisent vos chances de vous classer pour vos mots-clés cibles.

Se concentrer sur la création de contenu de qualité et le développement d’un profil de backlinks sain améliorera également vos chances d’obtenir plus de trafic organique.

Préparer votre site pour l’avenir

Considérer le SEO comme une partie essentielle du processus de conception de site Web signifie que vous aurez une base solide pour l’optimisation.

Il y a chaque année de nombreux changements dans l’algorithme de recherche, allant de petits ajustements à des refontes importantes.

Commencer en pensant au SEO facilitera le suivi des futures mises à jour.

Faire bonne impression

Un site Web optimisé pour la recherche est également optimisé pour les utilisateurs. Et leur laisse une impression positive.

En fait,  50 % des gens  pensent que la conception du site Web est cruciale pour la perception globale de la marque.

Ainsi, prendre le temps de construire un site Web basé sur les principes SEO peut être bénéfique pour la réputation de votre marque. Et augmenter les chances que les utilisateurs reviennent.