<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Blog Design</title>
	
	<link>http://blog-design.fr</link>
	<description>Outils visuels pour construire et optimiser son blog comme un ninja</description>
	<lastBuildDate>Sun, 20 Jun 2010 05:32:15 +0000</lastBuildDate>
	
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/blog-design" /><feedburner:info uri="blog-design" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:emailServiceId>blog-design</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><item>
		<title>Tout doit disparaître : le grand nettoyage qui va faire respirer vos lecteurs</title>
		<link>http://feedproxy.google.com/~r/blog-design/~3/3yUJnilLZ1A/</link>
		<comments>http://blog-design.fr/tout-doit-disparaitre-le-grand-nettoyage-qui-va-faire-respirer-vos-lecteurs/#comments</comments>
		<pubDate>Thu, 17 Jun 2010 07:23:35 +0000</pubDate>
		<dc:creator>Benjamin</dc:creator>
				<category><![CDATA[Bonnes pratiques]]></category>

		<guid isPermaLink="false">http://blog-design.fr/?p=194</guid>
		<description><![CDATA[Note : Ceci est la suite de Comment épurer votre blog pour ne plus paralyser vos visiteurs.
N&#8217;avez-vous jamais été pris d&#8217;un éclat de rire en observant une personnalité politique répondre à une question embarrassante ?
&#8220;C&#8217;est une excellente question, je vous remercie de me l&#8217;avoir posée&#8230;&#8221;
Circonvolutions, détours, blabla&#8230; L&#8217;objectif recherché est de détourner l&#8217;attention en noyant [...]]]></description>
			<content:encoded><![CDATA[<p><em>Note : Ceci est la suite de <a title="Comment épurer votre blog pour ne plus paralyser vos visiteurs" href="http://blog-design.fr/comment-epurer-son-blog-pour-ne-plus-paralyser-ses-visiteurs/">Comment épurer votre blog pour ne plus paralyser vos visiteurs</a>.</em></p>
<p><strong>N&#8217;avez-vous jamais été pris d&#8217;un éclat de rire en observant une personnalité politique répondre à une question embarrassante ?</strong></p>
<blockquote><p>&#8220;C&#8217;est une excellente question, je vous remercie de me l&#8217;avoir posée&#8230;&#8221;</p></blockquote>
<p>Circonvolutions, détours, blabla&#8230; L&#8217;objectif recherché est de détourner l&#8217;attention en noyant le <span style="text-decoration: line-through;">citoyen</span> spectateur dans un flot de <strong>bruit</strong> qui masque le <strong>signal</strong>.<br />
<code><img src="http://blog-design.fr/designpourvendre/wp-content/plugins/flash-video-player/default_video_player.gif" /></code><br />
<em>(durée : 1 minute)</em></p>
<p><em> </em><br />
Et vous,<strong> noyez-vous vos lecteurs dans un flot de bruit qui masque le </strong><strong>signal ?</strong> (involontairement bien sûr <img src='http://blog-design.fr/designpourvendre/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> )</p>
<p><span id="more-194"></span>Si vous êtes d’accord pour dire qu’un lecteur vient sur votre blog pour lire vos articles, alors nous pouvons affirmer que <strong>votre contenu est le signal</strong>.</p>
<p><strong>Tout le reste est du bruit</strong>, sauf si vous pensez que vos visiteurs viennent dans le but de lire votre sidebar ou votre menu&#8230; (encore que pour ce dernier, c&#8217;est possible si vous tenez un blog sur la restauration !)</p>
<p>Or, comme nous l&#8217;avons vu dans l&#8217;article précédent, <a title="Comment épurer son blog pour ne plus paralyser ses visiteurs" href="http://blog-design.fr/comment-epurer-son-blog-pour-ne-plus-paralyser-ses-visiteurs/">le bruit nuit à la concentration de vos visiteurs et les paralyse bien souvent en les empêchant de faire un choix</a> &#8211; et donc de passer à l&#8217;action.</p>
<h3>Les 3 types de bruit</h3>
<p>Parmi ce bruit, on en distingue de 3 types :</p>
<ol>
<li>Bruit <strong>utile pour le lecteur</strong> (par exemple, le menu aide vos lecteurs à trouver vos articles plus facilement, le bouton « RSS » permet à vos lecteurs d’être tenus à jour de vos articles plus facilement…)</li>
<li>Bruit <strong>utile pour le blogueur</strong> (par exemple, pop-up d’inscription à la newsletter, photo de l’auteur pour son personal branding…)</li>
<li>Bruit <strong>inutile</strong> (ou utile à une faible minorité, et donc du bruit inutile pour la majorité)</li>
</ol>
<p>Pour épurer notre blog, c’est sur le <strong>bruit inutile</strong> que nous allons nous concentrer.</p>
<h3>Bruit réel et bruit perçu</h3>
<p>Je classe ce bruit inutile en 2 catégories :</p>
<ul>
<li>Bruit <strong>inutile réel</strong>. Ce sont des éléments tangibles, tels qu’un widget, une icône, un lien… Un utilisateur pourrait dire « Mais ce truc-là ne sert à rien ! »</li>
<li>Bruit <strong>inutile perçu</strong>. Il s’agit de bruit causé par l’agencement de votre blog, tel qu’un manque d’alignement des éléments, trop de polices de caractères différentes, une typographie brouillonne manquant de lisibilité… Un utilisateur pourrait dire « Il y a une impression de fouilli sur cette page… »</li>
</ul>
<p>Nous allons nous intéresser dans cet article au <strong>bruit inutile réel</strong>. Pourquoi ?</p>
<ul>
<li>Celui-ci est <strong>plus facile à repérer</strong>, moins flou à définir.</li>
<li>Les modifications nécessaires sont <strong>rapides à mettre en place</strong> &#8211; tandis que corriger le bruit perçu demande souvent quelques connaissances techniques, voire de changer complètement de thème…</li>
</ul>
<p>Plutôt que de passer en revue de manière exhaustive tous les éléments inutiles qui peuvent exister sur un blog, j&#8217;ai choisi de m&#8217;arrêter sur les plus communs avec pédagogie et en détaillant mes arguments.</p>
<p>Ainsi, à la fin de cet article, c&#8217;est une vraie méthode d&#8217;analyse et de questionnement de l&#8217;utilité des éléments que vous serez capable de mettre en place <strong>par vous-même</strong> pour trancher en votre âme et conscience de ce qui a sa place chez vous, et de ce qui ne l&#8217;a pas.</p>
<blockquote><p>Donne du riz à un homme et il aura à manger pour un jour, apprends à un homme à cultiver le riz et il aura à manger pour toujours <img src='http://blog-design.fr/designpourvendre/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p></blockquote>
<h2>Simplifier le header</h2>
<h3>- Les liens de navigation (pages, etc.)</h3>
<p>Ces liens, souvent situés dans une barre verticale tout en haut de la page, sont destinés à la navigation. Ils comprennent des éléments comme “contact”, “à propos”, etc.</p>
<p>Tout ce que vous avez à faire est de vous <strong>interroger sur la pertinence de chacun de ces liens</strong>. Par exemple, mettez-vous dans la peau d’un lecteur qui découvre un blog et cette barre de navigation :</p>
<div class="wp-caption aligncenter" style="width: 385px"><img style="display: block; margin-left: auto; margin-right: auto;" title="barre navigation" src="http://img1.blog-design.fr/2010/06/barrenavigation_thumb.jpg" alt="barre navigation" width="375" height="48" /><p class="wp-caption-text">Liens de navigation</p></div>
<p>- A propos… “Tiens oui, ça m’intéresserait bien d’en savoir plus sur l’auteur.”<br />
- Ressources… “Ah, il y a peut-être des outils intéressants là-dedans.”<br />
- Forum… “L’occasion d’échanger, peut-être de lire des topics de qualité, ça peut être bien.”<br />
- Etc…</p>
<p>Si vous avez de la chance, le visiteur choisira l’un de ces liens et les cliquera. Si vous avez encore plus de chance et que lui a le temps, il les visitera un par un.</p>
<p>Et si vous n’avez pas de chance, il agira comme le font la plupart des êtres humains confrontés à un choix difficile : En <strong>se laissant tenter par n’importe quelle distraction</strong> disponible aux alentours, en <strong>remettant son choix à plus tard</strong>, ou tout simplement en <strong>fuyant</strong> !</p>
<p>Si vraiment tous les liens de cette barre de navigation ont leur pertinence, une bonne pratique pourrait être de <strong>mettre en valeur l’un des items</strong>, en faisant ainsi un <strong>“choix par défaut”</strong> qui <strong>mâche le travail de vos visiteurs indécis</strong>.</p>
<div class="wp-caption aligncenter" style="width: 483px"><a href="http://img1.blog-design.fr/2010/06/barrenavigation2.jpg" rel="shadowbox[post-194];player=img;"><img style="display: block; margin-left: auto; margin-right: auto; border: 0pt none;" title="barre navigation2" src="http://img1.blog-design.fr/2010/06/barrenavigation2_thumb.jpg" border="0" alt="barre navigation2" width="473" height="74" /></a><p class="wp-caption-text">Liens de navigation avec un élément mis en valeur</p></div>
<p>Comme formulé par le titre d’un célèbre ouvrage d’ergonomie web : “<a title="Don’t make me think" href="http://www.ergolab.net/livres/don-t-make-me-think.php">Don’t make me think</a>” !</p>
<p>Mais la plupart du temps, vous pouvez déjà faire un premier tri de ces liens et enlever complètement les moins utiles, ou bien les placer dans le footer, où ils occasionneront moins de bruit gênant.</p>
<p>Par exemple, seul un très petit nombre de vos visiteurs utilise le <strong>plan du site</strong>. Jakob Nielsen, l’expert américain en utilisabilité, <a title="Etude d'utilisabilité sur les plans de site" href="http://www.useit.com/alertbox/sitemaps.html">estime selon ses études</a> que <strong>7% seulement des visiteurs <em>souhaitant se renseigner sur la structure d’un site</em> se dirigent vers le sitemap</strong>.</p>
<p>Celui-ci peut donc avoir une utilité pour un tout petit nombre de personnes, alors autant le garder.</p>
<p>Mais mettre le lien dans le footer permettrait de ne pas <strong>distraire la majorité de vos lecteurs</strong>, qui n’en a pas besoin. (et de toute façon, votre blog sera bientôt si bien rangé que sa structure sera limpide comme du cristal <img src='http://blog-design.fr/designpourvendre/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> )</p>
<h3>- Le menu de catégories</h3>
<p>Heureusement, Wordpress 3 va bientôt permettre de gérer ses menus beaucoup plus facilement, et notamment de <strong>sélectionner les catégories que l’on souhaite intégrer à son menu</strong>.</p>
<p>Par exemple, quel besoin y a-t-il d’afficher les catégories « Non classé » ou « Vie du blog », qui contiennent typiquement <strong>des articles ponctuels que vos visiteurs ne recherchent pas</strong> ?</p>
<p>Par ailleurs, Lorsqu’on regarde ses catégories de près, on se rend souvent compte que celles-ci pourraient être<strong> regroupées autour de quelques “super-catégories”</strong>, bien moins nombreuses.</p>
<p>Au lieu d’avoir 4 catégories “Pomme, Salade, Poire, Poivron”, vous auriez 2 super-catégories “Légumes” et “Fruits” regroupant chacune 2 sous-catégories.</p>
<p>Si vous avez vraiment trop de catégories, une autre solution peut être de ne garder que les plus importantes dans le menu (attention, les plus importantes ne sont pas forcément celles auxquelles vous pensez, pensez à jeter un œil à vos statistiques sur ce point) et mettre les autres dans un endroit plus discret.</p>
<p>Par exemple, une liste déroulante dans votre sidebar (mise en place facilement par le widget Catégories de Wordpress).</p>
<div class="wp-caption aligncenter" style="width: 473px"><a href="http://img1.blog-design.fr/2010/06/listedroulante.jpg" rel="shadowbox[post-194];player=img;"><img style="display: block; margin-left: auto; margin-right: auto; border: 0pt none;" title="liste déroulante" src="http://img1.blog-design.fr/2010/06/listedroulante_thumb.jpg" border="0" alt="liste déroulante" width="463" height="267" /></a><p class="wp-caption-text">Mise en place du module Catégories sous forme de liste déroulante...</p></div>
<div class="wp-caption aligncenter" style="width: 184px"><a href="http://img1.blog-design.fr/2010/06/listedroulante2.jpg" rel="shadowbox[post-194];player=img;"><img style="display: block; margin-left: auto; margin-right: auto; border: 0pt none;" title="liste déroulante2" src="http://img1.blog-design.fr/2010/06/listedroulante2_thumb.jpg" border="0" alt="liste déroulante2" width="174" height="148" /></a><p class="wp-caption-text">...Et voilà le résultat</p></div>
<h2>Simplifier la zone des articles</h2>
<h3>- Le titre</h3>
<p>Votre contenu est le signal, et votre titre est<strong> l’accroche de votre contenu</strong>. Autant éviter de le brouiller avec du bruit environnant !</p>
<p>Par exemple, observons les titres d’une page de catégorie sur le <a title="Thème Wordpress" href="http://www.elegantthemes.com/preview/eBusiness/?cat=9">thème eBusiness, d’Elegant Themes</a> :</p>
<div class="wp-caption aligncenter" style="width: 490px"><a href="http://img1.blog-design.fr/2010/06/titres.jpg" rel="shadowbox[post-194];player=img;"><img style="display: block; margin-left: auto; margin-right: auto; border: 0pt none;" title="titres" src="http://img1.blog-design.fr/2010/06/titres_thumb.jpg" border="0" alt="titres" width="480" height="296" /></a><p class="wp-caption-text">Qu&#39;est-ce qui attire le plus votre attention ? Les gros titres, ou les gros à-plats de couleur orange en dessous ?</p></div>
<p>Les titres sont mis en valeur par leur grande taille, c’est bien.</p>
<p>Mais juste en dessous, auteur, date et nombre de commentaires sont mis en valeur en les plaçant dans un cadre de couleur différente &#8211; effet renforcé par le fait que ce cadre ressorte de la page, sur la gauche.</p>
<p>Voilà qui perturbe l’internaute. <strong>Deux éléments mis en valeur au même endroit</strong>. Lequel est le plus important ?</p>
<p>Si ça n’avait pas été le titre, cela aurait peut-être été anecdotique. Mais là, il s’agit de l’appel de votre contenu, ce qui doit <strong>le plus</strong> <strong>attirer l’attention sur votre signal</strong>.</p>
<p>Ceci est un exemple typique de surenchère graphique où, en essayant d’attirer l’attention sur trop de choses, on ne l’attire plus sur grand chose.</p>
<h3>- Le nom de l’auteur</h3>
<p>Si vous êtes le seul auteur de votre blog, pourquoi laisser « par Admin » ou “par Nomdelauteur” en dessous de votre titre ? Voilà un élément tout à fait inutile <img src='http://blog-design.fr/designpourvendre/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<h3>- La date</h3>
<p>Avez-vous besoin de laisser la date à côté de votre titre ? Dans la blogosphère américaine, la norme est devenue <strong>de ne plus dater ses articles qu’en page d’accueil</strong>, ou bien de <strong>ne mettre la date qu’en fin d’article</strong>.</p>
<p>En effet, cela permet d’éviter que les articles les plus anciens soient moins lus car perçus comme “obsolètes”, malgré que leur contenu soit toujours d’actualité. Et en plus, ça diminue le bruit présent autour de votre titre, vous faîtes d’une pierre, deux coups ! <img src='http://blog-design.fr/designpourvendre/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<h3>- Les publicités</h3>
<p><strong>Les pubs dans le corps des articles, en liens texte, sont celles qui fonctionnent le mieux</strong>. (parce que les internautes ont appris à “zapper” tout ce qui ressemble à un placard de pub, en filtrant notamment ce qui est animé ou plein de couleurs)</p>
<div class="wp-caption aligncenter" style="width: 490px"><a href="http://img1.blog-design.fr/2010/06/pubs.jpg" rel="shadowbox[post-194];player=img;"><img style="display: block; margin-left: auto; margin-right: auto; border: 0pt none;" title="pubs" src="http://img1.blog-design.fr/2010/06/pubs_thumb.jpg" border="0" alt="pubs" width="480" height="283" /></a><p class="wp-caption-text">Publicité dans le corps du texte</p></div>
<p>C’est<strong> l’une des choses qui ajoutent le plus de bruit parasite à votre signal, car ces publicités sont en plein cœur de votre contenu.</strong> Mais si vous voulez gagner un peu d’argent avec votre blog et que ces pubs vous rapportent un pécule que vous estimez intéressant, il est tout à fait honnête de se faire rémunérer pour son dur labeur même si cela nuit un peu à la lisibilité du contenu, donc vous pouvez les garder.</p>
<p>Mais si vous ne gagnez rien avec vos pubs, supprimez-les ! Vous retenterez l’expérience lorsque vous aurez plus de trafic <img src='http://blog-design.fr/designpourvendre/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>PS : La pub Adsense est en général un mauvais moyen de monétiser son blog. Pour de bons moyens de gagner de l’argent avec son blog, voir ce très bon article sur la <a title="Article d'Olivier Roland sur la monétisation de blog" href="http://www.des-livres-pour-changer-de-vie.fr/la-monetisation/">monétisation d’un blog</a> (même avec un trafic moyen) ou <a title="Blog sur la monétisation" href="http://monetiweb.com/">le blog Monétiweb</a>.</p>
<h3>- Les icônes de partage social</h3>
<p>Vous devez absolument éviter d’avoir un truc comme ça à la fin de chaque billet :</p>
<div class="wp-caption aligncenter" style="width: 251px"><a href="http://img1.blog-design.fr/2010/06/socialmedia.jpg" rel="shadowbox[post-194];player=img;"><img style="display: block; margin-left: auto; margin-right: auto; border: 0pt none;" title="social media" src="http://img1.blog-design.fr/2010/06/socialmedia_thumb.jpg" border="0" alt="social media" width="241" height="227" /></a><p class="wp-caption-text">Trop d&#39;icônes de partage social. Les services que personne n&#39;utilise sont autant mis en valeur que les services très populaires.</p></div>
<p>Encore une fois, c’est mécanique. <strong>Une telle barre de partage équivaut à… 16 call to action</strong>. Vous ne facilitez pas le choix de votre visiteur !</p>
<p>Vous pourriez utiliser une barre telle que celle de <a title="Add to Any" href="http://www.addtoany.com/">Add to Any</a>, mais celle-ci est si petite qu’elle a le défaut de ne plus faire d’appel à l’action du tout.</p>
<p>Vous ne devriez garder que les services de partage les plus utilisés. Si 3 visiteurs par mois cliquent sur votre bouton de partage vers tel service anglophone méconnu en France et que cela vous rapporte 10 visiteurs… Il y a de grandes chances qu’en supprimant ce bouton <strong>vous rendiez davantage visibles ceux qui sont vraiment utilisés</strong>.</p>
<p>Dès lors, vos appels à l’action pour partager vos articles fonctionneront mieux et rentabiliseront nettement le peu de visites que vous aurez perdu.</p>
<p>De plus, un des critères déterminant de la popularité d’un blog étant <strong>le nombre de commentaires</strong>, vous devriez veiller, sauf si vous avez des objectifs particuliers, à <strong>couper le moins possible la route qui sépare la fin de l’article des commentaires</strong>.</p>
<p>Voire même – technique ninja ! – ouvrir une voie royale en indiquant cette route par une flèche inconsciente, comme sur un petit blog récemment créé :</p>
<div class="wp-caption aligncenter" style="width: 490px"><a href="http://img1.blog-design.fr/2010/06/partagerarticle.jpg" rel="shadowbox[post-194];player=img;"><img style="display: block; margin-left: auto; margin-right: auto; border: 0pt none;" title="partagerarticle" src="http://img1.blog-design.fr/2010/06/partagerarticle_thumb.jpg" border="0" alt="partagerarticle" width="480" height="304" /></a><p class="wp-caption-text">Icônes de partage social en fin d&#39;article</p></div>
<p>Enfin, n&#8217;oubliez pas d&#8217;étudier, de tester (ou de lire quelques études si vous n&#8217;avez pas le temps) la<strong> pertinence des modules sociaux que vous placez sur votre blog</strong>.</p>
<p>En effet, <strong>tous les modules ne sont pas adaptés à n&#8217;importe quel type de blog</strong>.</p>
<p>Par exemple, on voit le bouton &#8220;like&#8221; de Facebook fleurir partout en ce moment&#8230; Mais selon une <a title="Are Facebook Like Buttons Wrong or Right For Your Site?" href="http://www.problogger.net/archives/2010/05/21/are-facebook-like-buttons-wrong-or-right-for-your-site/">petite expérience faite par un blogueur pour Problogger</a>, le bouton &#8220;like&#8221; n&#8217;est, en gros, vraiment utilisé que <strong>si votre contenu est neutre et plutôt grand public</strong>, ne touchant pas une &#8220;niche&#8221;, et surtout n&#8217;étant pas sujet à controverse. Ainsi, selon la thématique de votre blog, peut-être le bouton &#8220;Like&#8221; ne vous sera-t-il d&#8217;aucune utilité et ne fera qu&#8217;ajouter du bruit à votre blog&#8230;</p>
<h2>Simplifier la sidebar</h2>
<p>Déjà, à moins que vous n’ayez vraiment énormément de contenu et de choses essentielles à montrer (cas d’un journal en ligne par exemple) ou un besoin spécifique, le premier mot d’ordre de la sidebar devrait être : <strong>une ça va, deux, bonjour les dégats</strong> ! Restez simple <img src='http://blog-design.fr/designpourvendre/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<h3>- Blogroll</h3>
<p>Ces échanges de liens ont fait leur temps, Google sait très bien les repérer et<strong> leur accorde une valeur plus faible</strong>. Quant aux lecteurs… Une liste de liens balancée comme ça sans explications a-t-elle une<strong> valeur ajoutée</strong> pour eux ? Si réellement vous souhaitez faire un partenariat avec un blogueur, alors pourquoi ne pas essayer d’en faire un vrai de vrai ? <img src='http://blog-design.fr/designpourvendre/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p>Une manière de procéder qui soit intéressante à la fois pour vous, votre référencement et le lecteur, peut être de convenir d’insérer dans certains de vos articles (ou une fois tous les X articles) <strong>des liens vers des billets de votre partenaire en rapport avec le sujet traité par votre post</strong>, et que lui en fasse autant. Ceci apportera bien plus de valeur ajoutée pour tout le monde, et<strong> ces liens, s’ils sont placés avec pertinence, seront beaucoup plus visités que dans un widget « blogroll »</strong>.</p>
<p>Deuxième solution, <strong>une vraie page « Mes blogs favoris »</strong> ou « Mes partenaires » (voire même « Index de tous les blogs de ma niche » si vous souhaitez vous poser en tant qu’autorité dans votre domaine) où vous placez une appréciation, une courte description des liens proposés…</p>
<p><strong>Il est tellement long et difficile de trouver, d’analyser et de sélectionner les meilleurs blogs d’une niche, si vous faîtes gagner ce temps à vos lecteurs, vous leur rendrez un fier service !</strong> Encore une fois, cela a <strong>beaucoup plus de valeur ajoutée</strong>, et c’est une <strong>vraie page de contenu</strong>…</p>
<h3>- Commentaires récents</h3>
<p>Quelques extraits de commentaires <strong>complètement sortis de leur contexte</strong> et <strong>n’ayant pas de rapport les uns avec les autres</strong>… Avouons qu’il n’y a aucune valeur ajoutée pour le lecteur dans un tel widget…</p>
<p>Si vous avez besoin de « preuve sociale », le nombre de commentaires à côté de chaque article, plus un bouton avec le nombre de retweets (si vous êtes dans une niche où l’on utilise Twitter), cela devrait suffire, non ? <img src='http://blog-design.fr/designpourvendre/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<h3>- Organisation des widgets</h3>
<p>Classer vos widgets de haut en bas selon un critère d’esthétisme ou de “comment font les autres ?” est la dernière chose que vous voulez faire.</p>
<p>Au plus un élément est placé haut sur votre blog, au plus il sera mis en valeur, vu et cliqué. Pensez simple, et <strong>fixez vos priorités</strong> <img src='http://blog-design.fr/designpourvendre/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Par exemple, voyez comme sur le blog ci-dessous, l’auteur a défini ses objectifs de manière très claire : Un champ pour s’inscrire à la newsletter tout en haut, et une liste des billets populaires en dessous. C’est tout pour la sidebar ! (à noter qu’une liste des billets populaires est plus intéressante qu’une liste des billets récents, puisqu’elle répertorie vos articles selon un critère de <strong>qualité</strong> plutôt que <strong>chronologique</strong> – ce qui a plus de valeur ajoutée pour vos visiteurs)</p>
<div class="wp-caption aligncenter" style="width: 490px"><a href="http://img1.blog-design.fr/2010/06/revoperso.jpg" rel="shadowbox[post-194];player=img;"><img class=" " style="display: block; margin-left: auto; margin-right: auto; border: 0pt none;" title="revoperso" src="http://img1.blog-design.fr/2010/06/revoperso_thumb.jpg" border="0" alt="revoperso" width="480" height="282" /></a><p class="wp-caption-text">Dans la sidebar de ce blog, rien que l&#39;essentiel. Un formulaire pour s&#39;inscrire à la newsletter, et les billets les plus populaires.</p></div>
<h3>- Les listes</h3>
<p>Une manière très simple d’épurer votre blog est de <strong>diminuer le nombre d’éléments dans vos listes</strong>, que ces listes contiennent des liens, des articles, des commentaires…</p>
<p>Plutôt que de placer en sidebar des listes de 15 éléments, vous pourriez par exemple vous contenter de 5 <img src='http://blog-design.fr/designpourvendre/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<h2>Simplifier le footer</h2>
<p>Cet article étant déjà plutôt long, je ne vais pas m’étendre sur le footer, présumant que si vous avez lu jusqu’ici, vous devez avoir compris le principe de ce grand nettoyage <img src='http://blog-design.fr/designpourvendre/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p>Une petite particularité néanmoins, vous pouvez vous permettre d’être moins radical avec le footer. C’est la zone la plus basse, et typiquement les personnes qui vont voir à cet endroit :</p>
<ul>
<li>sont à la recherche de quelque chose d’assez précis</li>
<li>ou bien n’ont rien trouvé d’intéressant sur le reste de la page et tentent ici leur dernière chance</li>
</ul>
<p>Le footer est donc en quelque sorte votre « filet de rattrapage » et vous pouvez vous permettre d’y inclure un peu plus d’éléments, notamment parce qu’il ne touche pas votre contenu et vos call to action de près, et ne risque donc pas de trop distraire.</p>
<h3>Conclusion</h3>
<p>Voilà pour ce nettoyage de printemps, j’espère qu’il vous a plu !</p>
<p>Comme vous avez pu le voir, il existe aujourd&#8217;hui sur les blogs une foule d&#8217;éléments n&#8217;ayant pas ou peu d&#8217;utilité.</p>
<p>Cela vient d&#8217;après moi de trois tendances :</p>
<ul>
<li>On n&#8217;aime pas le vide, on pense qu&#8217;il faut obligatoirement le combler.</li>
<li>On pense que c&#8217;est en en mettant partout qu&#8217;on donne l&#8217;impression d&#8217;avoir plus de contenu.</li>
<li>On veut qu&#8217;il existe des options, des choix possibles, pour tout type d&#8217;internaute arrivant sur notre blog, plutôt que de prendre le temps de se faire une idée précise de notre lecteur idéal, de notre &#8220;cible&#8221;, et d&#8217;organiser son blog avant tout pour lui.<strong> Mais à vouloir s&#8217;adresser à tout le monde, on ne s&#8217;adresse véritablement à personne.</strong></li>
</ul>
<p>Comme cet article contient beaucoup de conseils, peut-être n’êtes-vous pas d’accord avec certains ? Dans ce cas, il m’intéresse d’entendre vos arguments en commentaires afin de progresser moi aussi <img src='http://blog-design.fr/designpourvendre/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>De même, si certaines notions ne vous paraissent pas assez claires et que vous souhaiteriez que je revienne en détail sur un point particulier dans un prochain article, faites-le savoir ci-dessous <img src='http://blog-design.fr/designpourvendre/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>


<p>Sur le même sujet<ol><li><a href='http://blog-design.fr/comment-epurer-son-blog-pour-ne-plus-paralyser-ses-visiteurs/' rel='bookmark' title='Permanent Link: Comment épurer son blog pour ne plus paralyser ses visiteurs'>Comment épurer son blog pour ne plus paralyser ses visiteurs</a></li>
</ol></p><img src="http://feeds.feedburner.com/~r/blog-design/~4/3yUJnilLZ1A" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog-design.fr/tout-doit-disparaitre-le-grand-nettoyage-qui-va-faire-respirer-vos-lecteurs/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		<feedburner:origLink>http://blog-design.fr/tout-doit-disparaitre-le-grand-nettoyage-qui-va-faire-respirer-vos-lecteurs/</feedburner:origLink></item>
		<item>
		<title>Comment épurer son blog pour ne plus paralyser ses visiteurs</title>
		<link>http://feedproxy.google.com/~r/blog-design/~3/dyEsj_AX_N0/</link>
		<comments>http://blog-design.fr/comment-epurer-son-blog-pour-ne-plus-paralyser-ses-visiteurs/#comments</comments>
		<pubDate>Mon, 07 Jun 2010 21:20:24 +0000</pubDate>
		<dc:creator>Benjamin</dc:creator>
				<category><![CDATA[Bonnes pratiques]]></category>

		<guid isPermaLink="false">http://design-pour-vendre.com/comment-purer-son-blog-pour-ne-plus-paralyser-ses-visiteurs/</guid>
		<description><![CDATA[Suis-je le seul ? Lorsque je me rends à Paris en voiture, je ressens toujours une grande compassion (et un brin d&#8217;admiration) pour les jeunes parisiens&#8230;
En effet, moi qui parvenais à prendre des sens interdits se trouvant droit devant moi tandis que j&#8217;apprenais à conduire &#8211; la faute à mon esprit vagabond   &#8211; [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Suis-je le seul ?</strong> Lorsque je me rends à Paris en voiture, je ressens toujours une grande compassion (et un brin d&#8217;admiration) pour les jeunes parisiens&#8230;</p>
<p>En effet, moi qui parvenais à prendre des sens interdits se trouvant droit devant moi tandis que j&#8217;apprenais à conduire &#8211; la faute à mon esprit vagabond <img src='http://blog-design.fr/designpourvendre/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  &#8211; je ne comprends pas comment diable font ces petits génies du volant pour obtenir leur permis de conduire dans un tel dédale de micmac brouhahatesque.</p>
<p><strong>Et régulièrement, il m&#8217;arrive de croiser des blogs qui me font littéralement penser à des carrefours parisiens.</strong><strong><br />
</strong></p>
<p>Paré pour un petit test ?</p>
<p><span id="more-131"></span></p>
<p>Question : Où vous sentez-vous le mieux pour conduire, le plus concentré, le plus confiant,<strong> le plus sûr de là où il faut tourner</strong> ?</p>
<p>1- Imaginez-vous au volant de votre bolide préféré, sur une avenue parisienne :</p>
<div id="attachment_132" class="wp-caption aligncenter" style="width: 490px"><a href="http://img1.blog-design.fr/2842562633_f230683cd3_b.jpg" rel="shadowbox[post-131];player=img;"><img class="size-large wp-image-132" title="Circulation Paris" src="http://img1.blog-design.fr/2842562633_f230683cd3_b-480x357.jpg" alt="Rue encombrée à Paris" width="480" height="357" /></a><p class="wp-caption-text">Trop d&#39;élements attirent l&#39;oeil, ce qui nuit à la concentration du conducteur... D&#39;où l&#39;impossibilité de garder une voiture non cabossée à Paris !</p></div>
<p>Et encore, ne parlons pas de la version avec pub <img src='http://blog-design.fr/designpourvendre/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  :</p>
<div id="attachment_140" class="wp-caption aligncenter" style="width: 490px"><a href="http://img1.blog-design.fr/70444175_43771d4662_b.jpg" rel="shadowbox[post-131];player=img;"><img class="size-large wp-image-140" title="Circulation Paris avec pub" src="http://img1.blog-design.fr/70444175_43771d4662_b-480x360.jpg" alt="Une rue encombrée de Paris avec une affiche publicitaire suggestive" width="480" height="360" /></a><p class="wp-caption-text">Encore moins évident de se concentrer sur la manoeuvre à effectuer, n&#39;est-ce pas ?</p></div>
<p>2- Et maintenant, imaginez-vous dans le fin-fond de Bouillabaisse-Sur-Bresse, hameau de 300 habitants devenu célèbre depuis que Jean-Pierre Pernaut y a fait un sujet sur le boucher du village &#8211; qui venait de battre le record de la plus grande assiette de rillettes jamais préparée de tout le terroir français :</p>
<div id="attachment_143" class="wp-caption aligncenter" style="width: 490px"><a href="http://img1.blog-design.fr/route-campagne.jpg" rel="shadowbox[post-131];player=img;"><img class="size-large wp-image-143" title="route-campagne" src="http://img1.blog-design.fr/route-campagne-480x305.jpg" alt="Route de campagne dégagée" width="480" height="305" /></a><p class="wp-caption-text">Difficile de manquer la seule instruction qui nous soit donnée ici... Il n&#39;y a plus qu&#39;à suivre le chemin tout tracé !</p></div>
<p>Maintenant, comparons 2 blogs dans la même thématique. Où vous sentez-vous le plus à l&#8217;aise pour surfer, le plus concentré, <strong>le moins assailli par une innombrable quantité de choix possibles</strong> ?</p>
<div id="attachment_147" class="wp-caption aligncenter" style="width: 490px"><a href="http://img1.blog-design.fr/productivité1.jpg" rel="shadowbox[post-131];player=img;"><img class="size-large wp-image-147" title="Capture d'écran du blog Productivity 501" src="http://img1.blog-design.fr/productivité1-480x459.jpg" alt="Capture d'écran du blog Productivity 501 avec de trop nombreux éléments" width="480" height="459" /></a><p class="wp-caption-text">Beaucoup d&#39;images, un menu qui contient une grande diversité d&#39;éléments... Par où commencer ?</p></div>
<div id="attachment_149" class="wp-caption aligncenter" style="width: 490px"><a href="http://img1.blog-design.fr/productivité2.jpg" rel="shadowbox[post-131];player=img;"><img class="size-large wp-image-149" title="Capture d'écran du blog Zen Habits" src="http://img1.blog-design.fr/productivité2-480x480.jpg" alt="Capture d'écran du blog Zen Habits, au design épuré" width="480" height="480" /></a><p class="wp-caption-text">Même si ce blog manque un peu de fantaisie (son précédent design était meilleur et tout aussi épuré), on se sent tout de suite plus &quot;zen&quot; face à une telle interface...</p></div>
<p>Vous est-il déjà arrivé d’avoir tant de projets, de tâches, de choses à faire, de vous sentir si débordé que vous étiez <strong>incapable de décider de la meilleure chose à faire, là, tout de suite</strong>, et ne saviez pas par où commencer ?</p>
<h3>Il en va de même avec nos visiteurs.</h3>
<p>En tant que blogueur, il est très facile de tomber dans la réflexion suivante :</p>
<blockquote><p>« Mes lecteurs sont différents les uns des autres, ils ont tous des attentes différentes. Il faut donc que je propose le plus de choix possible, le plus de liens possible, afin qu’il y en ait pour tout les goûts et que le visiteur reste sur mon blog. »</p></blockquote>
<p><strong>La vérité est qu’en moyenne, un lecteur ne lit que 5 titres sur une page d’accueil</strong> (Source : Isabelle Canivet, <a href="http://www.amazon.fr/gp/product/2212124333?ie=UTF8&amp;tag=editieyrol-21&amp;linkCode=as2&amp;camp=1642&amp;creative=6746&amp;creativeASIN=2212124333"><em>Bien Rédiger Pour Le Web</em></a>, ed. Eyrolles, 2009 – p. 49)</p>
<p>Nous devons guider nos visiteurs. Leur offrir le choix, certes, mais pas trop de choix – car <strong>trop de choix empêche le choix</strong>, si vous me suivez toujours.<strong><div class="simplePullQuote">En moyenne, un lecteur ne lit que 5 titres sur une page d’accueil !</div><br />
</strong></p>
<p>Ainsi, de même que le nettoyage de printemps de votre appartement vous a permis d’éliminer le superflu, l’inutile, et d’améliorer par là votre qualité de vie, nous allons nous atteler à <strong>épurer notre blog afin d’optimiser la qualité de navigation de nos visiteurs</strong> (qui nous en remercieront 100 fois).</p>
<h3>Vous pensiez que Google ne pouvait pas simplifier encore plus sa page d&#8217;accueil, déjà très minimaliste ?</h3>
<p>Et pourtant, en décembre 2009, le moteur de recherche est passé de cet accueil :</p>
<div id="attachment_161" class="wp-caption aligncenter" style="width: 490px"><a href="http://img1.blog-design.fr/google2.jpg" rel="shadowbox[post-131];player=img;"><img class="size-large wp-image-161" title="Page d'accueil de Google avant épuration" src="http://img1.blog-design.fr/google2-480x293.jpg" alt="Page d'accueil de Google avant l'épuration de décembre 2009" width="480" height="293" /></a><p class="wp-caption-text">Page d&#39;accueil de Google avant épuration</p></div>
<p>A celui-ci :</p>
<div id="attachment_162" class="wp-caption aligncenter" style="width: 490px"><a href="http://img1.blog-design.fr/google1.jpg" rel="shadowbox[post-131];player=img;"><img class="size-large wp-image-162" title="Page d'accueil de Google après épuration" src="http://img1.blog-design.fr/google1-480x292.jpg" alt="Page d'accueil de Google après l'épuration de décembre 2009" width="480" height="292" /></a><p class="wp-caption-text">Page d&#39;accueil de Google après épuration. Les liens n&#39;apparaissent plus désormais que lorsque l&#39;utilisateur fait bouger sa souris autour du champ de recherche.</p></div>
<p>Lorsqu&#8217;on sait à quel point Google aime faire des analyses et des tests avant de décider toute optimisation, il est clair que le moteur de recherche devait avoir d&#8217;excellentes raison de simplifier encore plus sa page d&#8217;accueil.</p>
<p><strong>Nous aussi, même si nous avons déjà essayé de garder un blog assez simple, pouvons certainement l&#8217;optimiser encore et gagner en clarté.</strong></p>
<p>Cela limitera la paralysie qui freine une partie de notre lectorat alors qu’il se demande sur quel lien cliquer, et l’aidera ainsi à <strong>prendre rapidement la décision de ce qu’il souhaite visiter</strong>, plutôt que de le laisser partir sans qu’il ait été capable de faire un choix.</p>
<p>Par ailleurs, en faisant cela, nous renforcerons considérablement la <strong>crédibilité</strong> de notre blog, car après tout, le bordel fait amateur &#8211; il n’y a qu’à penser deux minutes aux <a href="http://www.skyrock.com/blog/">Skyblogs</a> pour s&#8217;en convaincre.</p>
<p>C’est une tâche qui n’est pas évidente, car il faut pouvoir observer chaque contenu de son blog avec objectivité, et <strong>remettre en question la présence de <em>chaque</em> élément</strong>.</p>
<p>Notre blog, c’est notre bébé, et tel une maman qui aime tout chez son bébé au point de prendre une photo-souvenir de son premier vomi, tout nous paraît important dedans.</p>
<h3>Mais si l’on se place du point de vue de notre lecteur, quel est vraiment l’essentiel ?</h3>
<p>Et vous, quelles sont les actions que vous souhaitez voir votre lecteur accomplir en <strong>priorité</strong> ?</p>
<p>Car soyons francs, à part si vous êtes une rock star du blogging – et si vous ne l’êtes pas encore, je connais un <a title="Blogueur Pro" href="http://blogueur-pro.com/">monsieur qui peut vous y aider</a> – rares sont les visiteurs qui vont lire votre article, laisser dessous un commentaire bienveillant, l’enregistrer dans leurs favoris, puis s’inscrire à votre newsletter, vous envoyer un mail de remerciement, penser ensuite à s’abonner à votre flux RSS, avant de s’empresser de rejoindre vos fans sur Facebook, de partager votre article sur Twitter, de vous faire un don Paypal <span style="text-decoration: line-through;">et de vous tailler une petite pipe</span>&#8230;</p>
<ul>
<li><strong>Avez-vous classé toutes ces actions par l’ordre d’importance qu’elles ont à vos yeux ? </strong></li>
<li><strong>Avez-vous défini l’essentiel ? </strong></li>
</ul>
<p>Dans la seconde partie de cette article, je vous ferai part d’une méthodologie rapide, simple et efficace pour définir vos priorités et celles de vos lecteurs, et nous organiserons et épureront ainsi votre blog afin que vos visiteurs cliquent plus vite, plus souvent, et considèrent votre blog avec plus de sérieux.</p>
<p><strong>Si ce nettoyage de printemps vous tente, <a href="http://blog-design.fr/feed/">abonnez-vous à mon flux RSS</a> pour être averti de la parution de cet article en fin de semaine <img src='http://blog-design.fr/designpourvendre/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </strong></p>
<p><strong>Note :</strong> Ça y est, l&#8217;article est paru, sous le titre <a title="Tout doit disparaître : le grand nettoyage qui va faire respirer vos lecteurs" href="http://blog-design.fr/tout-doit-disparaitre-le-grand-nettoyage-qui-va-faire-respirer-vos-lecteurs/">Tout doit disparaître : le grand nettoyage qui  va faire respirer vos lecteurs</a>.</p>


<p>Sur le même sujet<ol><li><a href='http://blog-design.fr/tout-doit-disparaitre-le-grand-nettoyage-qui-va-faire-respirer-vos-lecteurs/' rel='bookmark' title='Permanent Link: Tout doit disparaître : le grand nettoyage qui va faire respirer vos lecteurs'>Tout doit disparaître : le grand nettoyage qui va faire respirer vos lecteurs</a></li>
</ol></p><img src="http://feeds.feedburner.com/~r/blog-design/~4/dyEsj_AX_N0" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog-design.fr/comment-epurer-son-blog-pour-ne-plus-paralyser-ses-visiteurs/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		<feedburner:origLink>http://blog-design.fr/comment-epurer-son-blog-pour-ne-plus-paralyser-ses-visiteurs/</feedburner:origLink></item>
	</channel>
</rss>

