Commencer un Blog de A à Z

Avec Web.mvc

by Danny Waser | April 29, 2020


None

Vous avez besoin d’un blog personnalisé rapidement ? Vous n’avez encore jamais créé de blog et vous ne savez pas trop comment vous y prendre ?

Vous pouvez facilement et rapidement créer votre propre blog personnalisé et sécurisé avec Web.mvc.

Découvrez Web.mvc

Il n’y a rien de plus facile pour créer votre blog rapidement que Web.mvc. Cet outil révolutionnaire vous permet de commencer un blog en quelques minutes sans même avoir à apprendre à coder.

Choisissez parmi nos magnifiques thèmes pour blogs et démarrez instantanément votre blog.

En savoir plus

Choisissez un thème pour votre blog

Pour rendre votre blog attractif, il y’a les thèmes Web.mvc. Choisissez-en un parmi notre collection de thèmes créé par de talentueux professionnels.

Découvrir les thèmes pour blogs

Dans cet article, nous utiliserons le thème Web.mvc Blog pour créer notre site.

Créez votre site Internet

Choisissez une licence Web.mvc et commencez la création de votre site. Nous vous recommandons d’utiliser une licence Web.mvc Mensuel ou Web.mvc Annuel pour débuter la création de votre blog, car il s’agit de la façon la plus simple et rapide de se lancer sur Internet.

Consultez l’article dédié à la création d’un site avec une licence Web.mvc Mensuel ou Annuel

Alternativement, vous pouvez utiliser la licence gratuite Web.mvc Source pour créer votre blog. Cependant, notez qu’il vous faudra plus de temps pour publier votre site car vous devrez créer votre propre thème et l’héberger vous-même.

Consultez l’article dédié à la création d’un site avec une licence Web.mvc Source

Créez la structure du site

Une fois que votre site est en ligne, vous pouvez commencer à organiser la structure de votre site. Dans cet exemple, nous allons créer une page d’accueil, une page pour nos articles ainsi qu’une page « Contact » et « A propos ». Evidement vous pouvez créer toutes les page que vous désirez en procédant selon l’article dédié à la création de pages avec Web.mvc.

Commençons par nous connecter à notre compte administrateur en nous rendant dans l’espace d’administration de notre licence Web.mvc.

Page d’accueil

Par défaut, une page d’accueil vierge à été créé pour vous.

Commençons par changer le nom de la page. Pour cela, il faut être en mode édition de page. Dans la barre d’administration du site, cliquez sur le bouton Modifier .

Paramètres de page

Puis dans le menu Page de la barre d’administration, cliquez sur l’option Paramètres de la page pour ouvrir les paramètres de la page actuelle. Modifier le nom de la page et sauvegardez les paramètres.

Contenu de page

Il est temps d’ajouter du contenu sur notre page blanche. Pour cela, toujours en mode édition de page, ouvrez le menu des composants en cliquant sur l’icône  . D’ici vous pouvez ajouter du contenu dans l’espace de composants Contenu.

Nous allons créer une section de présentation breve du site pour les nouveaux visiteurs. Ajoutez un bloc de texte en cliquant sur l’icône  plus et en recherchant le composant Texte dans la fenêtre d’ajout des composants. Ajoutez un titre au bloc de texte en appliquant le style Titre de section dans l’éditeur de texte. Ajoutez ensuite un paragraphe de présentation et sauvegardez le composant.

Ensuite, nous allons ajouter un composant affichant les derniers articles de notre blog. Ajoutez un composant et recherchez Articles récents du blog.

Configurez les options du composant. Choisissez pour quel blog le composant doit afficher les articles (Nous n’avons qu’un seul blog pour le moment, mais vous pouvez facilement en ajouter d’autres si vous en avez besoin). Choisissez également le nombre d’articles à afficher et le gabarit du composant. Dans cet exemple, nous utiliserons le gabarit Large. Finalement, ajoutez le composant à la page.

Pour l’instant nous n’avons écrit aucun article; le composant affichera donc un message indiquant qu’il n’y pas d’article. Patience, nous allons nous en occuper.

Gabarits de page

Bien que nous ayons ajouté du contenu à notre page, celle-ci reste toutefois trop simple pour une page d’accueil. Nous allons donc changer le gabarit de la page pour essayer de la rendre plus attractive. Dans le menu Page de la barre d’administration, sous Modèles, choisissez le gabarit Fonctionnalité avec Pied de page.

Ceci aura pour but de créer deux espaces de composants supplémentaires.

Fonctionnalité de page

L’un contient un espace pour ajouter une fonctionnalité à votre page. Il s’agit d’un espace pour mettre du contenu en avant grâce à une image de fond avec le composant Image de fond.

Déplaçons le bloc de texte que nous avons écrit pour la présentation du site dans l’espace de fonctionnalité. Pour cela sélectionnez le composant et glissez-le dans l’espace « Fonctionnalité ». Enfin cliquez sur le bouton d’édition du composant ( ) et changez le style du titre en tant que Titre de fonctionnalité.

Le paragraphe prend trop de place sur la page. Réduisons sa taille en utilisant le sytème de grille Bootstrap. Ajoutez un composant Rangée et demandez lui de créer une seule colonne. Editez la colonne et donnez lui une taille 7 pour une page de taille moyenne.

Dans le menu contextuel du composant Texte, cliquez sur Copier.

Puis utilisez le menu contextuel de la colonne pour y coller le composant précédemment copié.

Enfin, modifiez les composants de texte pour retirer le texte superflu.

Pied de page

Le second espace de composants contient l’espace dédié au pied de la page. Cet espace est statique, dénoté par l’icône . Cela signifie qu’il sera identique sur toutes les pages contenant un pied de page.

Commençons par ajouter une rangée à 4 colonne dans le pied de page. Modifiez les colonnes créés pour définir une taille 12 pour les petites pages et une taille 3 pour les pages de taille moyenne.

Dans la première colonne, ajoutez un composant Item de pied de page. Puis à l’intérieur de ce dernier, ajoutez un bloc de texte. Entrez le nom de votre site et appliquez le style Marque de pied de page.  Ajoutez également une petite description.

Vous pouvez aussi ajouter un composant Liste d’icônes sociales dans lequel vous avez la possibilité d’ajouter des icônes pour vos réseaux sociaux.

Dans la deuxième colonne, créez un autre composant Item de pied de page dans lequel nous ajouterons un composant Derniers articles du blog (utilisez la version en cache pour fluidifier le chargement de la page) utilisant le gabarit Pied de page.

Dans la troisième colonne, créez un composant Item de pied de page dans lequel vous ajouterez un bloc de texte contenant un titre avec le style Titre de pied de page. Copiez le composant Item de pied de page et collez-le dans la quatrième colonne.

Ajoutez ensuite à la troisième colonne un composant Liste de pages avec lequel nous pouvons ajouter quelques pages importantes.

Finalement, dans la dernière colonne, ajoutons nos informations de contact avec le composant Liste de pied de page avec icônes.

N’oubliez pas de changer le titre.

Publication de page

Maintenant que notre page est terminée, nous pouvons la publier en utilisant le bouton Publier les modifications .

Articles

Vous avez sans doute remarqué que la page contenant votre blog est située dans un menu glissant sous la page d’accueil. Pour un blog, ce comportement n’est pas désiré. Vous pouvez réorganiser l’arborescence de vos pages en ouvrant le menu Pages sous le nom de votre site dans la barre d’administration.

Glissez la page de blog pour quelle ne soit plus sous la page d’accueil.

Pendant que nous sommes dans l’arborescence des pages, enlevons la page d’accueil de la barre de navigation du site puisque le nom de notre site nous y amène déjà. Pour cela décochez l’option « menu » de la page d’accueil. Profitons-en pour également changer le nom de la page du blog.

De retour sur la page du blog, nous pouvons constater que cette page ne contient pas d’espace de composants pour ajouter notre contenu. En effet, cette page contient déjà du contenu sous la forme de l’application Blog. Nous pouvons nous assurer que la page utilise bien l’application Blog en nous rendant dans les paramètres avancé de la page, sous Paramètres avancés dans le menu Page de la barre d’administration.

Nous ajouterons notre premier article dans un moment, mais finissons tout d’abord la structure générale du site.

Bien que la page contienne une application nous avons toujours la possibilité de changer le gabarit de page. Choisissons le gabarit Pied de page cette fois. Comme vous l’avez sans doute compris, ce gabarit ajoute l’espace statique de composants Pied de page que nous avons créé sur la page d'accueil. 

Publions les modification et passons à la page de contact.

Contact

Créons une nouvelle page en utilisant l’assistant de création. Pour cela cliquez sur le bouton  dans la barre d’administration. Remplissez le titre et créez la page.

Ajoutez vos informations de contact en utilisant une structure de composants semblable à celle-ci.

Ajoutons également un formulaire de contact pour que nos utilisateurs puissent facilement nous contacter.

Ajoutez un composant Formulaire et configurez son comportement pour qu’il vous envoie un mail lors de la soumission d’un nouveau formulaire. 

Ajoutez ensuite les champs de formulaire que vous souhaitez lorsque l’on vous contacte (Nom, adresse mail, sujet, message, etc.).

Une fois que vous êtes satisfait avec le contenu de la page, changez le gabarit, en ajoutant un pied de page par exemple et publiez la.

A propos

Cette page à pour but d’introduire le lecteur à notre site. 

Prenez le temps de mettre cette page en forme avec du contenu de qualité qui répond aux questions suivantes. Qui êtes-vous ? Qu’est-ce que ce site ? A quoi sert-il ?

Cette page est très importante, non seulement pour vos visiteurs mais aussi pour les moteurs de recherches qui l’utilisent, en partie, pour classer votre site dans les résultats de recherches.

Voici un exemple avec la structure suivante.

Une fois que la page vous convient, publiez-la.

Votre premier article

Maintenant que la structure de notre site est en place, nous pouvons créer notre premier article.

Rendez-vous sur votre page de blog et dans le menu Blog de la barre d’administration, choisissez Ajouter un article.

Renseignez le titre de votre article, optionnellement un sous-titre ou une catégorie et créez l’article.

Contenu de l'article

Une fois l’article créé, vous avez accès à un espace de composants dédié au contenu de l’article. Vous pouvez ajoutez n’importe quel contenu que vous pourriez ajouter à une page.

Une bonne stratégie consiste à écrire le contenu de l’article dans un fichier texte, puis une fois que vous en êtes satisfait, ajoutez le texte à l’article. Mettez-le ensuite en forme pour améliorer l’expérience utilisateur.

Image de l’article

Vous pouvez ajoutez une image en rapport avec votre article dans les paramètres de l’article sous la section « Image ».

Ajoutez également un paragraphe de présentation pour aider les visiteurs de votre blog à comprendre de quoi l’article parle.

Optimisation pour les moteurs de recherches (SEO)

Toujours dans les paramètres de l’article, vous disposez d’une section « SEO » qui vous permet de définir comment les moteurs de recherches afficherons votre article parmi les autres résultats. Vous pouvez laisser cette section vide car elle n’a plus autant d’impact sur le classement de l’article qu’il y’a quelques années. Cependant, il est toujours utile de pouvoir changer ces données pour espérer grimper un peu plus haut dans les résultats de recherches.

Publiez votre article

Une fois que vous avez terminé d’écrire et de mettre en page votre article, vous pouvez le publier. Soit en utilisant le bouton  de la barre d’administration pour tout de suite publier votre article.

Soit en définissant une date de publication dans le paramètres de l’article. Vous pouvez également saisir une date à laquelle l’article sera dé-publié.

Conclusion

Si la création initiale de la structure de votre site peut prendre un peu de temps, une fois que vous avez publié votre premier article, il est très facile d’en ajouter d’autres pour conquérir les résultats de recherches.

Web.mvc est tout à fait optimisé pour les moteurs de recherches, cependant, notez toutefois qu’il faut compter environ 35 semaines pour qu’un article d’un nouveau site puisse atteindre sa position définitive dans les résultats et ainsi attirer des visiteurs sur le site. Il s’agit d’un jeu sur le long terme soyez donc patient. 

Related articles

None

Create your first page

With Web. mvc

In this article, we will see how to easily create a page, add content to it, format it and share it with the whole world.

None

How to create a website

With Web.mvc

Do you need a website quickly? You do not know how to do it ? Thanks to Web.mvc you can easily and quickly create your website.

None

Create an open source website for free

With Web.mvc

Web.mvc is an easy, fast and above all open source website creation tool. This means you can start building your site for free right now using the Source version of Web.mvc.