Comment créer un blog sur Webflow ? Notre guide 2023

Webflow : c’est quoi ?

Webflow est une plateforme Nocode de conception et de développement de sites web interactifs et responsives, connue pour aller très loin dans la personnalisation du design. Bien que l’outil soit puissant et offre de nombreuses fonctionnalités pour créer son blog, la prise en main peut être complexe pour les novices. 

Les raisons de créer un blog avec Webflow

1. L’accessibilité

Bien que Webflow ne soit pas l'outil Nocode le plus facile à utiliser, il reste accessible quand on le compare au développement traditionnel qui nécessite des compétences en HTML, CSS et JavaScript.

L’expérience sur Webflow est incroyablement fluide. En peu de temps, vous pouvez commencer à utiliser Webflow en apportant des modifications simples lors de la conception visuelle et sur la structure de votre contenu. Au fur et à mesure, vous pourrez apprendre à personnaliser davantage votre site en utilisant les différentes fonctionnalités Webflow telles que les animations.

2. Le Responsive

Webflow propose un outil de prévisualisation qui vous permet de voir à quoi ressemblera votre article sur différentes tailles d'écrans. Cette fonctionnalité Nocode vous permet de tester et d'ajuster facilement les éléments de votre blog pour une meilleure expérience utilisateur.

3. Le SEO

Le SEO est crucial pour toute entreprise qui souhaite être bien référencée sur les moteurs de recherche. Et lorsqu’on parle de SEO, la création d’un blog est clé.

C’est pourquoi le choix du CMS (Content Management System) revient si souvent dans les discussions – car tous ne sont pas aussi performants.

La plateforme Nocode Webflow est très performante comparé aux autres CMS – notamment car le code généré est très léger et il n’est pas nécessaire de connecter un grand nombre de plug-ins.

Dans Webflow, il faudra par ailleurs penser à utiliser les fonctionnalités telles que :

• La balise “Title” et la meta-description de chaque page
• Des balises ALT pour chaque image
• Des URL pertinentes.

‍

En bref, Webflow vous permet de gérer l'ensemble de votre check-list de votre “SEO technique”.

Pour les plus curieux, nous vous conseillons de lire l’étude sur le SEO et Webflow, réalisée par Uroot et Alegria.group. Le SEO sur Webflow n'aura plus aucun secret pour vous.

Les étapes pour créer son blog Nocode sur Webflow

Si vous êtes arrivé à ce stade de l'article, vous êtes probablement convaincu que créer un blog sans code avec Webflow est la solution qu'il vous faut. Il est maintenant temps de passer à la pratique ! Vous pouvez suivre les étapes suivantes pour créer votre propre blog et ainsi débuter votre projet Nocode.

1. Créer son compte

Pour débuter, il vous faudra créer votre compte et opter pour la version gratuite. Il est possible de souscrire ultérieurement à un plan payant qui répondra à des besoins plus spécifiques.

2. Créer un nouveau projet

La plateforme Nocode Webflow met à votre disposition quelques modèles gratuits pour lancer votre premier blog Nocode. Ces templates vous permettront d'avoir accès à l'édition des pages et aux panneaux du CMS. Ce dernier vous permettra de gagner du temps et de vous concentrer sur la création de contenus pour votre blog. Par la suite, vous pourrez évidemment personnaliser votre blog.

3. Personnaliser

• Les collections

Une collection est une base de données dans laquelle le contenu peut être stocké et référencé de manière dynamique sur l'ensemble de votre site. Chaque collection correspond à un type de contenu différent, et les éléments de contenu individuels d'une collection sont appelés "collection’s items". C’est à cet endroit que vous allez définir la construction de vos articles (Titre, sous-titre, date, image, texte, …) pour les rédiger plus facilement.

• La typographie

Vous pouvez personnaliser facilement la police et la couleur des éléments afin de créer un design à votre goût. Si vous ne trouvez pas votre police préférée sur Webflow, vous pouvez la télécharger et l’implémenter dans les paramètres.

• Les images

Maintenant que votre charte graphique est définie, vous pouvez ajouter des images donnant un aspect plus vivant à votre article de blog Webflow, et ainsi garder l’attention de vos lecteurs.

Point très important : pensez à compresser vos visuels au format WebP afin d’améliorer le temps chargement de la page et donc votre SEO. À nouveau, n'oubliez pas d'ajouter un texte alternatif (alt text) à vos images. C'est un critère important 

• Fonctionnalité avancée

Pour les plus aguerris, il est possible d'importer les données d’Airtable vers votre collection Webflow en utilisant l’outil Nocode Nobull ou Whalesync par exemple.

L'importation de données d'Airtable vers Webflow peut être utile pour présenter des données structurées, comme les articles de blog.

Pour ce faire, vous devez :

1. Connecter votre compte Airtable et votre compte Webflow à Nobull.
2. Sélectionner les données que vous souhaitez importer et les mapper vers les champs correspondants dans votre collection Webflow.

Nobull vous permet également de configurer des règles de correspondance pour les données, telles que la conversion de formats de date ou la suppression de caractères spéciaux. L’outil vous laisse aussi la possibilité de prévisualiser les données avant de les importer dans votre collection Webflow. C’est plutôt pratique vous verrez.

5. Rédiger & Publier

Désormais, vous avez toutes les informations à portée de main. Vous devriez être prêt à vous lancer !

• Préparer l’article

Vous arrivez à l’étape finale. La structure de votre blog est prête : il ne vous reste plus qu’à rédiger votre premier article et à vérifier l’aperçu avant la publication.

• Publier et mettre à jour le contenu

Votre article est prêt. Il ne vous reste plus qu’à le publier afin de le faire apparaître en ligne. N’hésitez pas à repasser sur vos articles pour mettre à jour des informations.

En résumé

Il est important de noter que pour créer un blog efficace et attractif, il faut aussi avoir une bonne compréhension des bonnes pratiques de blogging, même avec une solution Nocode, comme la rédaction de contenu de qualité et le référencement.

En suivant les étapes décrites dans cet article, vous pourrez créer votre premier projet Nocode en un rien de temps et publier du contenu afin d’atteindre votre audience. Cependant, si vous cherchez à intégrer un blog à votre site Webflow, il est indispensable d’avoir une version payante ou d’être accompagné par une agence Nocode, comme Alegria.solutions, pour profiter pleinement des fonctionnalités avancées de Webflow.

‍