En cliquant sur "Accepter tous les cookies", vous acceptez que des cookies soient stockés sur votre appareil afin d'améliorer la navigation sur le site, d'analyser l'utilisation du site et de contribuer à nos efforts de marketing. Consultez notre politique de confidentialité pour plus d'informations.

8 erreurs à éviter sur son site Webflow

Image d'illustration formes 3D
Temps de lecture : 3min

Introduction

Partir de rien et créer et construire son site internet sur Webflow rapidement et efficacement peut paraître simple. Mais malgré une bonne prise en main de l’outil, nous ne sommes pas à l’abri de quelques erreurs.

En évitant ces erreurs, votre site Webflow deviendra plus optimisé, plus performant et mieux classé.

1. Ne pas compresser les fichiers médias

Afin d’illustrer votre site Web, vous insérez des fichiers médias. Les photos, illustrations, vidéos … Tout cela permet d’attirer l’attention du lecteur sur toutes les rubriques de votre site.

Vous insérez ces médias directement, sans même les compresser ? Si c’est le cas, vous augmentez le temps de chargement de page de votre site internet. L’utilisateur va attendre plus longtemps et cela va donner une mauvaise expérience utilisateur.

La solution ? Compresser et optimisez vos fichiers médias avant de les intégrer sur Webflow. Il existe des outils tels que Optily ou encore TinyPNG qui vous permettent de compresser les images pour votre site Webflow automatiquement.

2. Ne pas renommer les images et ajouter les Alt images

Un gros site, avec beaucoup de pages, beaucoup de liens et beaucoup d’images. On risque de s’y perdre avec toutes ces images, non ?

C’est une des raisons pour laquelle il faut absolument renommer ses images avec des mots-clés et ajouter les attributs Alt images.

L’attribut Alt d’une image indique à Google ce que contient l’image. C’est donc un paramétrage important pour améliorer le référencement de votre site Webflow.

Le fait de ne pas renommer les images et ajouter les Alt images va freiner l’accessibilité de votre site. C’est-à-dire le fait que votre site soit accessible et utilisable à n’importe quel moment et par tout le monde, sans oublier les personnes en situation de handicaps. Le Alt image permet d’ailleurs d’indiquer oralement le contenu de l’image pour les personnes malvoyantes ou encore de prendre le relais en cas de problème d’affichage de l’image. Si le site connaît un problème de chargement, le Alt Image sera visible pour remplacer l’image et donner du contexte à l’utilisateur.

En conclusion : renommer vos images avant de les intégrer à votre site Webflow et ajouter les Alt images va permettre de vous y retrouver plus facilement lors de la création de votre site, mais aussi améliorer votre référencement naturel (SEO) en pensant à l’accessibilité.

3. Ne pas renommer les classes

En plus de renommer vos images, il faut renommer les classes de votre site Webflow. En les laissant telles quelles, vous risquez de perdre en performance (ce qui est dommage, non ?).

Donc, lors de la création de votre site, si vous avez une mauvaise organisation dans vos classes, vous risquez de perdre du temps et ainsi être moins performant.

Nous vous recommandons d’utiliser un “Style Guide” qui permettra de rester très organisé dans la construction de votre site Webflow. La hiérarchie Client-First est également une très bonne solution pour garder des classes organisées. Vous pouvez découvrir à quoi correspond la méthodologie Client-First dans cet article

4. Ne pas utiliser l’élément “Grid”

Vous voulez créer des colonnes et vous utilisez l’élément “Colonnes” ? C’est plutôt logique, mais cet élément va vous restreindre au niveau des possibilités de personnalisation de votre site par la suite.

Il vaut mieux privilégier l’élément “Grid” à la place, ce qui vous laissera plus de possibilités de personnalisation.

5. Les erreurs liées au SEO

Les erreurs liées au SEO sont courantes et vous feront perdre du trafic sur votre site, mais aussi nuire à votre classement parmi vos concurrents.

Pour éviter de faire des erreurs de SEO dès la conception de votre site Webflow, allez checker notre Guide Ultime SEO 2024.

6. Les erreurs liées aux Title tags / Meta descriptions

Le Title Tag et la Meta Description sont les éléments qui donnent envie à l’utilisateur de cliquer sur votre site plutôt qu’un autre.

Exemples de Title Tag :

Exemple de méta titles
Ceci est un exemple de Title Tags

Exemples de méta descriptions :

Exemple de méta descriptions
Ceci est un exemple de Meta Description

Il faut absolument éviter les duplications dans ces deux champs, mais donner un caractère unique. Un bon Title Tag ou une bonne Meta Description contient des mots-clés et a une bonne longueur.

7. La duplication du contenu

Lorsque vous écrivez le contenu de votre site, il faut éviter au maximum la duplication du contenu.

En effet, il faut veiller à ce que chaque élément de votre site internet soit unique, que ce soit les titres, les paragraphes, l’URL …

8. L’indexation des sites

Indexer les différentes pages de son site est important. En effet, si vos pages ne sont pas indexées, elles ne seront pas vues par les moteurs de recherche, et donc ne seront pas vues par les utilisateurs.

Cependant, avant de demander une indexation, il faut surtout faire attention à ne pas avoir de contenu dupliqué, qu’il y ait assez de mots dans votre article, qu’il n’y ait pas de problème dans la structure de votre page. Un de ces facteurs pourrait être une raison de non-indexation de votre page.

Conclusion

Voici les erreurs les plus courantes que vous êtes susceptibles de faire lors de la création de votre site sur Webflow. Mais après cet article, vous êtes devenus des pros !

Introduction

Partir de rien et créer et construire son site internet sur Webflow rapidement et efficacement peut paraître simple. Mais malgré une bonne prise en main de l’outil, nous ne sommes pas à l’abri de quelques erreurs.

En évitant ces erreurs, votre site Webflow deviendra plus optimisé, plus performant et mieux classé.

1. Ne pas compresser les fichiers médias

Afin d’illustrer votre site Web, vous insérez des fichiers médias. Les photos, illustrations, vidéos … Tout cela permet d’attirer l’attention du lecteur sur toutes les rubriques de votre site.

Vous insérez ces médias directement, sans même les compresser ? Si c’est le cas, vous augmentez le temps de chargement de page de votre site internet. L’utilisateur va attendre plus longtemps et cela va donner une mauvaise expérience utilisateur.

La solution ? Compresser et optimisez vos fichiers médias avant de les intégrer sur Webflow. Il existe des outils tels que Optily ou encore TinyPNG qui vous permettent de compresser les images pour votre site Webflow automatiquement.

2. Ne pas renommer les images et ajouter les Alt images

Un gros site, avec beaucoup de pages, beaucoup de liens et beaucoup d’images. On risque de s’y perdre avec toutes ces images, non ?

C’est une des raisons pour laquelle il faut absolument renommer ses images avec des mots-clés et ajouter les attributs Alt images.

L’attribut Alt d’une image indique à Google ce que contient l’image. C’est donc un paramétrage important pour améliorer le référencement de votre site Webflow.

Le fait de ne pas renommer les images et ajouter les Alt images va freiner l’accessibilité de votre site. C’est-à-dire le fait que votre site soit accessible et utilisable à n’importe quel moment et par tout le monde, sans oublier les personnes en situation de handicaps. Le Alt image permet d’ailleurs d’indiquer oralement le contenu de l’image pour les personnes malvoyantes ou encore de prendre le relais en cas de problème d’affichage de l’image. Si le site connaît un problème de chargement, le Alt Image sera visible pour remplacer l’image et donner du contexte à l’utilisateur.

En conclusion : renommer vos images avant de les intégrer à votre site Webflow et ajouter les Alt images va permettre de vous y retrouver plus facilement lors de la création de votre site, mais aussi améliorer votre référencement naturel (SEO) en pensant à l’accessibilité.

3. Ne pas renommer les classes

En plus de renommer vos images, il faut renommer les classes de votre site Webflow. En les laissant telles quelles, vous risquez de perdre en performance (ce qui est dommage, non ?).

Donc, lors de la création de votre site, si vous avez une mauvaise organisation dans vos classes, vous risquez de perdre du temps et ainsi être moins performant.

Nous vous recommandons d’utiliser un “Style Guide” qui permettra de rester très organisé dans la construction de votre site Webflow. La hiérarchie Client-First est également une très bonne solution pour garder des classes organisées. Vous pouvez découvrir à quoi correspond la méthodologie Client-First dans cet article

4. Ne pas utiliser l’élément “Grid”

Vous voulez créer des colonnes et vous utilisez l’élément “Colonnes” ? C’est plutôt logique, mais cet élément va vous restreindre au niveau des possibilités de personnalisation de votre site par la suite.

Il vaut mieux privilégier l’élément “Grid” à la place, ce qui vous laissera plus de possibilités de personnalisation.

5. Les erreurs liées au SEO

Les erreurs liées au SEO sont courantes et vous feront perdre du trafic sur votre site, mais aussi nuire à votre classement parmi vos concurrents.

Pour éviter de faire des erreurs de SEO dès la conception de votre site Webflow, allez checker notre Guide Ultime SEO 2024.

6. Les erreurs liées aux Title tags / Meta descriptions

Le Title Tag et la Meta Description sont les éléments qui donnent envie à l’utilisateur de cliquer sur votre site plutôt qu’un autre.

Exemples de Title Tag :

Exemple de méta titles
Ceci est un exemple de Title Tags

Exemples de méta descriptions :

Exemple de méta descriptions
Ceci est un exemple de Meta Description

Il faut absolument éviter les duplications dans ces deux champs, mais donner un caractère unique. Un bon Title Tag ou une bonne Meta Description contient des mots-clés et a une bonne longueur.

7. La duplication du contenu

Lorsque vous écrivez le contenu de votre site, il faut éviter au maximum la duplication du contenu.

En effet, il faut veiller à ce que chaque élément de votre site internet soit unique, que ce soit les titres, les paragraphes, l’URL …

8. L’indexation des sites

Indexer les différentes pages de son site est important. En effet, si vos pages ne sont pas indexées, elles ne seront pas vues par les moteurs de recherche, et donc ne seront pas vues par les utilisateurs.

Cependant, avant de demander une indexation, il faut surtout faire attention à ne pas avoir de contenu dupliqué, qu’il y ait assez de mots dans votre article, qu’il n’y ait pas de problème dans la structure de votre page. Un de ces facteurs pourrait être une raison de non-indexation de votre page.

Conclusion

Voici les erreurs les plus courantes que vous êtes susceptibles de faire lors de la création de votre site sur Webflow. Mais après cet article, vous êtes devenus des pros !