Plus de visiteurs, plus d'inscrits sur votre blog !!

Accédez à la bibliothèque de ressources gratuites pour blogueuse 

Lorsque l’on souhaite faire une refonte de son blog, c’est en général pour l’améliorer, mais comment faire pour savoir ce qui se fait de mieux ?

 

Voici en vrac les bonnes pratiques pour le design d’un blog dans les tendances actuelles, ainsi que pour avoir une navigation claire qui permet de faire rester ses visiteurs plus longtemps :

  • du flat design : les tendances de webdesign changent régulièrement, et depuis quelques années, on est dans le minimaliste, les aplats de couleurs, c’est-à-dire sans ombré ni relief ni texture. Le but est d’améliorer la lisibilité et la navigation, surtout depuis le développement des smartphones ;

 

trucs-de-blogueuse-dossier-refonte-blog-bonnes-pratiques

 

  • une charte graphique qui correspond à une image à véhiculer : le choix des couleurs, du style graphique, des images, de la typographie est essentiel pour faire entrer vos visiteurs dans votre univers dès le premier coup d’oeil. Comme j’en ai parlé dans mon article sur l’importance du design pour un blog, la charte graphique va permettre de savoir en un clin d’oeil à quelle cible on s’adresse, de quelles thématiques on va parler, le ton éditorial… Il faut donc prendre le temps de bien réfléchir à sa charte graphique car cela peut influencer le comportement des visiteurs ;
  • des pages scrollables : également depuis la croissance des visites sur les mobiles, il n’est plus nécessaire de tout faire apparaître le contenu sur le haut de la page. Il est devenu courant de scroller les pages vers le bas pour naviguer et lire le contenu. Par contre, il faut éviter de faire scroller de gauche à droite car cela n’est pas naturel, surtout si c’est couplé à du scroll de haut en bas.
  • des espaces blancs : comme les pages se scrollent, on n’est plus obligé de tout faire apparaître en haut, donc les espaces vides ne donnent pas une impression de vide à combler. Au contraire, cela permet d’aérer le contenu et de mieux faire ressortir ce que l’on souhaite mettre en avant ;
  • pas ou peu de publicités : ne profitez pas des espaces vides pour rajouter de la publicité à outrance ;
  • une page d’accueil statique ou la liste des derniers articles ? Tout dépend de vos goûts, de vos objectifs et de la thématique de votre blog, mais afficher les articles sous la forme d’un magazine, dans un slider, en format Masonry (en grille comme un mur de briques), etc. permet de mettre en avant d’anciens articles qu’on ne verrait pas si on n’affichait que les derniers les uns à la suite des autres comme pour un blog classique ;
  • des emplacements types : les internautes sont habitués à retrouver chaque information à une place précise d’un site Internet, il faut donc mettre ces éléments au bon endroit pour ne pas les perdre :
    • le header : comme son nom l’indique, il s’agit de la partie en haut du blog. On y retrouve :
      • le logo, qui est soit centré soit à gauche. Il doit être représentatif du blog et le clic sur celui-ci renvoie vers la page d’accueil,
      • une image et/ou la baseline qui permet d’asseoir le contenu et la personnalité du blog,
      • pour un site e-commerce, on a le panier, l’accès au compte perso en haut à droite,
      • l’accès pour une connexion si le blog contient un espace membre,
      • un champ de recherche,
    • le menu : il contient les accès vers les différentes rubriques du blog. En général, il est présent horizontalement en haut du blog sous le logo ou bien verticalement dans une colonne à gauche,
    • le contenu principal : on y retrouve le texte, les images et vidéos des articles. La largeur est en général comprise entre 500 et 800 pixels pour faciliter la lecture. Coupler la largeur du texte avec la taille de la police pour avoir un nombre de caractères par ligne compris entre 75 et 100, pour que ce soit ni trop court (où il faudrait aller à la ligne souvent) ni trop long (où il faudrait déplacer son regard trop loin horizontalement) pour ne pas fatiguer l’oeil,
    • les widgets qui sont souvent dans une colonne verticale à gauche et/ou à droite du contenu principal : liens vers les réseaux sociaux, formulaire d’inscription à la newsletter, espaces publicitaires sont généralement les éléments que l’on retrouve ici. La largeur est souvent entre 250 et 300 pixels,
    • le footer : présent tout en bas du blog, on y met du contenu plus ou moins important et accessible facilement, comme un lien vers la page de contact, les réseaux sociaux, les mentions légales,
  • un responsive design et/ou une version mobile ;
  • une taille de police lisible et adaptée à chaque support (ordinateur, tablette et mobile) : je dirai entre 14 et 18px pour le contenu principal (style paragraphe) et 2 ou 3 tailles de plus pour les titres et sous-titres ;
  • des boutons visibles et assez gros pour être cliqués facilement sur mobile (même pour les gros doigts) ;
  • des call to actions (appels à l’action pour les francophones) : dans chacune des pages, diriger l’internaute vers un but précis, que ce soit les commentaires, l’inscription à la newsletter, le partage de l’article, la lecture d’autres articles…
  • une structure des articles à respecter : titres, sous-titres, contenu texte, images, liens ;
  • de belles images : les appareil Reflex étant de plus en plus accessibles, les belles photos ne sont plus réservées aux photographes professionnels. Et si vous n’avez vraiment pas de sens artistique, pas d’excuse non plus grâce aux banques d’images qui permettent souvent d’avoir des photos libres de droit et gratuites ;
  • un favicon représentatif de son blog : j’avais expliqué comment faire pour créer son propre favicon, ce qui est très important pour faire ressortir son blog parmi les autres sites visités.

 

Concernant l’ergonomie et la navigation du blog, toutes les pages et articles du blog doivent pouvoir être accessibles en moins de 3 clics. Les éléments suivants permettent de faciliter la navigation :

  • un menu ou un header fixes : avec les pages scrollables qui sont de plus en plus longues, on voit de plus en plus de menu fixé tout en haut, afin de permettre aux lecteurs d’accéder aux autres rubriques sans avoir à remonter tout en haut de la page. Pratique surtout quand les articles sont longs et quand ils possèdent beaucoup de commentaires !
  • un fil d’Ariane,
  • un moteur de recherche,
  • un lien « Retour vers le haut de page », toujours sur le même principe de pouvoir accéder au menu.

 

Voilà pour cette liste non exhaustive des principales bonnes pratiques à appliquer lorsque l’on crée ou refait son blog.

 

A vous de jouer

Avez-vous d’autres conseils ou choses à respecter à ajouter à cette liste ? N’hésitez pas à les rajouter dans les commentaires ci-dessous.

 

Mia W.

Mia, de son nom de plume, est trafiquante de blogs depuis plus de 15 ans et partage ses compétences dans le blogging et le marketing digital.
Ancienne responsable e-commerce pour une marque de luxe, elle est l'auteure du livre "Augmenter le trafic de son blog" paru aux Editions Eyrolles.
Elle s'adresse à tous ceux dont la passion est le moteur.
Voir sa description détaillée.