5 erreurs à éviter de commettre pour votre site Webflow

concevoir site avec une agence webflow

Avoir un site web est désormais une nécessité pour toutes les entreprises. Grâce à Webflow, il n’est plus nécessaire d’avoir des compétences pointues en développement web pour concevoir un site internet. En effet, cet outil dispose d’une interface très intuitive avec des fonctionnalités simples à utiliser. Cependant, la création d’un site webflow est une tâche délicate, surtout quand on est débutant. Quelles sont les erreurs à éviter pendant ce processus ? La réponse dans cet article. 

Oublier de compresser les fichiers médias avant de les insérer 

Pendant la conception d’un site webflow, vous devez insérer certains fichiers médias. Généralement, durant cette étape, on oublie de compresser les fichiers concernés. Et cela présente plusieurs conséquences. En effet, une image ou une vidéo non compressée pèse plus lourd que la normale et cela ralentit le temps de chargement du site. 

En conséquence, la page web est lente et elle présente de très mauvaises performances. Pour éviter de vivre une telle expérience avec votre site, vous pouvez confier sa conception à une agence webflow. Vous pouvez aussi recourir à Petit Hack pour améliorer la vitesse de chargement de votre site web.

agence webflow

Ajouter des images sans les renommer

Une autre erreur à ne pas commettre sur votre site webflow est l’ajout des images sans les renommer. Cette erreur peut considérablement affecter la qualité de votre page web et la rendre moins responsive. En fait, lorsque vous renommez les images avant de les ajouter, cela permet d’une part de les retrouver facilement après et d’autre part d’améliorer le SEO de votre site internet.

Les images d’un site web jouent un rôle fondamental dans le référencement naturel de ce dernier. Ce sont elles qui permettent d’illustrer vos articles et de diversifier les contenus que vous publiez. Elles sont également un moyen efficace pour capter l’attention des internautes. 

Il est alors nécessaire de les renommer avec des indications précises et décrivant ce qui est représenté sur l’image. Cela est également très utile à l’optimisation du référencement organique du site. 

En effet, les robots d’indexation présents sur internet comprennent mieux ce que représente votre image quand vous la renommez. Dès lors, ces robots travaillent à donner de la crédibilité à votre page si elle est dans le bon thème. 

Il faut aussi éviter de publier des images sans ajouter une balise Alt texte. Cela est important, car l’attribut Alt permet de décrire le plus fidèlement possible l’image insérée aux moteurs de recherche. 

Manquer de nommer les classes 

De toutes les erreurs à éviter de commettre sur votre site Webflow, celle-ci est assurément la plus grave. Ne pas nommer les classes de votre projet webflow peut vous créer d’énormes problèmes dans le fonctionnement de votre site. Dans un premier temps, les innombrables classes sans nom vont surcharger le code source de votre projet. Ainsi, les performances du site seront impactées négativement.

Ensuite, le développement du site vous prendra un temps énorme, surtout si vous utilisez le même style de bloc sur différentes pages. Lorsque vous ne nommez pas vos classes, vous perdrez beaucoup de temps à rechercher le nom du bloc correspondant et vous devrez redesigner directement depuis le Style Manager.

Certes, il n’existe aucune contrainte en ce qui concerne les types de noms à utiliser pour les classes. Mais une bonne pratique consiste à utiliser des noms traduisant la sémantique de l’élément plutôt que la mise en forme. 

Modifier une classe sans vérifier sa présence sur une autre page

Cette erreur est souvent récurrente et elle concerne aussi les classes. Elle consiste à changer une classe sur une de vos pages sans vérifier sa présence sur une autre page de votre site. Certes, pour aller plus vite dans la conception de votre site, il faut renommer les classes et les utiliser sur différentes pages. Mais, si vous faites une modification de style d’une classe sur une page et que celle-ci est présente sur une autre, les modifications vont aussi s’effectuer sur cette autre page. 

Pour vérifier la présence d’une classe sur une autre page de votre site, vous pouvez utiliser la fonctionnalité « selector » dans le manager style de Webflow. Le « selector » permet de renommer les classes et de voir celles qui figurent déjà dans un autre bloc. Une petite inscription est visible en dessous des classes affichées. Celle-ci indique le nombre de classes identiques sur la page actuelle et les autres pages.

  

Ajouter des bordures ou du padding aux éléments enfants

Dans la section « Spacing » de webflow, vous avez la possibilité de définir des marges (Margin) et des écarts (padding) entre les éléments de votre page. Pour information, les marges définissent l’espacement externe entre la bordure d’un élément et les éléments environnants. 

Le padding quant à lui se réfère à l’espacement interne entre la bordure d’un élément et ceux qui sont à l’intérieur. Les premiers éléments sont appelés « éléments parents » et les éléments à l’intérieur de ces derniers sont appelés « éléments enfants ». 

Généralement, l’erreur la plus fréquente dans la section réservée aux espacements Webflow consiste à ajouter directement des marges ou du padding aux éléments enfants. Cela peut avoir des conséquences sur votre site parce que c’est l’ordre inverse qui doit normalement être appliqué.

En effet, lorsque vous modifiez l’élément enfant en ajoutant des marges à l’élément parent, le design du site n’est pas affecté. En revanche, si vous affectez des marges à l’élément enfant et que vous faites ensuite une modification, il est très probable d’avoir des problèmes dans le design de votre projet.

En somme, les principales erreurs à éviter de commettre pour votre site webflow concernent majoritairement le design des pages web qui s’y trouvent. Par ailleurs, il faut aussi éviter d’insérer des médias sans les renommer au préalable.

Continuez avec ces publications