Nous allons ici nous pencher sur le design de votre site, et pour le r\u00e9ussir, voici nos meilleurs conseils.<\/p>\n
<\/p>\n
1. Un logo \u00e0 votre image<\/h2>\n
Comme pour tout site internet, le logo doit obligatoirement figurer sur votre blog. Il repr\u00e9sente votre image de marque et vos lecteurs doivent savoir o\u00f9 ils se trouvent.<\/p>\n
Si vous n\u2019en avez pas encore, vous pouvez lire notre guide pour cr\u00e9er votre logo<\/a>.<\/p>\n Notez tout de m\u00eame que pour garder de la coh\u00e9rence avec vos autres supports, le logo de votre blog doit reprendre les m\u00eames typographies et couleurs de votre marque.<\/p>\n Quant \u00e0 son emplacement, il n\u2019y a pas de r\u00e8gles strictes. Bien souvent le logo se trouve dans le header, \u00e0 gauche, au centre ou \u00e0 droite.<\/p>\n Un logo ne se cr\u00e9e pas \u00e0 la l\u00e9g\u00e8re ! Il doit repr\u00e9senter l’activit\u00e9 et les valeurs de votre entreprise. Pour un logo r\u00e9ussi, mieux vaut faire appel \u00e0 un graphiste freelance. Demandez des devis gratuitement sur Graphiste.com<\/a>.<\/p><\/blockquote>\n <\/p>\n Le design de votre blog doit \u00eatre propre et inviter votre audience \u00e0 s\u2019engager.<\/p>\n Vous voulez que vos lecteurs lisent votre contenu, vous devez donc mettre ce dernier en avant et tout faire pour amener les internautes \u00e0 lire vos articles.<\/p>\n Voici ce que vous pouvez faire :<\/p>\n Concernant le texte et les images, vous devez trouver le juste milieu pour que le design de votre blog ne soit pas trop surcharg\u00e9. Les espaces blancs<\/a> ont donc toute leur importance.<\/p>\n Pour votre texte vous pouvez mettre en gras le titre de vos articles pour les faire ressortir.<\/p>\n Vous pouvez ajouter une banni\u00e8re (ou header), en haut de votre blog, qui relai vos meilleurs articles du moment ou les plus r\u00e9cents.<\/p><\/blockquote>\n <\/p>\n En plus d\u2019un design simple, la structure de votre blog doit \u00eatre organis\u00e9e. \u00c0 force de publier des articles, votre site va contenir de plus en plus d\u2019informations et il est essentiel que vos lecteurs puissent s\u2019y retrouver.<\/p>\n Vos articles doivent tous appartenir \u00e0 une ou plusieurs cat\u00e9gories (id\u00e9alement deux maximum). Ces derni\u00e8res doivent \u00eatre mises en avant sur la page d\u2019accueil de votre blog \u00e0 travers un menu par exemple.<\/p>\n Vos lecteurs pourront ainsi acc\u00e9der directement aux articles li\u00e9s \u00e0 la th\u00e9matique qui les int\u00e9resse.<\/p>\n Vous pouvez \u00e9galement ajouter une sidebar dans laquelle vous pouvez relayer vos articles les plus r\u00e9cents ou ceux sur la m\u00eame th\u00e9matique.<\/p>\n De la m\u00eame fa\u00e7on, vous pouvez aussi sugg\u00e9rer d\u2019autres lectures \u00e0 la fin de chaque article afin de garder votre visiteur plus longtemps sur votre visite.<\/p>\n Quoique vous mettiez en place – cat\u00e9gories, tags, sidebar, etc – la navigation doit \u00eatre simple et logique.<\/p>\n \u00c0 lire aussi :\u00a08 m\u00e9thodologies UX design pour trouver l\u2019inspiration<\/a><\/p><\/blockquote>\n <\/p>\n Les images appara\u00eetront sur la page d\u2019accueil de votre blog, mais aussi au sein de vos articles.<\/p>\n En plus du titre de votre article qui doit \u00eatre attractif, l\u2019image d\u2019en-t\u00eate finira de convaincre votre visiteur de lire votre article (ou non).<\/p>\n Aussi, plus vous posterez d\u2019images, plus vous transmettrez des \u00e9motions \u00e0 vos lecteurs. Si vos photographies sont de qualit\u00e9<\/a>, votre blog gagnera en popularit\u00e9.<\/p>\n <\/p>\n Beaucoup de personnes passent du temps \u00e0 cr\u00e9er la mise en page de leur blog, jusqu\u2019\u00e0 en oublier la typographie. Ce param\u00e8tre doit pourtant \u00eatre pris en compte car il influence la lisibilit\u00e9 du texte et participe au design harmonieux du site.<\/p>\n Pour s\u00e9lectionner une police d\u2019\u00e9criture<\/a> et choisir l\u2019emplacement pour votre texte, vous devez :<\/p>\n Pour garder un design simple je vous conseille de ne pas utiliser plus de trois typographies diff\u00e9rentes.<\/p>\n Attention : Les typographies choisies ne doivent pas distraire vos lecteurs du contenu.<\/p><\/blockquote>\n <\/p>\n Les couleurs ont un impact important sur la perception qu\u2019auront vos lecteurs de votre blog, mais \u00e9galement sur le taux de conversion.<\/p>\n Pour un effet optimal, gardez une palette de couleurs coh\u00e9rente entre votre blog et vos autres supports, tel que votre site vitrine ou site e-commerce.<\/p>\n Si vous ne poss\u00e9dez pas d\u2019autres sites, renseignez-vous sur la psychologie des couleurs<\/a> et aidez-vous d\u2019outils gratuits pour trouver les bonnes combinaisons<\/a>.<\/p><\/blockquote>\n Sinon, voici 3 types de couleurs que vous pouvez choisir :<\/p>\n <\/p>\n L\u2019homog\u00e9n\u00e9isation de vos pages et articles est essentielle afin d\u2019offrir une vision d\u2019ensemble coh\u00e9rente de votre blog \u00e0 vos visiteurs.<\/p>\n Pour le plus grand nombre, la coh\u00e9rence est extr\u00eamement importante. En effet, une trop grande abondance de couleurs et de formes peut d\u00e9stabiliser le visiteur, provoquer une dissonance cognitive. R\u00e9sultat, il aura t\u00f4t fait de quitter votre blog\u00a0!<\/p>\n Dans l\u2019id\u00e9al, vous devez donc d\u00e9finir une mise en page standard pour tous les \u00e9l\u00e9ments de votre blog, qu\u2019il s\u2019agisse de la taille des images, comme des polices d\u2019\u00e9criture, en passant par la couleur des boutons.<\/p>\n <\/p>\n Vos valeurs, votre\u00a0vision et votre mission doivent \u00eatre clairement mis en valeur sur votre blog, et ce sur chacune de ses pages\u00a0! Un conseil qui pr\u00e9vaut quelle que soit la taille de votre structure (grande entreprise ou blogueur individuel), les produits ou services que vous promouvez, ou encore les informations que vous y d\u00e9veloppez.<\/p>\n Pour autant, cette mise en exergue constante de vos valeurs doit se faire avec subtilit\u00e9 pour ne pas agresser le visiteur. Combinaisons de couleurs, choix des images et logique de navigation\u2026 sont autant d\u2019outils parfaits pour faire passer votre vision d’entreprise.<\/p>\n Par exemple, si l\u2019environnement fait partie de vos valeurs, utilisez des nuances de verts pour mettre en avant les \u00e9l\u00e9ments de votre blog.<\/p><\/blockquote>\n <\/p>\n Les \u00e9l\u00e9ments les plus informatifs de votre blog doivent imp\u00e9rativement \u00eatre plac\u00e9s de mani\u00e8re \u00e0 \u00eatre bien vus. Il s\u2019agit l\u00e0 d\u2019un aspect crucial dans la mise en page de votre site.<\/p>\n Ces informations sont avant tout l\u00e0 pour servir les objectifs globaux de votre blog ainsi que ceux, individuels, de chacune de vos pages.<\/p>\n En g\u00e9n\u00e9ral, il est donc recommand\u00e9 de centrer les \u00e9l\u00e9ments les plus importants.<\/p>\n Attention : Ce conseil qui n\u2019est toutefois pas \u00e0 prendre strictement au pied de la lettre selon le type de page concern\u00e9. Par exemple, une page d\u2019accueil met en \u00e9vidence plusieurs sections importantes et non pas une seule, ce qui rend obsol\u00e8te une disposition centrale.<\/p><\/blockquote>\n R\u00e8gles g\u00e9n\u00e9rales\u00a0:<\/p>\n <\/p>\n Pour mon\u00e9tiser un blog,\u00a0vous n\u2019aurez parfois d\u2019autre choix que d\u2019y ins\u00e9rer quelques annonces.\u00a0Mais attention \u00e0 ce que ces derni\u00e8res soient suffisamment minimis\u00e9es pour ne pas distraire votre internaute de vos \u00e9l\u00e9ments informatifs importants.<\/p>\n Liens promotionnels et contenus tiers ne doivent jamais interf\u00e9rer avec l\u2019exp\u00e9rience utilisateur\u00a0de vos visiteurs. Rien n\u2019est plus aga\u00e7ant qu\u2019une publicit\u00e9 qui vous saute au visage sans que vous n\u2019ayez rien demand\u00e9\u00a0!<\/p>\n Vous devez donc trouver le juste compromis, afin d\u2019int\u00e9grer vos publicit\u00e9s sans g\u00eaner leur navigation. Dans l\u2019id\u00e9al, \u00e9vitez-les carr\u00e9ment.<\/p>\n <\/p>\n Conserver des espaces n\u00e9gatifs<\/a> sur votre blog est une excellente fa\u00e7on de minimiser les distractions de votre visiteur.<\/p>\n Favorisez toujours une mise en page peu encombr\u00e9e.\u00a0N\u2019accumulez pas trop d’informations sur une m\u00eame page, et choyez ces espaces n\u00e9gatifs qui \u00e9vitent au visiteur de se d\u00e9tourner des contenus essentiels de votre blog.<\/p>\n Pour y parvenir\u00a0:<\/p>\n Si vous estimez que vos pages doivent offrir plus de donn\u00e9es, pr\u00e9f\u00e9rez utiliser le d\u00e9filement, et employez la couleur (avec parcimonie) pour mettre les informations importantes en surbrillance.<\/p>\n <\/p>\n Veillez \u00e0 ce que vos comptes de m\u00e9dias sociaux soient bien visibles sur votre blog afin d\u2019y attirer de nouveaux followers. Cet aspect est particuli\u00e8rement important pour les entreprises qui offrent des produits et des services. En effet, la majorit\u00e9 de vos visiteurs appr\u00e9cieront de se rendre sur vos r\u00e9seaux sociaux pour y glaner plus d\u2019informations sur vos services, et y consulter les commentaires d\u2019autres utilisateurs. Veillez toutefois \u00e0 limiter ces canaux \u00e0 deux ou trois.<\/p>\n Pour tirer le meilleur parti de vos m\u00e9dias sociaux, int\u00e9grez-les dans l’en-t\u00eate et le pied de page de votre blog.<\/p><\/blockquote>\n De m\u00eame, offrez \u00e0 vos visiteurs la possibilit\u00e9 de partager vos contenus avec leurs r\u00e9seaux en mettant en avant les options de partage. Les boutons de partage social vous permettront d\u2019augmenter l’audience de votre blog.<\/p>\n <\/p>\n Un blog r\u00e9ussi est n\u00e9cessairement \u00e9quip\u00e9 d\u2019une barre de navigation propre. \u00c9vitez l\u00e0 encore tout encombrement inutile afin d\u2019offrir une navigation simple, \u00e9pur\u00e9e et intuitive \u00e0 vos visiteurs.<\/p>\n La concision et la simplicit\u00e9 sont vos meilleurs atouts. Pr\u00e9f\u00e9rez donc vous limiter \u00e0 un menu comprenant 4 ou 5 onglets maximum. Ces derniers peuvent alors \u00eatre d\u00e9ploy\u00e9s, ou non, en sous-onglets.<\/p>\n Si vraiment vous ne pouvez vous limiter \u00e0 un menu d\u2019en-t\u00eate concis, pr\u00e9f\u00e9rez conserver un nombre de 5 onglets maximum, tout en ajoutant des blocs informatifs compl\u00e9mentaires dans chacune de vos pages.<\/p>\n <\/p>\n De plus en plus de personnes consultent des blogs et lisent les articles depuis leur smartphone.<\/p>\n Votre site doit donc obligatoirement \u00eatre responsive. Si cet aspect vous semble technique, l\u2019id\u00e9al est de faire appel \u00e0 un web designer exp\u00e9riment\u00e9<\/a>.<\/p>\n <\/p>\n Le temps de chargement influencera votre r\u00e9f\u00e9rencement naturel, et s\u2019il est trop long il fera fuir vos visiteurs. Votre blog devra se charger en moins de 2 secondes.<\/p>\n Pour rester dans les temps, vos images doivent \u00eatre optimis\u00e9es pour le web<\/a>. Une autre astuce consiste \u00e0 compresser les fichiers CSS<\/a> si ceux-ci sont nombreux et volumineux.<\/p>\n Vous pouvez vous aidez de l\u2019outil Google PageSpeed Insights pour v\u00e9rifier le temps de chargement de votre blog. Vous trouverez des suggestions d\u2019am\u00e9lioration.<\/p>\n2. Un look simple mais professionnel<\/h2>\n
\n
![\"Disposition](\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/12\/blog-disposition.jpg\")
3. Une structure organis\u00e9e<\/h2>\n
4. Des images de qualit\u00e9<\/h2>\n
5. Des combinaisons de typographie r\u00e9ussies<\/h2>\n
\n
![\"Blog](\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/12\/blog-typographie.jpg\")
<\/a><\/p>\n6. Une palette de couleurs coh\u00e9rente<\/h2>\n
\n
7. Une mise en page toujours coh\u00e9rente<\/h2>\n
8. Des valeurs d\u2019entreprise visuellement \u00e9videntes<\/h2>\n
![\"blog](\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/12\/le-deconsommateur.jpg\")
9. Des contenus avec un positionnement optimis\u00e9<\/h2>\n
\n
10. Des encarts publicitaires minimis\u00e9s<\/h2>\n
11. Des espaces n\u00e9gatifs laiss\u00e9s vides<\/h2>\n
\n
12. Des m\u00e9dias sociaux mis en avant<\/h2>\n
![\"Blog\"](\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/12\/les-lubies-de-louise.jpg\")
13. Une navigation simple et intuitive<\/h2>\n
14. Un design responsive<\/h2>\n
15. Un temps de chargement rapide<\/h2>\n