9 étapes pour optimiser son site Webflow pour le SEO

Découvrez 9 étapes indispensables pour optimiser le référencement naturel de votre site internet sur Webflow. Expliquées et imagées, mettez rapidement en place ces optimisations et augmentez le trafic de votre site web en quelques semaines.
Photo de l'auteur
Sandro DA SILVA
Publié le
29/4/2024
Mis à jour le
29/4/2024
Illustration de l'article
Sommaire

1. Ajouter des balises Title et des Meta descriptions à toutes les pages

Affichées dans les résultats de moteur de recherche (SERP), la balise title et la meta description fournissent un aperçu textuel du contenu de votre page.

Quand on sait que le taux de clics élevé est un facteur SEO positif, notre meta description et notre titre doit être convaincant pour le lecteur. Plus les gens cliquent sur votre site Web - plus Google pense qu'il offre de valeur - plus il sera classé.

Pour ajouter une meta description et un title tag sur Webflow, rendez-vous dans Page Settings → SEO settings.

Image de l'interface Webflow permettant de renseigner les balises SEO
Interface Webflow - SEO Settings

Balise Title

La balise title est le premier point de contact entre vous et un visiteur potentiel. Gardez-le sous 60 caractères car Google tronque les titres plus longs.

Meta description

La meta description est un résumé de page de texte affiché dans les résultats de recherche. Il doit contenir moins de 155 caractères au risque d’être tronqué.

Exemple d'affichage sur la SERP

2. Utiliser les balises d’en-tête appropriées

Concentrez-vous sur la configuration des balises d'en-tête appropriées (H1 à H6).

Les balises de titre aident à la fois les lecteurs et les moteurs de recherche à traiter le contenu de votre page et à comprendre comment différentes informations sont liées les unes aux autres. Ils capturent le sujet principal et les sous-sujets au même titre que les chapitres d’un livre.

Hiérarchisation Hn pour la Homepage de Gemeos

3. Ajouter des ancres de lien

L’ancre de lien améliore le maillage interne, ce qui bénéficie à la bonne répartition du « jus SEO » à travers les pages du site y compris les pages les plus profondes et ce qui favorise votre classement dans les pages de résultats de recherche par les robots d’indexation Google. Le but d’une ancre de lien peut être aussi incitatif pour l’internaute, et impliquer un call-to-action pour provoquer un clic de sa part.

Une ancre de texte est un moyen très puissant d’améliorer votre SEO et votre ranking sur vos mots-clés stratégiques. Une ancre de lien consiste tout simplement à remplacer un lien dans votre contenu par une expression ou des mots-clés qui représentent fidèlement ce à quoi le lecteur doit s’attendre en cliquant dessus.

Nous donnons vie à vos projets web
Attirez et fidélisez vos clients grâce à un site web intuitif, esthétique et performant !
Splash

4. Activer “Minify CSS” et “Minify JS” dans les paramètres

Les débris de code augmentent le temps de chargement de vos pages. Google recommande donc de compresser HTML, CSS et JavaScript dans la mesure du possible. Webflow trie cela pour vous.

Pour l’activer allez sur Webflow, rendez-vous dans Page Settings → Hosting.

Hosting settings SEO
Hosting SEO settings - Webflow

5. Alléger votre site en supprimant les éléments non utilisés

Un des facteurs les plus importants pour être bien référencé sur les moteurs de recherche concerne la vitesse de chargement de votre site.

Supprimer les paramètres CSS pas utilisés

Rendez-vous sur Webflow → Style Manager → Clean Up → Remove all

Supprimer les animations non utilisées

Rendez-vous sur Webflow → Interactions → Clean Up → Remove all

Résultat Page Speed Insight - Gemeos
Résultat Page Speed Insight - Gemeos

6. Ajouter les balises open graph

Permettant de partager le contenu d'une page web sur les réseaux sociaux les données Open Graph ****sont un ensemble de balises utilisées pour fournir des informations structurées et riches sur le contenu d'une page d'un site Web.

Il permet ainsi d’augmenter le taux de clic lorsque vos articles de blog sont partagés par vos lecteurs par exemple.

Voici à quoi ressemble un Open Graph une fois paramétré :

Exemple Open Graph - Gemeos

Pour ajouter les balises Open Graph sur Webflow, rendez-vous dans Page Settings → Open Graph Settings.

Image de l'interface Webflow permettant de renseigner les balises SEO

7. Ajouter des balises ALT pour les images

Les textes alternatifs (balises) sont comme des meta descriptions pour les images. Ils expliquent le contenu de l'image à un robot d'exploration de moteur de recherche qui ne peut pas le voir.

Les balises Alt sont également utiles pour l'accessibilité Web , car les lecteurs d'écran en dépendent pour afficher le contenu de l'image. De plus, des descriptions de texte apparaîtront si l'image ne se charge pas.

8. Ajouter des balises canonical

Le rôle majeur des balises canonical est d’éviter que Google ne détecte du contenu dupliqué. C’est une des très mauvaises pratiques en SEO qui pourrait vous coûter cher dans les classements.

En effet, le « duplicate content » est une pratique considérée comme frauduleuse par l’algorithme de Google : elle est sanctionnée en conséquence, en « plombant » significativement la position du site en question dans les résultats de recherche.

Placez votre balise canonical dans la partie < head >  de votre code au niveau de la page. Elle prend la forme suivante

< link rel=«canonical» href=« https://votresite.com/page-exemple/» / >

Rendez-vous dans Page Settings → Inside <head> tag

Image de l'interface Webflow permettant de renseigner du code dans le header
Interface Webflow - Custom Code

9. Convertir vos images au nouveau format WebP

Le format d'image WebP conserve la plupart de la haute qualité d'une image tout en la compressant dans un fichier de plus petite taille. Cela permet aux pages Web de se charger plus rapidement et d'économiser de l'espace de stockage sur le site Web. Vous pouvez convertir vos images directement dans Webflow

Le chemin à suivre :

  1. Rendez-vous dans le panneau Assets
  2. Sélectionnez vos images
  3. Cliquez sur "compresser"
Photo de l'auteur
Sandro DA SILVA
Recevez du contenu actionnable sur Webflow chaque semaine.
Newsletter
Ces articles pourraient vous intéresser

Nos autres articles populaires

Tout voir
Illustration de l'article
Growth
5 min
5 raisons pour lesquelles votre entreprise a besoin d'un site web
Photo de l'auteur
Sacha D.
Illustration de l'article
Outils
5 min
Peut-on faire des sites multilingues avec Webflow ?
Photo de l'auteur
Sandro D.
Illustration de l'article
Outils
1 min
3 nouveautés dans le CMS de Webflow
Photo de l'auteur
Sandro D.