8 erreurs à éviter sur son site Webflow

Publié le 2 December 2022 - Mis à jour le 10 July 2024 - Écrit par Fabien Manent

Introduction

Créer son site sur Webflow rapidement et efficacement, en partant de rien, peut paraître simple. Même avec une bonne prise en main de l’outil, personne n’est à l’abri de quelques erreurs. Voici 8 erreurs à éviter sur votre site Webflow, et comment les corriger.

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

1. Ne pas compresser les fichiers médias

Pour illustrer votre site web, vous ajoutez des fichiers médias, comme des photos, des illustrations ou des vidéos. Ils attirent l’attention du lecteur sur les différentes rubriques de votre site.

Si vous les insérez sans les compresser, vous augmentez le temps de chargement de vos pages. L’utilisateur attend plus longtemps et son expérience se dégrade.

La solution consiste à compresser et optimiser vos fichiers médias avant de les intégrer sur Webflow. Des outils comme Optily ou TinyPNG compressent automatiquement les images de votre site Webflow.

2. Ne pas renommer les images ni ajouter de texte alternatif

Sur un gros site, avec beaucoup de pages, de liens et d’images, il devient vite difficile de s’y retrouver.

C’est une des raisons pour lesquelles il faut renommer ses images avec des mots-clés et renseigner leur attribut Alt (le texte alternatif).

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

Des images sans nom clair ni attribut Alt freinent aussi l’accessibilité de votre site, c’est-à-dire sa capacité à être utilisé par tout le monde, y compris par les personnes en situation de handicap. Le texte alternatif est lu à voix haute aux personnes malvoyantes par leur lecteur d’écran. Il prend aussi le relais en cas de problème d’affichage. Si l’image ne se charge pas, le texte alternatif s’affiche à sa place et donne du contexte à l’utilisateur.

Renommer vos images avant de les intégrer et renseigner leur attribut Alt vous permet donc de vous y retrouver plus facilement pendant la création du site. Vous améliorez aussi votre référencement naturel (SEO) tout en rendant votre site plus accessible.

3. Ne pas renommer les classes

En plus de vos images, pensez à renommer les classes de votre site Webflow. Si vous les laissez telles quelles, vous perdez en efficacité.

Des classes mal organisées vous font perdre du temps pendant la création du site.

Nous vous recommandons d’utiliser un « Style Guide » pour garder une organisation claire dans la construction de votre site Webflow. La hiérarchie Client-First est aussi une très bonne solution pour organiser vos classes. Vous pouvez découvrir la méthodologie Client-First dans notre article dédié.

4. Ne pas utiliser l’élément « Grid »

Pour créer des colonnes, le réflexe logique est d’utiliser l’élément « Colonnes ». Cet élément limite pourtant vos possibilités de personnalisation par la suite.

Mieux vaut privilégier l’élément « Grid », qui vous laisse plus de liberté dans la mise en page.

5. Les erreurs liées au SEO

Les erreurs de SEO sont courantes. Elles vous font perdre du trafic et nuisent à votre classement face à vos concurrents.

Pour les éviter dès la conception de votre site Webflow, consultez notre Guide ultime SEO 2024.

6. Les erreurs liées aux Title tags et 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 que sur un autre.

Voici des exemples de Title tags.

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

Voici des exemples de Meta descriptions.

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

‍

Évitez les duplications dans ces 2 champs et donnez à chaque page un texte unique. Un bon Title tag ou une bonne Meta description contient des mots-clés et respecte une longueur adaptée.

7. La duplication du contenu

Lorsque vous rédigez le contenu de votre site, évitez au maximum de dupliquer du contenu.

Chaque élément de votre site doit être unique, qu’il s’agisse des titres, des paragraphes ou des URL.

8. L’indexation des pages

L’indexation des pages de votre site compte. Une page non indexée n’apparaît pas dans les moteurs de recherche, et les utilisateurs ne la verront donc pas.

Avant de demander une indexation, vérifiez que la page ne contient pas de contenu dupliqué, que l’article compte assez de mots et que la structure de la page ne pose pas de problème. Chacun de ces facteurs peut empêcher l’indexation de votre page.

Conclusion

Ces erreurs sont les plus courantes lors de la création d’un site sur Webflow. Vous savez maintenant comment les repérer et les éviter.

[FAQ]

Les questions qu'on nous pose avant de signer

‍

Vos ressources sont-elles gratuites ?

Oui. Articles, vidéos, ebooks et sélection d'outils sont en accès libre.

Certains ebooks demandent simplement votre adresse e-mail pour vous les envoyer.

Pouvez-vous nous aider à mettre en place un outil présenté ici ?

Oui, dans le cadre d'un projet ou de l'accompagnement weFlow. On met en place notamment ces sujets.

  • Des intégrations.
  • Des automatisations.
  • Le tracking.
  • De nouvelles fonctionnalités.

Dites-nous ce que vous voulez faire, et on vous dit s'il existe une solution plus simple. Contactez-nous.

Peut-on vous proposer un sujet d'article ou de vidéo ?

Oui, et c'est souvent comme ça que naissent nos meilleurs contenus.

Envoyez-nous votre question via la page contact. Si elle intéresse d'autres équipes marketing, on y répondra dans un article ou une vidéo.

Comment ça marche, l'audit gratuit de Ouiflow ?

Vous indiquez l'adresse de votre site et vous recevez l'audit sous 7 jours. Il couvre 5 sujets.

  • L'état technique du site.
  • Vos positions actuelles.
  • Les pages à fort potentiel.
  • Les erreurs bloquantes.
  • Votre visibilité dans les moteurs IA.

L'équipe le relit et le commente, avec une liste de priorités concrètes. C'est gratuit et sans engagement. Demandez votre audit.

Prenez 30 minutes avec un expert, pas avec un commercial.

On regarde votre site, votre stack et vos objectifs, puis on vous dit ce qu'on ferait, même si ce n'est pas avec nous. Pas de présentation commerciale.