Webflow ou Wordpress : Quel est le meilleur outil pour ton site web ?

Quoi de mieux que la création d’un site web pour atteindre de nouveaux clients, renforcer sa crédibilité ou encore générer des revenus ? Peu importe le domaine d’une entreprise, un site web optimisé et dynamique permet de présenter offres et services à ses prospects. La question de l’outil pour construire ce site va donc rapidement se poser. Faut-il faire confiance au populaire Wordpress ou bien donner sa chance à son alternative Webflow qui petit à petit, devient le préféré des professionnels ? Comment choisir le meilleur outil pour ton projet ?

‍

‍

Dans ce comparatif Webflow ou Wordpress, nous explorerons les avantages à utiliser ces deux outils, à travers 8 caractéristiques : fonctionnalités, interfaces, optimisations pour le référencement naturel, responsivité, facilité d'utilisation, personnalisation, sécurité et prix, pour t’aider à trouver la meilleure solution.

‍

Présentation de Wordpress et Webflow

‍

Wordpress c'est quoi ?

Wordpress est un système de gestion de contenu (CMS ou Content Management System) gratuit et open source, très accessible qui permet à tout un chacun de créer un site Internet ou un blog. À l’heure actuelle, ce géant se positionne en leader sur le marché des CMS à travers le monde : Wordpress est utilisé par plus d’un site sur trois.

Il est important de faire la différence entre Wordpress.org qui propose de construire des sites auto-hébergés (c’est-à-dire en local sur un ordinateur) à déployer ensuite en ligne via un plan d’hébergement et Wordpress.com (une version payante qui propose l’hébergement mais des fonctionnalités très limitées). Pour cet article, nous nous consacrerons à Wordpress.org.

‍

Webflow c'est quoi ?

Webflow est une plateforme en ligne de type SaaS (Software as a Service) clé en main qui permet de concevoir des sites internet en utilisant la programmation visuelle grâce à la technologie NoCode. Sur Webflow, tout est géré au même endroit : base de données, hébergement, éditeur. Son côté ultra-personnalisable sans avoir à écrire une seule ligne de code mais avec la capacité d'en ajouter au besoin, en fait la solution préférée de nombreux experts en webdesign pour concevoir des sites de qualité. Il se place donc en concurrent direct du leader sur le marché mais aussi d'autres plateformes de conception telles que Wix ou encore Squarespace.

‍

Pour aller plus loin tu peux lire Webflow, tout savoir sur l’outil

‍

Les caractéristiques principales de Wordpress et Webflow

Les deux plateformes proposent une multitude de caractéristiques. Pour les besoins de l'article nous porterons notre attention sur les 8 plus pertinentes à nos yeux afin de développer un site web personnalisé, flexible et performant pour les professionnels.

‍

1. Fonctionnalités natives

‍

Principales fonctionnalités de Wordpress

Initialement conçue pour réaliser des activités de blogging, la particularité de Wordpress est de proposer un système de catégories qui permet de classer les articles par thèmes et par ordre chronologique de manière automatique.

Une des fonctionnalités natives intéressante est la permission des commentaires pour les utilisateurs. En effet, Wordpress autorise la lecture et offre l'opportunité à l’internaute de déposer un avis directement à la suite de l’article. Une manière de l’engager facilement en lui offrant une liberté de réponse.

‍

Dans le même esprit et comme Worpdress est par défaut un outil collaboratif, on peut gérer les utilisateurs sous forme de rôles spécifiques avec différents degrés d’autorisations allant de l’administrateur au simple abonné.

Enfin, toutes les images, vidéos et audios sont stockées dans la bibliothèque des médias, base de données spécifique sur Wordpress. Cela permet de centraliser l’ensemble des médias à un seul endroit (eux aussi classés par ordre chronologique).

‍

Principales fonctionnalités de Webflow

Webflow propose un CMS intégré et très intuitif (à partir du 2eme plan tarifaire) qui permet la mise à jour des contenus de manière simple et rapide même pour les débutants.

La fonctionnalité éditeur permet d’effectuer des retouches ou de créer des contenus sur les pages réelles en direct. C’est un gain de temps non négligeable lorsque l’on sait à quel point il peut être long et fastidieux de modifier un élément dans un CMS.

‍

Si la plupart des CMS (et notamment Wordpress) fonctionnent avec l’ajout de nombreux plugins ou d’extensions supplémentaires pour étendre les possibilités de création, Webflow possède peu d’intégrations mais plus de possibilités de base pour la création d’un site. C’est un avantage en matière de sécurité puisqu’au lieu de s’éparpiller sur des plugins, tout reste sous contrôle à un seul endroit.

Webflow ne permet pas (encore) de manière native de créer différents comptes utilisateurs contrairement à Wordpress, pas plus que la possibilité de laisser un commentaire. Il est cependant possible de contourner ce problème avec l’ajout d’outils tiers.

‍

2. L’interface

‍

L’interface de Wordpress

‍

Le dashboard de Wordpress est personnalisable au niveau des couleurs (ici le rouge) et en français. Le menu sur la gauche permet d’accéder aux articles, pages, commentaires ou encore médias… Certaines extensions apparaissent directement dans le menu (Cookies, Yoast, Elementor, etc.). En choisissant un onglet, le contenu du tableau de bord donne les informations relatives à la sélection.

‍

Pour écrire un article ou une page, on part toujours de zéro, il suffit de remplir les différentes sections ou bien de se servir des blocs Gutenberg pour gérer entièrement la structure de la page. Les blocs Gutenberg permettent d’éditer l’article en le construisant grâce à des blocs de contenus dédiés. Ils sont catégorisés en plusieurs types : communs (paragraphe, titre, image, etc.), mise en forme (code, citation, tableau), mise en page (bouton, séparateur), autres (widget, blocs réutilisables).

‍

‍

Apparaissent également l’état de santé du site et un petit récap de ce qu’il contient, plutôt pratique pour avoir un point de vue instantané de son site.

‍

L’interface de Webflow

‍

Dans le menu à gauche, on retrouve l’onglet CMS collections qui va permettre de gérer tout l’aspect CMS. Chaque collection est un regroupement de type de contenus possédant chacun une structure personnalisable. Il suffit donc de construire une structure sur mesure qui sera reproduite en fonction des besoins sur les autres pages. Pour faire simple, on crée une fois la structure de notre page article dans un template personnalisé et à chaque nouvel article, il faudra simplement compléter les champs avec le nouveau contenu, la mise en page se fera automatiquement.

‍

‍

Pour créer une collection on peut partir d’un template, alias modèle de collection. Ces derniers même s’ils proposent une structure de base demeurent personnalisables et offre un bon compromis lorsque l’on n’est pas trop sûr de la configuration que l'on souhaite intégrer.

‍

3. Les optimisations SEO

‍

Pour rappel, le SEO (Search Engine Optimization) appelé également référencement naturel, c’est la manière dont les robots d’indexations du moteur de recherche Google trouvent un site sur le web et surtout, comment ils le placent dans les résultats de recherche des internautes. On parle donc d’une performance indispensable pour ton projet.

‍

Wordpress et le SEO

Pour Wordpress c’est assez simple, il suffit de télécharger l’extension Yoast SEO et de suivre les recommandations en temps réel pour optimiser au mieux son site. L’extension en version gratuite se révèle une précieuse alliée dans l’optimisation d’un site sous Wordpress pour le référencement naturel. Tu peux toujours aller plus loin en prenant la version payante.

‍

‍

On ne va pas rentrer dans les détails de ce que propose Yoast SEO (il y en aurait trop), sache qu’il permet un aperçu SEO global de toutes les pages du site en plus de celui sur chaque contenu dédié.

‍

Webflow et le SEO

Webflow n’a pas à rougir à ce sujet, bien au contraire. Le CMS Webflow est naturellement SEO friendly car les paramètres SEO lui sont intégrés de manière native dans le service. On peut donc optimiser son référencement naturel sur chaque page sans aucune extension.

‍

‍

Tu peux également configurer les settings SEO et le OpenGraph directement dans les CMS collections.

Évidemment, cela ne remplace en rien des outils d’analyse SEO ainsi qu’une bonne stratégie de référencement naturel, mais cette approche offerte par Webflow montre la performance recherchée pour construire des sites web bien référencés.

‍

4. Le responsive design

‍

Le responsive design est la capacité à s’adapter automatiquement à toutes les tailles d’écrans. Une condition essentielle aujourd’hui quand on sait que plus de 80% des internautes naviguent sur Internet depuis leur mobile.

‍

La responsivité de Wordpress

‍

Le design de Wordpress fonctionne par thèmes que l’on peut télécharger. Certains sont gratuits, d’autres non. Ils ne sont cependant pas tous responsives et il faudra être vigilant à ce sujet. Heureusement, dans la recherche de thème, on peut sélectionner le filtre “responsive”.

‍

La responsivité de Webflow

Côté Webflow, en tant qu’éditeur puissant, l'outil possède son propre moteur responsive intégré qui gère les changements d'écrans. Durant toute la conception, on peut observer le résultat sur différentes tailles d’écran. Le moteur ajuste le contenu automatiquement grâce aux breakpoints (qui facilitent la mise en page en fonction de la taille de l’écran) et au flexbox (sortes de boîtes dans lesquels les éléments sont placés et qui réajustent automatiquement le contenu en fonction de l’espace disponible). Même les animations s’adaptent !

‍

‍

On peut encore aller plus loin et mettre en place une animation ou une couleur qui diffère en fonction de la taille d’écran. De quoi offrir une expérience utilisateur aux petits oignons !

‍

5. La personnalisation

‍

Le sur-mesure selon Wordpress

Wordpress propose via sa bibliothèque de thème avec +11k thèmes différents pour la construction de sites web. La grande majorité de ces thèmes est payante.

Côté personnalisation, certains thèmes sur Wordpress sont personnalisables grâce à la mise en place d’un page builder avec l’extension (encore une) Elementor, Divi ou Beaver. Le rendu s’adapte à toutes les pages du site, ce qui permet aussi de gagner du temps et d’avoir un bon rendu final.

‍

Le sur-mesure selon Wordpress

En comparaison, on compte +1500 templates chez Webflow.

Le nombre peut paraître faible, cependant avec Webflow, qu’on parte d’un template ou de zéro, l’étendue des possibles est bien plus vaste. Les possibilités de cet outil NoCode permettent de développer un site 100% custom et unique. On peut même aller jusqu’à ajouter des animations originales sans utiliser une seule ligne de code (et on peut aussi ajouter du code pour aller plus loin encore).

‍

Découvre notre Agence Webflow

‍

6. La facilité d’utilisation

‍

La prise en main cotée Wordpress

Au premier abord, Wordpress semble assez facile à prendre en main pour construire son site. Entre les extensions à ajouter d’un seul clic, les thèmes à installer et la simplicité du menu, il apparaît comme très facile d’accès. En réalité, l’outil n’est pas très intuitif et on se perd, parfois, à chercher dans quelle section se rendre en fonction de ce que l’on souhaite faire.

Il faut également composer avec le thème choisi qui peut s’avérer être très limité en termes d’options, ce qui signifie que lorsque l’on recherche une solution ou un effet voulu, on peut se retrouver bloqué à souhaiter un élément qui n’existe tout simplement pas sur le thème en question.

Utiliser un page builder ou Gutenberg facilite la mise en page bien qu’il faille s’y reprendre plusieurs fois pour déposer un élément parfois.

‍

En revanche, mettre le site en ligne peut-être compliquée pour des novices. Rappelons que Wordpress se télécharge pour construire son site en local. Il faudra également lui ajouter une database pour gérer les données et acheter un nom de domaine avant de le déployer en ligne via un hébergeur.

‍

‍

Notons également que la maintenance du logiciel et donc de son site n’est pas réalisée par Wordpress. Ces manipulations peuvent être complexes pour des non-techs.

Heureusement, l’outil étant très populaire, on trouve quantité de ressources sur le web pour progresser avec les bons tutos.

‍

La prise en main cotée Webflow

Webflow de son côté possède une courbe d’apprentissage bien plus complexe. N’oublions pas qu’il ne s’agit pas d’un simple CMS comme son concurrent mais bien d’un éditeur de site tout-en-un et personnalisable qui possède une partie CMS.

Le côté “drag and drop” (glisser-déposer) de l’éditeur facilite cependant grandement la prise en main. Même si tout l‘outil est en anglais et que l’interface peut rappeler la programmation classique, elle se veut également très intuitive et conviviale. C’est pourquoi l’outil est très apprécié des développeurs et des designeurs.

Pour faciliter la montée en compétences, Webflow propose la Webflow University en plus de la communauté NoCode très active et bienveillante disponible sur le web.

‍

‍

Nul besoin d’hébergeur ici ou de télécharger quoi que ce soit. En tant que plateforme SaaS, il ne suffit que d’une connexion internet et d'un mot de passe. La plateforme se charge de l’hébergement du site et des bases de données ainsi que de la maintenance offrant ainsi une autonomie certaine et une tranquillité d’esprit.

‍

7. La sécurité

‍

Des failles chez Wordpress

En tant que leader gratuit et open source, Wordpress est une cible de choix pour les hackers. Avec plus de 57 000 extensions possibles, c’est autant de possibilités de cyberattaques grâce aux failles induites par ces plugins.

‍

‍

Il n’existe aucun moyen de vérifier les pratiques en termes de sécurité de tous ces développeurs d’extensions et dans la logique, plus on intègre d’extensions, plus on crée de failles dans la machine. Il faut donc être vigilant lorsque l’on décide d’ajouter une extension et bien se renseigner sur ses origines.

‍

Challenge relevé chez Webflow

Webflow a contrario, se veut fiable et sécure. Tous les sites développés sous l’outil reçoivent automatiquement un certificat SSL qui permet d’établir une connexion sécurisée entre le site et les navigateurs. L’outil met un point d’honneur à offrir une bonne protection face aux attaques DDos et poursuit ses efforts en ce sens.

‍

8. Le prix

‍

Le coût d’un site sur Wordpress

À vue de nez, on pourrait croire que Wordpress l’emporte haut la main puisqu’il est gratuit et qu’il ne faut payer qu’un hébergeur. Et bien dans la réalité, ça dépend surtout de l’envergure du site.

‍

Tu peux t’amuser à faire le calcul si tu veux mais si tu considères :

Un hébergement à l’année + un thème payant + plusieurs extensions payantes pour Wordpress = une note qui peut vite grimper si l’on n’y prend pas garde.

‍

Le coût d’un site sur Webflow

Un abonnement à l’année pour Webflow + le coût d’un template payant et c’est tout.

Tu te rendras compte que c’est assez similaire en réalité.

C’est à toi de voir ce qui est le plus rentable par rapport à ce que tu souhaites proposer à tes internautes et aussi de tes propres capacités budgétaires et techniques.

‍

En conclusion, Wordpress vs Webflow ?

Après avoir fait le tour du sujet, tu devrais avoir un avis plus éclairé sur la question de quel outil choisir. Chacun possède ses avantages et ses inconvénients.

‍

Wordpress propose un grand choix de thèmes et d’extensions pertinentes (surtout pour le SEO) ainsi qu’une courbe d’apprentissage assez courte. En revanche, il offre un potentiel de design limité pour un novice et aucune vraie promesse en matière de sécurité. Il a beau être gratuit, la note finale en ajoutant des extensions peut vite devenir importante.

Webflow de son côté, propose une flexibilité accrue en termes de design et de SEO, un accès rapide (pas d’installation) et une autonomie pertinente (hébergement, maintenance et sécurité). La montée en compétences cependant est bien plus longue même si on peut se faire aider. Il est plus adapté aux professionnels.

‍

Alors qui l’emporte ? Pour nous, Webflow sans hésiter. Il reste un outil très puissant pour concevoir n’importe quel site internet (blog, e-commerce, landing page, site vitrine) tout en étant accessible à une personne non-tech qui devrait par la suite modifier ou créer un contenu. De plus, sa modularité et sa flexibilité permettent l'évolutivité du site en continu.

‍