6 Meilleurs Créateurs de Sites Web Open Source

Il existe de nombreux créateurs de sites web disponibles sur le marché, y compris des solutions open source. Il est facile de se perdre dans la multitude de possibilités. Nous vous montrerons les éléments à prendre en compte lors de la recherche de l'outil le plus fiable. Ensuite, nous examinerons de près plusieurs créateurs de sites web open source.

Ce qu'il faut rechercher dans un créateur de site web

Les créateurs de sites web sont des outils qui vous permettent de créer une page web sans coder. Avant tout, ils doivent être faciles et intuitifs à utiliser afin que vous n'ayez pas à passer trop de temps à construire votre site. Voyons quels autres éléments et fonctionnalités le logiciel choisi devrait avoir.

Architecture basée sur des composants

Les composants sont des éléments préfabriqués comme des bannières, des blocs de texte, des sections d'images et des pieds de page, pour n'en nommer que quelques-uns, que vous pouvez utiliser pour construire votre site web. Ils vous offrent une grande flexibilité car vous pouvez les organiser comme vous le souhaitez. Une fois cela fait, vous devez personnaliser ces éléments en ajoutant du contenu, des graphiques et des icônes, ainsi qu'en modifiant les couleurs et les styles. Vous pouvez y parvenir sans code et sans dépenser d'argent pour le support des développeurs. Les blocs préfabriqués ne sont pas non plus attribués à un type spécifique de pages, vous pouvez donc les utiliser librement n'importe où sur votre site web, ce qui permet de gagner du temps, par exemple, tout en créant de nouvelles pages de destination. De plus, lorsque vous modifiez le design d'un modèle de composant choisi, les ajustements sont automatiquement appliqués à toutes les sous-pages l'incluant. Jetez un œil aux autres avantages du design basé sur les composants.

Modèles

Bien que nous considérions la création d'un site web à partir de blocs préfabriqués comme la solution la plus flexible, une autre option consiste à utiliser des modèles. Ils sont conçus pour des types de pages spécifiques comme les pages d'accueil ou les pages de services et disposent d'un ensemble de champs qui leur sont dédiés. Disons que vous construisez le premier type de page. Ensuite, vous verrez des éléments comme un curseur, un appel à l'action, une section d'image avec un emplacement pour trois graphiques, et une zone de texte disposée de manière fixe. Vous n'aurez qu'à les remplir de contenu pour créer votre page d'accueil.

En sélectionnant un créateur de site web avec une architecture de modèles, assurez-vous qu'il contient de nombreux designs parmi lesquels choisir. Ils devraient également être personnalisables et réactifs (pour bien paraître sur différents types d'appareils). Cependant, rappelez-vous qu'en utilisant des modèles, vous ne pouvez pas manipuler leur mise en page, réutiliser le contenu ou le partager sur différentes pages.

Gestion du contenu

Lors de l'essai d'un créateur de site web, vérifiez s'il est facile d'ajouter et de modifier du contenu, comme du texte, des images, des vidéos, des boutons et des formulaires. Testez si l'interaction avec le contenu sera intuitive pour un éditeur régulier, par exemple, combien d'étapes il faut pour éditer un élément.

Blog

Tenir un blog est essentiel pour de nombreuses entreprises pour démontrer leur expertise à des clients potentiels. C'est pourquoi un créateur de site web devrait avoir l'option de créer des articles de blog et de leur attribuer les bonnes catégories. Cela facilite la navigation dans les articles sur un sujet particulier. Un atout supplémentaire sera la présence de boutons de partage sur les réseaux sociaux pour permettre aux visiteurs du site de distribuer votre contenu parmi leurs abonnés sur Facebook, Twitter ou LinkedIn, pour accroître la visibilité de votre marque.

Multimédia

Nous avons déjà mentionné qu'un créateur de site web devrait vous permettre d'ajouter des types de contenu visuel comme des images et des vidéos. Lors de l'évaluation d'un outil de création de sites web, vérifiez les possibilités exactes qu'il offre concernant le multimédia. Voici quelques aspects qui valent la peine d'être pris en considération:

• formats - assurez-vous de pouvoir télécharger des images dans différents formats (PNG, JPEG, SVG),
• création de galeries d'images - elles enrichiront l'apparence de vos pages,
• vidéos intégrées - vérifiez s'il sera possible de lire une vidéo sur votre page web en utilisant une ressource de plateformes d'hébergement vidéo tierces comme YouTube ou Vimeo, afin de ne pas ralentir votre site.

Formulaires

La collecte d'informations de contact sur votre page web est nécessaire pour atteindre les personnes intéressées par votre offre. Un créateur de site web devrait permettre la création facile de formulaires et la possibilité de sélectionner les champs (comme le nom, l'email, le secteur d'activité, la taille de l'entreprise) qui répondent à vos besoins.

SEO

Le contenu optimisé pour le SEO rend votre site plus visible pour les moteurs de recherche et peut se classer plus haut sur les pages de résultats. C'est pourquoi c'est une bonne idée de vérifier si un créateur de site web a un outil intégré qui vous permet d'ajouter des balises méta pertinentes, des mots-clés et des textes alternatifs.

Analytique

Analyser le comportement des utilisateurs sur un site web peut vous aider à déterminer ce qu'il faut ajouter ou améliorer. Vérifiez si un créateur de site web open source particulier offre une solution analytique intégrée ou permet l'intégration avec des outils tiers tels que Google Analytics.

Gratuit et open source

Certaines personnes peuvent penser que les créateurs de sites web open source sont entièrement gratuits. Rappelez-vous qu'il y a des dépenses que vous devrez payer vous-même, quel que soit la solution que vous choisissez, comme le domaine et l'hébergement. De plus, certains des outils vous offrent un ensemble limité de fonctionnalités gratuitement, et vous devez souscrire à un plan premium pour accéder au reste des fonctions.

Puisque vous connaissez déjà les éléments à prendre en compte lors de la recherche d'un créateur de site web open source, examinons plusieurs outils disponibles sur le marché.

1. Droopler

Droopler est une distribution Drupal pour la création de sites web, basée sur le système de gestion de contenu Drupal. C'est open source et gratuit à télécharger et à utiliser (avec un ensemble complet de fonctionnalités). Cet outil vous permet de créer des sites web étendus à partir de composants prêts à l'emploi et sans code.

Il y a plus d'une douzaine d'éléments (précisément appelés paragraphes) que vous pouvez utiliser, comme :

• bannière - elle vous permet d'ajouter une grande photo, un texte, et un bouton CTA (call to action),
• formulaire - vous pouvez placer un formulaire de n'importe quel type, ajouter un titre, une image de fond, et une icône,
• galerie - vous pouvez placer vos images sous forme de vignettes; leur version complète sera disponible avec un clic,
• paragraphe d'intégration de barre latérale - cet élément vous permet de placer un iframe externe sur votre page web (comme une vidéo de YouTube).

Exemple d'un paragraphe - carrousel. Source : Documentation de Droopler

Pour créer votre site web, vous pouvez utiliser une mise en page basique par défaut et modifier facilement ses éléments ou construire chaque page comme vous le souhaitez, en tirant parti des composants réutilisables. Le nombre de sections que vous pouvez ajouter à une seule sous-page, et le nombre de sous-pages que vous pouvez créer sont illimités. Chaque mise en page de page que vous construisez sera réactive et aura une belle apparence sur ordinateur, mobile et tablette. Ci-dessous, vous trouverez quelques fonctionnalités utiles supplémentaires de Droopler.

Blog

Droopler contient un blog composé de paragraphes. Grâce à eux, vous pouvez facilement ajouter du contenu tel que du texte et des images et intégrer une vidéo.

Options SEO intégrées

Vous pouvez configurer des balises méta pour chaque page et des balises ALT pour toutes les images, créer des URL conviviales (courtes et logiquement structurées) et créer des sitemaps (avec un générateur de sitemap XML) qui respectent les directives de sitemaps.org. Vous pouvez également installer le module Google Analytics pour voir comment votre site Droopler fonctionne.

E-commerce

L'installation du module Drupal Commerce suffit pour obtenir une boutique en ligne prête à l'emploi. Une fois que vous l'avez fait, vous aurez accès au thème pour l'e-commerce dans Droopler. Puisque ce créateur de site web est basé sur Drupal, vous pouvez également utiliser d'autres modules qu'il offre, par exemple, pour ajouter des systèmes de paiement ou des options de livraison.

Vous pouvez utiliser Droopler pour des sites web de petites entreprises simples, des solutions de gestion de contenu, des usines de sites web avec plusieurs microsites, et autres plateformes qui doivent répondre à des exigences spécifiques.

2. Drupal CMS

Si vous souhaitez construire et configurer davantage de sections, vous pouvez utiliser Drupal, le système derrière Droopler. Il existe en deux versions : Drupal Core et Drupal CMS. La première est un système de gestion de contenu gratuit et open source pour les créateurs de sites web plus expérimentés ayant des compétences techniques. 

Drupal CMS est un package téléchargeable de Drupal qui contient des paramètres par défaut et plusieurs modules contribué (créés par les membres de la communauté Drupal) comme :

• Drupal Symfony Mailer Lite pour la gestion des e-mails,
• Captcha - fournit un test de défi-réponse pour déterminer si les visiteurs du site web sont humains,
• Metatag - donne automatiquement des balises méta structurées comme le titre méta et la description,
• ECA - crée des flux de travaux (par exemple, pour gérer le contenu dupliqué sur un site web) sans écrire de code personnalisé. 

Source: Premier aperçu du Drupal CMS

Drupal CMS aura également le module Experience Builder (en version 2.0) par défaut. Il utilisera un système de design basé sur des composants. Les composants (comme bouton, CTA, pied de page, paragraphe, image) sont dans le panneau latéral gauche. Lorsque vous survolez un composant, vous voyez son aperçu. Pour utiliser un composant particulier, vous devez le faire glisser et le déposer sur la page.

Source: Drupal Experience Builder - Partie 1

Il est également possible de dupliquer des sections. Vous pouvez faire glisser une section et la déposer dans une autre partie de la page. Ensuite, vous pouvez utiliser le panneau des calques sur le côté gauche pour voir quels composants sont inclus dans cette section. Si vous êtes un éditeur de contenu non technique, vous pourrez rapidement changer les composants dans les paramètres du panneau droit sans code.  

Une autre caractéristique qui vient avec le Drupal CMS concerne la protection de la vie privée. La gestion du consentement est activée par défaut (cookies et stockage local, contenu distant, suivi). La protection des données utilisateur est une partie optionnelle qui aide à protéger les données sensibles des utilisateurs et à se conformer aux droits des consommateurs concernant leurs données stockées. Il n'y a pas de bannière ou de pop-up mais un lien vers les paramètres de confidentialité de l'utilisateur. Dans les Paramètres de confidentialité de l’utilisateur en bas de la page, les visiteurs peuvent vérifier les paramètres à tout moment, enregistrer les préférences, et les modifier plus tard.

Dans l'installateur de Drupal CMS, vous pouvez sélectionner l'option Support IA. Vous n'avez qu'à choisir le fournisseur (Anthropic ou OpenAI) dans la configuration et entrer la clé API. Ensuite, vous pouvez utiliser l'aide du Chatbot Agent Drupal, par exemple, pour ajouter une image à l'une des pages. L'agent demande s'il doit le faire pour vous ou fournir des instructions étape par étape. Si vous optez pour la première option, l'agent vous donnera des informations détaillées sur ce qui a été fait. Demander des conseils à l'agent vous aidera à apprendre Drupal.  

Source : Drupal CMS - IA

3. Joomla

Joomla est un créateur de site web open source, gratuit pour utilisation sous licence publique générale, qui vous permet de créer, gérer et publier du contenu. Après l'installation de cet outil, vous verrez plusieurs modèles par défaut. Cependant, vous pouvez en trouver des milliers (gratuits et payants) sur d'autres sites web. Beaucoup de ces designs vous permettent de modifier les polices, les couleurs et les mises en page sans code grâce à l'interface graphique (GUI). Tous les modèles sont réactifs, car Joomla utilise Bootstrap à cette fin.

Le panneau de contrôle. Source : Documentation Joomla

Maintenant, examinons quelques-unes des principales caractéristiques de ce créateur de site web.

• Outils de publication - vous permettent, par exemple, de programmer la publication d'un article pour un jour choisi.
• Éditeur WYSIWYG - vous permet d'éditer du contenu sans codage.
• Gestionnaire de médias - un outil pour ajouter et gérer des images et d'autres types de fichiers.
• Optimisation SEO - vous pouvez activer des URLs conviviales, la réécriture d'URL (suppression de index.php de l'adresse), et ajouter des descriptions et mots-clés méta.

Source: Joomla-Monster

Vous devrez installer une extension dédiée pour étendre ou ajouter de nouvelles fonctionnalités à votre site Joomla. Selon la page officielle de Joomla, il y en a plus de cinq mille (gratuites et payantes).

4. Microweber.org

Microweber.org est un créateur de site web gratuit et open source créé en utilisant le framework Laravel. Il contient un modèle par défaut appelé Dream qui propose plus d'une douzaine de mises en page de pages comme À propos, Portfolio, Contactez-nous, Boutique et Caisse. Il y a également 75 mises en page d'éléments préprérés, tels que Témoignage, Image à gauche texte à droite, et Articles de blog, que vous pouvez glisser et déposer dans une page sur laquelle vous travaillez. En dehors de Dream, vous pouvez aussi utiliser le modèle New World gratuitement en le téléchargeant depuis le site Microweber.org. Vous y verrez également six designs premium.

Source : Microweber.org

Pour enrichir votre site web, vous pouvez également utiliser des modules (dont la grande majorité sont gratuits) comme Calendrier, Notation, Tags, et Intégration vidéo. Certaines des autres options que vous obtenez sur la plateforme Microweber sont :

• Fonctionnalités de blog - elles vous permettent de créer votre blog d'entreprise, rédiger des articles, ajouter des photos et des vidéos (en utilisant le glisser-déposer),
• Mises en page dynamiques - vous pouvez appliquer une mise en page d'élément en la glissant et déposant sur la page,
• Créateur de boutique en ligne avec des possibilités de télécharger vos produits, gérer les commandes et intégrer les méthodes de paiement,
• Statistiques - sur le tableau de bord dans le panneau d'administration, vous surveillez les performances de votre site web (visiteurs, vues et commandes).

5. WordPress

WordPress.org est un autre exemple de créateur de site web open source. Faites attention à ne pas le confondre avec WordPress.com, qui est une plateforme différente avec des fonctionnalités très limitées dans le plan gratuit. Le premier de ces outils est gratuit à utiliser. Le seul coût pour vous sera l'hébergement, mais comme nous l'avons mentionné au début de cet article, c'est le cas de différents créateurs de sites web open source.

Source : WordPress

Par défaut, ce créateur de site web vous donne six thèmes - des mises en pages préformatées que vous pouvez utiliser sans code. Cependant, plus de 13 000 thèmes gratuits sont disponibles sur la page WordPress, et vous pouvez en trouver encore plus de payants ailleurs.

WordPress vous permet de créer et éditer des pages et des articles de blog. Avec l'éditeur WordPress, vous pouvez déplacer, modifier et personnaliser chaque bloc de votre page web. En ce qui concerne les articles, vous obtenez plusieurs outils de contenu pour l'ajout de brouillons, l'écriture et la programmation de la publication. Vous pouvez également définir qui peut modifier les textes grâce à la fonction de gestion des utilisateurs. Elle vous permet d'attribuer des rôles particuliers sur votre site web - administrateur, éditeur et contributeur, pour n'en nommer que quelques-uns.

Maintenant, regardons quelques-unes des autres fonctionnalités utiles de WordPress.

Gestion des médias

Vous pouvez glisser et déposer des fichiers choisis sur WordPress. Ensuite, vous pouvez les insérer comme images ou galeries sur votre site web. La bibliothèque de médias vous permet de rechercher, afficher, éditer et supprimer vos médias.

SEO

La plateforme WordPress dispose d'outils intégrés qui vous permettent, par exemple, de modifier les permaliens (la partie de l'adresse qui vient après le blog et la barre oblique) pour des personnalisés. Vous pouvez configurer beaucoup plus en utilisant des plugins dédiés.

Plugins

Il existe plus de 59 000 plugins sur le site WordPress, à la fois gratuits et payants. Avec l'aide de plugins, vous pouvez, par exemple, ajouter des formulaires à votre page web ou la connecter avec Google Analytics.

6. Publii

Publii est un générateur de site statique gratuit et open source. Cela signifie qu'il génère des pages HTML à partir de composants ou de modèles et utilise une source de contenu (pour comparaison, dans Drupal et WordPress, le contenu est stocké et géré dans une base de données). Vous devez télécharger l'application Publii pour créer et styliser du contenu sur votre bureau (Windows, Mac ou Linux). Ensuite, une fois que vous cliquez sur un bouton dédié, les fichiers sont rendus et téléchargés sur votre serveur. Comme dans le cas des autres créateurs mentionnés ici, vous n'avez pas besoin d'écrire du code pour construire votre page web.

Pour créer votre site web avec cet outil, vous travaillerez sur un thème. Il y en a un inclus dans l'application, et 30 autres (gratuits et payants) sont disponibles sur le Marketplace de Publii. Par défaut, la page d'accueil de votre site sera automatiquement générée à partir des éléments de vos articles comme le titre, l'image en vedette, et une courte description. La possibilité de modifier cette mise en page variera en fonction du thème.

Source : Publii

Pour créer des articles, vous pouvez utiliser l'un des trois éditeurs. L'éditeur WYSIWYG vous permet d'écrire du contenu et d'insérer des images comme par exemple dans Microsoft Word. L'éditeur de Blocs divise chaque paragraphe ou image en un bloc séparé que vous pouvez personnaliser. Enfin, l'éditeur Markdown existe sous une forme plus pratique que l'HTML. La différence est qu'au lieu d'utiliser des balises d'ouverture et de fermeture, vous utilisez des raccourcis et des espaces réservés pour écrire du texte ou insérer des graphiques. Cependant, avec le dernier éditeur, votre contenu n'aura pas un style très attrayant.

La plateforme Publii contient également des options SEO . Grâce à cela, elle crée automatiquement des URLs conviviales et un sitemap XML. Vous pouvez également remplir les titres et descriptions méta et entrer votre code de suivi Google Analytics.

Créateur de site web gratuit

Comme nous l'avons expliqué dans cet article, le terme open source ne signifie pas que chaque créateur de site web le qualifiant est entièrement gratuit. En plus des coûts d'hébergement, vous devrez payer dans la plupart des cas, certains outils offrent des fonctionnalités payantes plus attractives comme des thèmes supplémentaires. Ensuite, une tarification transparente est l'un des facteurs essentiels à prendre en compte lors de la recherche de la bonne plateforme.

Il est également important de se rappeler de tester les fonctionnalités liées à la gestion du contenu, au blog, à la gestion multimédia, au SEO, à l'analytique, et aux formulaires. Ils devraient permettre une création et une gestion faciles de votre page web et fournir une expérience utilisateur  sans faille. Cela s'applique non seulement aux visiteurs du site, mais aussi à vous et aux autres personnes qui travailleront avec cette plateforme au quotidien. À cette fin, il est important d'évaluer et de décider quel modèle d'architecture de site sera plus facile et flexible pour vous - basé sur des composants personnalisables ou des modèles.

***
Article mis à jour au 23/04/2021