<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	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/"
	>

<channel>
	<title>CSS &#38; Webdesign &#187; Editorial</title>
	<atom:link href="http://css.4design.tl/articles/editorial/feed" rel="self" type="application/rss+xml" />
	<link>http://css.4design.tl</link>
	<description>Le blog de l&#039;intégrateur web</description>
	<lastBuildDate>Sun, 20 May 2012 15:30:49 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>css4design sur developpez.com (extension du domaine des CSS)</title>
		<link>http://css.4design.tl/css4design-sur-developpez-extension-du-domaine-des-css</link>
		<comments>http://css.4design.tl/css4design-sur-developpez-extension-du-domaine-des-css#comments</comments>
		<pubDate>Sat, 10 Jan 2009 15:19:06 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Editorial]]></category>
		<category><![CDATA[HTML & CSS]]></category>
		<category><![CDATA[3615 MyLife]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Developpez]]></category>

		<guid isPermaLink="false">http://www.css4design.com/?p=2621</guid>
		<description><![CDATA[Si vous recherchez des informations sur les langages de programmation en général et le développement web en particulier, vous connaissez sûrement le site developpez.com qui propose des ressources aux développeurs web (mais pas seulement). Depuis quelques temps, je dispose de mon propre espace accessible à l&#8217;adresse http://css4design.developpez.com qui regroupe quelques articles publiés initialement sur ce blog. Cette collaboration avec developpez.com remonte à plusieurs mois. Il s&#8217;agissait au départ d&#8217;accepter la publication de certains de mes articles qui pouvaient intéresser les lecteurs de la rubrique CSS de developpez qui n&#8217;ont pas forcément le réflexe de consulter les blogs (manque d&#8217;ouverture ? [...]]]></description>
			<content:encoded><![CDATA[<p>Si vous recherchez des informations sur les langages de programmation en général et le développement web en particulier, vous connaissez sûrement le site <a href="http://www.developpez.com/">developpez.com</a> qui propose des ressources aux développeurs web (mais pas seulement). <span id="more-2621"></span>Depuis quelques temps, je dispose de mon propre espace accessible à l&#8217;adresse <a href="http://css4design.developpez.com">http://css4design.developpez.com</a> qui regroupe quelques articles publiés initialement sur ce blog.</p>

<p>Cette collaboration avec <a href="http://web.developpez.com/">developpez.com</a> remonte à plusieurs mois. Il s&#8217;agissait au départ d&#8217;accepter la publication de certains de mes articles qui pouvaient intéresser les lecteurs de la <a href="http://css.developpez.com">rubrique CSS</a> de developpez qui n&#8217;ont pas forcément le réflexe de consulter les blogs (manque d&#8217;ouverture ? Manque de confiance dans les informations publiées dans un format qui semble moins consistant ou pérenne ? Différence de culture ? Etc.).</p>

<p>Cette collaboration ponctuelle s&#8217;est transformée après que <a href="http://www.developpez.net/forums/u29957/bisunurs/">Josselin</a> (responsable de la rubrique CSS) m&#8217;a proposé d&#8217;avoir ma propre url et de gérer mon espace comme bon me semblerait sur développez. Et voilà !</p>

<p>Parmi les éléments qui m&#8217;ont décidés &#8212; outre le gonflage de mon égo &#8212; c&#8217;est que chaque article publié sur developpez est accompagné d&#8217;une version au format PDF et d&#8217;une archive de la version HTML au format ZIP.</p>

<p>L&#8217;autre raison, c&#8217;est que developpez.com fait partie des sites qui m&#8217;ont beaucoup apportés dans la compréhension des langages du web depuis des années et que je trouve normal de contribuer à mon tour à l&#8217;effort de guerre pour que les feuilles de style CSS soient mieux comprises et mieux utilisées.</p>

<p>A noter qu&#8217;il est possible de commenter les articles que je publie sur developpez sur le <a href="http://www.developpez.net/forums/">forum developpez.net</a> en plus du blog lui-même. La raison est simple : si je maitrise certains sujets, il m&#8217;arrive d&#8217;aborder des thèmes sur lesquels je suis un peu moins à l&#8217;aise ! Par ailleurs, je n&#8217;ai pas toujours une disponibilité suffisante pour répondre aux commentaires qui attendent des réponses nécessitant des recherches poussées ;)</p>

<h3 class='related_post_title'>Articles sur le même sujet</h3>

<ul class='related_post'><li><a href='http://css.4design.tl/ma-vie-et-mes-avis-numeriques-sur-la-blogosphere-people-le-web-beuh-zero-avec-parfois-beaucoup-de-recul' title='Ma vie et mes avis numériques sur la blogosphère «people», le «web beuh zéro» avec parfois beaucoup de recul'>Ma vie et mes avis numériques sur la blogosphère «people», le «web beuh zéro» avec parfois beaucoup de recul</a></li><li><a href='http://css.4design.tl/contribution-guide-stylistique-html-css' title='Contribution au guide stylistique pour HTML et CSS'>Contribution au guide stylistique pour HTML et CSS</a></li><li><a href='http://css.4design.tl/vis-ma-vie-d-integrateur-html' title='Vis ma vie d&#039;intégrateur HTML'>Vis ma vie d&#039;intégrateur HTML</a></li><li><a href='http://css.4design.tl/mes-6-manies-a-moi-que-jai' title='Mes 6 manies à moi que j&#039;ai ?'>Mes 6 manies à moi que j&#039;ai ?</a></li><li><a href='http://css.4design.tl/archeologie-reticulaire-le-fossile-bouge-encore' title='Archéologie Réticulaire, le fossile bouge encore&#8230;'>Archéologie Réticulaire, le fossile bouge encore&#8230;</a></li></ul>
 <p><a href="http://css.4design.tl/?flattrss_redirect&amp;id=2621&amp;md5=8823720ffb57fb32346696f8ea5fd8d5" title="Flattr" target="_blank"><img src="http://css.4design.tl/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css.4design.tl/css4design-sur-developpez-extension-du-domaine-des-css/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		<atom:link rel="payment" href="https://flattr.com/submit/auto?user_id=br1o&amp;popout=1&amp;url=http%3A%2F%2Fcss.4design.tl%2Fcss4design-sur-developpez-extension-du-domaine-des-css&amp;language=fr_FR&amp;category=text&amp;title=css4design+sur+developpez.com+%28extension+du+domaine+des+CSS%29&amp;description=Si+vous+recherchez+des+informations+sur+les+langages+de+programmation+en+g%C3%A9n%C3%A9ral+et+le+d%C3%A9veloppement+web+en+particulier%2C+vous+connaissez+s%C3%BBrement+le+site+developpez.com+qui+propose+des+ressources+aux+d%C3%A9veloppeurs...&amp;tags=3615+MyLife%2CBlog%2CCSS%2CDeveloppez%2Cblog" type="text/html" />
	</item>
		<item>
		<title>Votre blog d&#039;entreprise clés en main ?</title>
		<link>http://css.4design.tl/votre-blog-d-entreprise-cles-en-main</link>
		<comments>http://css.4design.tl/votre-blog-d-entreprise-cles-en-main#comments</comments>
		<pubDate>Fri, 03 Oct 2008 18:14:04 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Blog professionnel]]></category>
		<category><![CDATA[Editorial]]></category>
		<category><![CDATA[Ecrire pour le web]]></category>
		<category><![CDATA[Formation]]></category>

		<guid isPermaLink="false">http://www.css4design.com/?p=238</guid>
		<description><![CDATA[Un blog est un outil idéal pour permettre à l'entreprise d'assurer une présence régulière sur le web : les mises à jour régulières caressent Google dans le sens du poil, et les interactions entre les blogueurs permettent d'échanger des liens et de croiser les sources d'informations de manière fluide et naturelle.]]></description>
			<content:encoded><![CDATA[<p>La réputation des blogs pour accrocher les lecteurs, les moteurs de recherche en général et Google en particulier n&#8217;est plus à faire. Les raisons sont à la fois éditoriales et techniques. Dans ces conditions, le lancement d&#8217;un blog d&#8217;entreprise semble idéal pour établir une relation privilégiée avec les internautes<span id="more-4257"></span></p>

<ul>
<li><p><strong>Editoriales</strong> &#8212; les blogs sont mis à jour régulièrement par des passionnés qui recherchent le contact avec d&#8217;autres passionnés. Les liens créés à l&#8217;occasion des interactions entre les blogueurs génèrent ces fameux <em>backlinks</em> (liens entrants) dont les blogmestres sont friands.</p></li>
<li><p><strong>Techniques</strong> &#8212; les outils disponibles sur le marché sont <em>user friendly</em> (simple d&#8217;utilisation) et <em>Search engine ready</em> (prêt à être indexés par les moteurs de recherche).</p></li>
</ul>

<p>De nombreuses entreprises ont pris la mesure du phénomène des blogs pour <em>booster</em> la visibilité de leur marque ou de leurs produits :</p>

<ul>
<li><p>Certaines utilisent les services de <a href="http://www.gueuledeloup.com/2008/04/08/a-quoi-reconnait-on-un-blogueur-influent/">blogueurs influents</a> en leur proposant de tester des produits et de partager les résultats avec leur lectorat.</p>

<p>Cette démarche, si elle est transparente, est idéale : une personne connue et indépendante dit du bien de votre marque, teste vos produits et contribue à diffuser vos promesses.</p></li>
<li><p>D&#8217;autres créent des blogs auto-promotionnels où le seul intérêt des articles consiste à citer l&#8217;entreprise et ses produits le plus souvent possible.</p>

<p>Cette méthode est discutable au même titre que que les pages satellites ou les fermes de liens qui n&#8217;ont pas la cote auprès des moteurs de recherche.</p></li>
</ul>

<p>Pour ma part, je préconise la mise en place d&#8217;un blog d&#8217;entreprise reprenant à son compte ce qui fait l&#8217;originalité des blogs par rapport aux sites web traditionnels : communiquer régulièrement et simplement sur son cœur de métier.</p>

<p>La simplicité et la régularité ne sont pas &#8212; malgré les apparences &#8212; faciles à obtenir. Pour cela, il est indispensable de faire le point avec votre service commercial ou votre département marketing sur les stratégies existantes dans votre société pour les décliner sous forme de billets.</p>

<p>Cette mise au point peut se concrétiser par la rédaction d&#8217;un texte fondateur (la <a href="http://www.css4design.com/une-charte-redactionnelle-pour-votre-blog-d-entreprise">charte rédactionnelle</a>) pour lancer les lignes directrices du futur blog. Ce texte contiendra en annexe l&#8217;ensemble de mots-clés à propulser le plus haut possible dans les résultats des moteurs de recherche.</p>

<p>Une fois ce document validé, il est enfin possible de mettre en place le blog d&#8217;entreprise avec sa charte rédactionnelle et graphique pour capter l&#8217;attention de votre cœur de cible, ainsi qu&#8217;une <strong>périodicité optimale</strong> en fonction de votre secteur d&#8217;activité et de votre actualité.</p>

<p>Et voilà ! il ne reste plus qu&#8217;à <strong>alimenter le blog</strong> en contenu et suivre l&#8217;évolution des résultats grâce à un outil fiable (<a href="http://www.google.com/analytics/fr-FR/">Google Analytics</a>) pour mesurer l&#8217;audience en terme de visiteurs, de pages vues ou en fonction des mots-clés utilisés pour accéder au blog. La consultation des résultats sur les moteurs de recherche  se faisant tout simplement en les interrogeant pour savoir ce qu&#8217;ils ont à dire sur les mots-clés choisis.</p>

<p>Il est tout à fait possible d&#8217;<strong>externaliser la partie rédactionnelle</strong> (ou la réécriture des billets) pendant la période de lancement du blog en attendant de finaliser la constitution et la formation de l&#8217;équipe chargée d&#8217;assurer l&#8217;<strong>animation du blog</strong> par la suite. Dans cette éventualité, il est primordial que vous ayez la possibilité de prendre les rênes du blog à tout moment pour les confier à votre équipe.</p>

<p>Il va sans dire que cette transmission ne peut se faire que si vos collaborateurs ont été formés régulièrement à l&#8217;outil ainsi qu&#8217;à l&#8217;ensemble des techniques mises en œuvre pour assurer votre notoriété dans la blogosphère.</p>

<p>Vous l&#8217;aurez compris, mettre en place un blog d&#8217;entreprise doit se faire en impliquant votre équipe et en choisissant un prestataire qui s&#8217;implique à son tour pour comprendre le secteur d&#8217;activité de votre entreprise, ainsi que les spécificités de vos produits.</p>

<h3 class='related_post_title'>Articles sur le même sujet</h3>

<ul class='related_post'><li><a href='http://css.4design.tl/une-charte-redactionnelle-pour-votre-blog-d-entreprise' title='Une charte rédactionnelle pour votre blog d&#039;entreprise'>Une charte rédactionnelle pour votre blog d&#039;entreprise</a></li><li><a href='http://css.4design.tl/martine-2-0-fait-du-blog-d-entreprise' title='Martine 2.0 fait du blog d&#039;entreprise'>Martine 2.0 fait du blog d&#039;entreprise</a></li><li><a href='http://css.4design.tl/notes-de-lecture-a-propos-de-strategie-de-contenu-web' title='Notes de lecture à propos de «&#160;Stratégie de contenu web&#160;»'>Notes de lecture à propos de «&#160;Stratégie de contenu web&#160;»</a></li><li><a href='http://css.4design.tl/logo-formateur-html5-css3' title='Super Formateur HTML &amp; CSS bientôt dans la place ?'>Super Formateur HTML &amp; CSS bientôt dans la place ?</a></li><li><a href='http://css.4design.tl/formation-integrateur-html5-css3' title='CSS Sans Stress &#8212; Une formation intégrateur HTML &amp; CSS'>CSS Sans Stress &#8212; Une formation intégrateur HTML &amp; CSS</a></li></ul>
 <p><a href="http://css.4design.tl/?flattrss_redirect&amp;id=4257&amp;md5=9d3b10c7db808c754eb2a47255656efe" title="Flattr" target="_blank"><img src="http://css.4design.tl/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css.4design.tl/votre-blog-d-entreprise-cles-en-main/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		<atom:link rel="payment" href="https://flattr.com/submit/auto?user_id=br1o&amp;popout=1&amp;url=http%3A%2F%2Fcss.4design.tl%2Fvotre-blog-d-entreprise-cles-en-main&amp;language=fr_FR&amp;category=text&amp;title=Votre+blog+d%26%23039%3Bentreprise+cl%C3%A9s+en+main+%3F&amp;description=La+r%C3%A9putation+des+blogs+pour+accrocher+les+lecteurs%2C+les+moteurs+de+recherche+en+g%C3%A9n%C3%A9ral+et+Google+en+particulier+n%26%238217%3Best+plus+%C3%A0+faire.+Les+raisons+sont+%C3%A0+la+fois+%C3%A9ditoriales+et...&amp;tags=Blog+professionnel%2CEcrire+pour+le+web%2CFormation%2Cblog" type="text/html" />
	</item>
		<item>
		<title>La redirection 301 et le petit robots.txt sont dans un bateau&#8230;</title>
		<link>http://css.4design.tl/la-redirection-301-et-le-petit-robots-txt-sont-dans-un-bateau</link>
		<comments>http://css.4design.tl/la-redirection-301-et-le-petit-robots-txt-sont-dans-un-bateau#comments</comments>
		<pubDate>Fri, 19 Sep 2008 13:51:33 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Editorial]]></category>
		<category><![CDATA[Google & Référencement]]></category>
		<category><![CDATA[301]]></category>
		<category><![CDATA[302]]></category>
		<category><![CDATA[Moteur de recherche]]></category>
		<category><![CDATA[Redirections]]></category>
		<category><![CDATA[robots.txt]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Wikio]]></category>

		<guid isPermaLink="false">http://www.css4design.com/?p=1718</guid>
		<description><![CDATA[Après avoir changé ses redirections 302 par des redirections 301, Wikio fait encore parler de lui avec un fichier robots.txt qui demande aux moteurs de recherche de ne pas suivre et indexer les redirections vers les sites propriétaires des contenus qui font la valeur de Wikio.]]></description>
			<content:encoded><![CDATA[<p>La multiplication des <em>digg-like</em>, des agrégateurs et autres aspirateurs de contenus nécessite une vigilance accrue quant aux redirections qui affectent les liens pointant vers nos blogs et nos sites web.  A cause de Wikio, il faudra non seulement vérifier les redirections, mais aussi les fichiers robots.txt. Magneto !<span id="more-1718"></span></p>

<h3>Petits rappels concernant les redirections 301 ou 302</h3>

<p>Contrairement à ce qu&#8217;on lit parfois sur les conséquences de l&#8217;utilisation des redirections 301 ou 302, une redirection permanente vers votre contenu n&#8217;est pas un problème : elle indique que la page de destination (la vôtre) est bien la page que les moteurs de recherche devront continuer d&#8217;indexer : c&#8217;est la page &laquo;&nbsp;officielle&nbsp;&raquo; pour le contenu associé. En revanche, les redirections 302 temporaires indiquent que la page de destination (toujours la vôtre) est là de manière temporaire : la page qui pointe vers elle est vue comme la page officielle par les moteurs de recherche.</p>

<p>Petit rappel <a href="http://www.chauffeurdebuzz.com/wikio+remplace+ses+redirections+302+en+redirections+301-557">Ottorisé</a> :</p>

<p>&gt; Redirection 301 : Page web déplacée de façon permanente. Pas de soucis.</p>

<p>&gt; Redirection 302 : Page web déplacée de façon temporaire. Une redirection 302 entraine que la page du site qui fait la redirection remplace la page d&#8217;origine aux yeux des moteurs de recherche.</p>

<h3>Comment voir les redirections ?</h3>

<p>Vous l&#8217;aurez certainement remarqué, les redirections 302 sont un fléau difficile à contrer : n&#8217;importe qui peut faire une redirection 302 sur l&#8217;une de vos pages pour prendre votre place dans les SERP. Dans ce contexte, il est important de connaitre les outils pour visualiser les en-têtes HTTP pour surveiller les annuaires, les agrégateurs, et d&#8217;une manière générale tout ceux qui vous veulent du bien ;)</p>

<h4>Voici quelques outils :</h4>

<ul>
<li><a href="http://www.webmaster-hub.com/outils/http-viewer.php">Webmaster Hub</a>,</li>
<li><a href="http://www.webrankinfo.com/outils/header.php"> Web Rank Info</a>,</li>
<li><a href="http://outils.yagoort.org/httpheader.html">Yagoort</a> &#8212; propose la liste des codes de retour ainsi que de nombreux autres outils.</li>
</ul>

<h3>La redirection 301 tombe à l&#8217;eau. Qu&#8217;est-ce qu&#8217;il reste ? (le petit robots.txt)</h3>

<p>Bien. Vous avez fait quelques tests et les liens qui pointent vers votre site sont bien des redirections 301 permanentes. Tout va bien ? Pas si sûr : j&#8217;apprends via le <a href="http://twitter.com/ChauffeurDeBuzz">twitter d&#8217;Otto</a> que <em>Wikio</em>, par exemple, utilise un fichier <code>robots.txt</code> qui interdit à tous les moteurs de suivre certains liens. Par exemple, l&#8217;adresse  :</p>

<pre><code>http://www.wikio.fr/webinfo?id=67435763
</code></pre>

<p>qui renvoie les en-têtes HTTP&#8230;</p>

<pre><code>HTTP/1.1 301 Moved Permanently
Location: http://www.css4design.com/css4design-vs-google-petite-histoire-du-positionnement-sur-le-mot-cle-css
</code></pre>

<p>&#8230; devrait me garantir une visite de courtoisie de la part des moteurs de recherche. Or, le <a href="http://www.wikio.fr/robots.txt">fichier robots.txt </a>de Wikio précise :</p>

<pre><code>User-agent: *

Disallow: /webinfo
</code></pre>

<p>&#8230; ce qui indique aux moteurs de recherche de ne pas suivre cette adresse.</p>

<p>Pour quel motif ? La seule (mauvaise) raison qui me vient à l&#8217;esprit, c&#8217;est de garder le <em>Google Juice</em> pour eux tout seul pour passer devant les blogs dans les SERP !</p>

<h3>Conclusion provisoire</h3>

<ol>
<li><a href="http://www.chauffeurdebuzz.com/wikio+me+fait+chier-548">Wikio s&#8217;est déjà fait épinglé par Otto</a> pour cause de redirections 302 sauvages,</li>
<li><a href="http://www.ajblog.fr/wikio-scrap-le-contenu-html">Wikio s&#8217;est déjà fait épinglé par Aymeric</a> pour cause de scraping de contenu,</li>
<li><a href="http://blog.sitxpress.com/index.php?2008/09/19/24-pourquoi-je-n-aime-pas-wikio">Wikio se fait épinglé</a> pour cause de fichier robots.txt antisocial,</li>
</ol>

<p>Suite à la vigilance d&#8217;Otto, la redirection 302 <a href="http://www.chauffeurdebuzz.com/wikio+remplace+ses+redirections+302+en+redirections+301-557">avait été transformée</a> en redirection 301. J&#8217;espère que les lignes scélérates du robots.txt seront supprimées rapidement et qu&#8217;en prime, pour se faire pardonner, Wikio accèdera à la demande générale d&#8217;avoir de vrais liens retour vers la source des contenus qui fait sa valeur, <a href="http://www.ajblog.fr/lettre-ouverte-a-monsieur-wikio">comme le suggère Aymeric</a>.</p>

<p>Note : Je précise qu&#8217;il n&#8217;est pas dans mes intentions de faire du <em>Wikio bashing</em> gratuitement. Je suis convaincu que Wikio a sa place dans le paysage blogosphérique français, mais pas à n&#8217;importe quel prix.</p>

<p>scoopeo_url=&#8217;http://www.css4design.com/la-redirection-301-et-le-petit-robots-txt-sont-dans-un-bateau&#8217;</p>

<h3 class='related_post_title'>Articles sur le même sujet</h3>

<ul class='related_post'><li><a href='http://css.4design.tl/flux-rss-tronque-pour-cause-de-redirection-302-malveillante' title='Flux RSS tronqué pour cause de redirection 302 malveillante'>Flux RSS tronqué pour cause de redirection 302 malveillante</a></li><li><a href='http://css.4design.tl/apercu-instantane-google-webdesign-referencement-naturel' title='Aperçu instantané de Google, Webdesign et référencement naturel'>Aperçu instantané de Google, Webdesign et référencement naturel</a></li><li><a href='http://css.4design.tl/wordpress-une-meilleure-indexation-avec-not-at-all-in-one-seo' title='WordPress &#8212; Une meilleure indexation avec Not at All in One SEO'>WordPress &#8212; Une meilleure indexation avec Not at All in One SEO</a></li><li><a href='http://css.4design.tl/ixquick-le-metamoteur-le-plus-puissant-du-monde' title='Ixquick : le métamoteur le plus puissant du monde ?'>Ixquick : le métamoteur le plus puissant du monde ?</a></li><li><a href='http://css.4design.tl/blogs-developpeurs-web' title='35 blogs de développeurs web'>35 blogs de développeurs web</a></li></ul>
 <p><a href="http://css.4design.tl/?flattrss_redirect&amp;id=1718&amp;md5=ec3ff3280161a2358f642625f3617c29" title="Flattr" target="_blank"><img src="http://css.4design.tl/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css.4design.tl/la-redirection-301-et-le-petit-robots-txt-sont-dans-un-bateau/feed</wfw:commentRss>
		<slash:comments>31</slash:comments>
		<atom:link rel="payment" href="https://flattr.com/submit/auto?user_id=br1o&amp;popout=1&amp;url=http%3A%2F%2Fcss.4design.tl%2Fla-redirection-301-et-le-petit-robots-txt-sont-dans-un-bateau&amp;language=fr_FR&amp;category=text&amp;title=La+redirection+301+et+le+petit+robots.txt+sont+dans+un+bateau%26%238230%3B&amp;description=La+multiplication+des+digg-like%2C+des+agr%C3%A9gateurs+et+autres+aspirateurs+de+contenus+n%C3%A9cessite+une+vigilance+accrue+quant+aux+redirections+qui+affectent+les+liens+pointant+vers+nos+blogs+et+nos+sites+web....&amp;tags=301%2C302%2CMoteur+de+recherche%2CRedirections%2Crobots.txt%2CSEO%2CWikio%2Cblog" type="text/html" />
	</item>
		<item>
		<title>Optimiser son blog pour le référencement est inutile dans 80% des cas</title>
		<link>http://css.4design.tl/optimiser-son-blog-pour-le-referencement-est-inutile-dans-80-pourcent-des-cas</link>
		<comments>http://css.4design.tl/optimiser-son-blog-pour-le-referencement-est-inutile-dans-80-pourcent-des-cas#comments</comments>
		<pubDate>Mon, 15 Sep 2008 11:06:36 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Editorial]]></category>
		<category><![CDATA[Google & Référencement]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Référencement]]></category>
		<category><![CDATA[SEO]]></category>

		<guid isPermaLink="false">http://www.css4design.com/?p=1563</guid>
		<description><![CDATA[Les plate-formes de blogs modernes telles que WordPress ou Dotclear nous donnent les clés de Google sur un plateau. Reste à trouver la serrure... Il y a cependant deux ou trois choses que les blogs ne font pas nativement, comme modifier le contenu des balises meta description, keywords et title en fonction des billets, ce qui permettrait à Google de mieux classer les articles.]]></description>
			<content:encoded><![CDATA[<p>La question du référencement des blogs fait crépiter les claviers et ce n&#8217;est que le début. Il faut dire qu&#8217;il est difficile de se tromper sur la question de l&#8217;optimisation pour les moteurs de recherche tant le sujet se prête à toutes les interprétations. Si la majorité des billets traitant de <acronym title="Search Engine Optimization">SEO</acronym> ne donnent pas de mauvais conseils, ils me laissent souvent avec le sentiment que la vérité est ailleurs&#8230;<span id="more-1563"></span></p>

<p>Entre&#8230;</p>

<ul>
    <li>Francis qui s&#8217;interroge sur le <a href="http://www.fran6art.com/2007/07/30/seo-wordpress-contenu-duplique/">contenu dupliqué</a> et qui teste <a href="http://www.fran6art.com/2007/08/27/quel-le-meilleur-plugin-wordpress-pour-le-referencement/">différents plugins</a>,</li>
    <li> Olivier qui se demande si <a href="http://blog.abondance.com/2007/02/trop-de-contenu-va-t-il-tuer-le-contenu.html">trop de contenu pour le contenu</a> pour favoriser le <em> linkbaiting</em> ne finit pas par tuer le contenu,</li>
    <li> Les 7 dragons qui ne pensent qu&#8217;à l&#8217;<a href="http://www.7-dragons.com/archives/echange-de-liens.php">échange de liens</a>,</li>
    <li> Olivier qui <a href="http://www.webrankinfo.com/actualites/200708-annuaire-webrankinfo-outil-netlinking.htm">propose</a> son <a href="http://www.webrankinfo.com/annuaire/">annuaire de liens</a></li>
    <li> et Jan <a href="http://bvwg.actulab.net/32-l-ultime-secret-du-seo-enfin-devoile.seo">qui voit plus loin que les autres</a>,</li>
</ul>

<p>&#8230;le parcours est semé d&#8217;embûches et laisse souvent le blogueur plein de sève et de fougue avec plus de questions que de réponses ! De sorte que le jeune impétrant à la notoriété risque fort de passer beaucoup de temps sur les aspects techniques du <em>blogging</em> au détriment, peut-être,  du soin apporté à <a href="http://www.css4design.com/11-ressources-pour-mieux-bloguer-en-francais">l&#8217;accord du participe passé avec l&#8217;auxiliaire avoir</a>&#8230;</p>

<p>Bref, je ne suis pas loin de penser que profiler son blog pour <a href="http://www.css4design.com/articles/gestion-de-site-web/google-referencement">Google &amp; Compagnie</a> ne sert à rien dans 80% des cas !</p>

<h3>Pourquoi optimiser ce qui est déjà optimisé ?</h3>

<p>La majorité des <a href="http://bruno.4design.tl/referencement-des-blogs-corporate-aurelien-bardon-interviewe-par-motsandco/">trucs et astuces pour optimiser un blog</a> est surtout utile pour les sites web 1.0 construits autour d&#8217;une page PHP à laquelle on passe des paramètres dans l&#8217;URL pour modifier un contenu :</p>

<ol>
    <li>habillé par des vilaines balises `table` mal imbriquées,</li>
    <li>hiérarchisé à la va-comme-je-te-pousse, et</li>
    <li>et ne faisant aucun effort pour impliquer le lecteur.</li>
</ol>

<p>Vous conviendrez qu&#8217;en comparaison, les plate-formes de blogs modernes telles que <a href="http://wordpress.org">WordPress</a> ou <a href="http://dotclear.net">Dotclear</a> nous donnent les clés de Google sur un plateau. Reste à trouver la serrure&#8230; Bon, je dis ça , mais il y a effectivement deux ou trois choses que les blogs ne font pas nativement, comme modifier le contenu des balises meta <em>description</em>, <em>keywords</em> et <em>title</em> en fonction des billets, ce qui permettrait à Google de mieux indexer les articles. (cf. <a href="http://www.css4design.com/wordpress-une-meilleure-indexation-avec-not-at-all-in-one-seo">Une meilleure indexation avec Not at All in One SEO</a> qui propose de régler cette question sans plugin).</p>

<h3>Il n&#8217;y a vraiment rien que je puisse faire pour améliorer mon positionnement ?</h3>

<p>A part ces peccadilles qui se règlent donc avec un peu d&#8217;astuce et d&#8217;espièglerie, l&#8217;important est :</p>

<ol>
    <li> d&#8217;écrire en fonction de sa ligne éditoriale,</li>
    <li> de commenter sur les blogs similaires,</li>
    <li> de s&#8217;inscrire sur <a href="http://blogasty.com">blogasty</a>, <a href="http://www.scoopeo.com/">Scoopeo</a>, <a href="http://www.fuzz.fr/">fuzz</a>, <a href="http://www.digg-design.fr/">digg-design</a> pour faire la promotion de vos meilleurs articles,</li>
    <li> de placer une capture d&#8217;écran et une description de son blog sur quelques annuaires triés sur le volet,</li>
    <li> et&#8230; de continuer à écrire en fonction de sa ligne éditoriale&#8230;</li>
    <li> le tout de manière régulière et avec le sourire ;)</li>
</ol>

<p>Ah si, une dernière chose : pour connaitre les outils utiles au référencement d&#8217;un blog propulsé avec WordPress, je vous conseille la série des <a href="http://www.fran6art.com/2007/07/17/tutoriels-referencement-blog-wordpress/">tutos de l&#8217;été</a> de fran6 qui donnent une foultitude de conseils pratiques pour optimiser votre blog avec moult tests et astuces en prime.</p>

<h3>Un problème de référencement ? Allons donc&#8230;</h3>

<p>Quand on lit les discussions dans les forums spécialisés on trouve souvent dans le même fil de discussion celui est est étonné d&#8217;apparaitre en première page après seulement quelques semaines d&#8217;existence, et celui qui se lamente après plusieurs mois de silence <em>googlien</em> sur sa requête préférée.</p>

<p>La plupart du temps, les problèmes de référencement évoqués par les candidats à la première page sur Google sont souvent l&#8217;expression d&#8217;une impatience à exister sur la toile : <em>je suis positionné donc je suis</em>. Et je ne suis pas le dernier à être atteint : j&#8217;ai longtemps été déçu de ne pas être mieux placé sur la requête &laquo;&nbsp;css&nbsp;&raquo; qui est pourtant le sujet central de mon blog. Mais comme le dit le proverbe :</p>

<p>&gt; Donnez-moi le courage de changer ce que je peux changer,
la sérénité d&#8217;accepter ce que je ne peux pas changer
et la sagesse de faire la différence entre les deux.</p>

<p>Alors, d&#8217;après votre expérience, SEO ou est-ce sot ? ;)</p>

<h3 class='related_post_title'>Articles sur le même sujet</h3>

<ul class='related_post'><li><a href='http://css.4design.tl/j-ai-reference-mon-site-sur-plus-de-400-moteurs-de-recherche-et-annuaires-j-ai-bon' title='J&#039;ai référencé mon site sur plus de 400 moteurs de recherche et annuaires de liens, j&#039;ai bon ?'>J&#039;ai référencé mon site sur plus de 400 moteurs de recherche et annuaires de liens, j&#039;ai bon ?</a></li><li><a href='http://css.4design.tl/composes-html-logo-baseline-potentiel-seo' title='8 composés HTML pour le logo et la « baseline » et leur potentiel SEO'>8 composés HTML pour le logo et la « baseline » et leur potentiel SEO</a></li><li><a href='http://css.4design.tl/apercu-instantane-google-webdesign-referencement-naturel' title='Aperçu instantané de Google, Webdesign et référencement naturel'>Aperçu instantané de Google, Webdesign et référencement naturel</a></li><li><a href='http://css.4design.tl/le-pret-a-bloguer-bride-t-il-la-creativite' title='Le prêt-à-bloguer bride-t-il la créativité ?'>Le prêt-à-bloguer bride-t-il la créativité ?</a></li><li><a href='http://css.4design.tl/tutoriels-seo-liens-referencement' title='4 tutoriels SEO et quelques liens pour surveiller votre référencement'>4 tutoriels SEO et quelques liens pour surveiller votre référencement</a></li></ul>
 <p><a href="http://css.4design.tl/?flattrss_redirect&amp;id=1563&amp;md5=38bfc79d2ddceada4176c79bb6dce5a7" title="Flattr" target="_blank"><img src="http://css.4design.tl/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css.4design.tl/optimiser-son-blog-pour-le-referencement-est-inutile-dans-80-pourcent-des-cas/feed</wfw:commentRss>
		<slash:comments>21</slash:comments>
		<atom:link rel="payment" href="https://flattr.com/submit/auto?user_id=br1o&amp;popout=1&amp;url=http%3A%2F%2Fcss.4design.tl%2Foptimiser-son-blog-pour-le-referencement-est-inutile-dans-80-pourcent-des-cas&amp;language=fr_FR&amp;category=text&amp;title=Optimiser+son+blog+pour+le+r%C3%A9f%C3%A9rencement+est+inutile+dans+80%25+des+cas&amp;description=La+question+du+r%C3%A9f%C3%A9rencement+des+blogs+fait+cr%C3%A9piter+les+claviers+et+ce+n%26%238217%3Best+que+le+d%C3%A9but.+Il+faut+dire+qu%26%238217%3Bil+est+difficile+de+se+tromper+sur+la+question+de+l%26%238217%3Boptimisation...&amp;tags=Blog%2CGoogle%2CR%C3%A9f%C3%A9rencement%2CSEO%2Cblog" type="text/html" />
	</item>
		<item>
		<title>Manifeste pour bouter IE 6 hors des blogs avec kickIE6.js</title>
		<link>http://css.4design.tl/manifeste-pour-bouter-ie-6-hors-des-blogs-avec-kickie6js</link>
		<comments>http://css.4design.tl/manifeste-pour-bouter-ie-6-hors-des-blogs-avec-kickie6js#comments</comments>
		<pubDate>Mon, 08 Sep 2008 18:09:14 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Editorial]]></category>
		<category><![CDATA[Javascript & PHP]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[BrowserFriendly]]></category>
		<category><![CDATA[Feedburner]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Manifeste]]></category>
		<category><![CDATA[Navigateur]]></category>
		<category><![CDATA[RSS]]></category>

		<guid isPermaLink="false">http://www.css4design.com/?p=1470</guid>
		<description><![CDATA[Un spectre hante le web : le spectre Internet Explorer 6. Nombreux sont ceux qui ont tenté de convaincre les webmasters de refuser de servir le navigateur collé au fond de la classe près du radiateur ou qui s&#8217;interrogent sur son utilisation. Sans trop de résultats. Il faut dire que la base installée est encore importante et on ne peut pas demander au gens de couper la branche sur laquelle ils sont assis. Et pourtant, je sens que vous n&#8217;attendez qu&#8217;une bonne occasion pour vous débarrasser du bouzin. Le constat IE6 représente encore entre 20% et 30% des visites, parfois [...]]]></description>
			<content:encoded><![CDATA[<p>Un spectre hante le web : le spectre Internet Explorer 6. Nombreux sont ceux qui ont tenté de convaincre les webmasters de refuser de servir le navigateur collé au fond de la classe près du radiateur ou qui s&#8217;interrogent sur son utilisation. Sans trop de résultats. <span id="more-1470"></span></p>

<p>Il faut dire que la base installée est encore importante et on ne peut pas demander au gens de couper la branche sur laquelle ils sont assis. Et pourtant, je sens que vous n&#8217;attendez qu&#8217;une bonne occasion pour vous débarrasser du bouzin.</p>

<h3>Le constat</h3>

<p>IE6 représente encore entre 20% et 30% des visites, parfois plus, parfois moins. Il est donc important d&#8217;en tenir compte dans la majorité des projets de sites web. Sur mon blog, les internautes équipés de IE6 ont représenté environ 12% des visites depuis juillet 2006 et comptent pour 7% des visites sur les trois dernier mois.</p>

<p>Si j&#8217;enlève les développeurs web qui dégainent IE 6 pour tester les sites visités (et qui doivent représenter une grande partie des lecteurs), j&#8217;évalue à moins de 5% le nombre d&#8217;internautes qui me rendent visite &laquo;&nbsp;pour de vrai&nbsp;&raquo; avec IE6 sachant qu&#8217;il s&#8217;agit certainement des visiteurs envoyés par Live.com qui désirent <a href="http://search.live.com/results.aspx?q=%22regarder+danser+Louxor%22&amp;go=&amp;form=QBRE">regarder danser Louxor</a>&#8230;</p>

<p>5%, c&#8217;est peu mais ça représente plus de 1000 visites par mois : c&#8217;est suffisant pour s&#8217;en soucier quand même ! Il n&#8217;est pas dans mes intentions de priver ces visiteurs d&#8217;une saine lecture :)</p>

<p>Du coup, il m&#8217;est venu une idée : pourquoi ne pas rediriger les visiteurs équipés d&#8217;une version d&#8217;IE inférieure à 7 vers le flux RSS mis en forme par Feedburner sachant qu&#8217;un visiteur surfant avec IE6 pourra s&#8217;abonner et me lire plus tard depuis son agrégateur ?</p>

<p>C&#8217;est là qu&#8217;intervient <em>kickIE6</em> :</p>

<h3>I&#8217;m in ur blog kicking ie6, kwel&#8230; ^__^v</h3>

<pre><code>    if ( $.browser.msie ) {
        if ( $.browser.version &amp;lt; 7 ) {
            document.location.href = &amp;#039;http://feeds.feedburner.com/css4design&amp;#039;;
        }
    }
</code></pre>

<p>Placez ce script après l&#8217;appel de la librairie <a href="jQuery">jQuery</a> entre les balise <code>head</code> de votre fichier <code>header.php</code> (si vous êtes sous WordPress) et d&#8217;indiquez l&#8217;adresse de votre flux Feedburner à la place du mien.</p>

<p>Pour que votre flux RSS s&#8217;affiche correctement dans un navigateur, vous devrez peut-être activer le service <em>BrowserFriendly</em> de Feedburner dans l&#8217;onglet <em>Optimize</em>. En savoir plus sur les <a href="http://www.css4design.com/feedburner-holly-hits-my-feed-is-reach">services Feedburner</a>.</p>

<p><a href="http://www.css4design.com/files/2008/08/browser-friendly-feedburner.png"><img src="http://www.css4design.com/files/2008/08/browser-friendly-feedburner.png" alt="" width="450" height="477" class="alignnone size-full wp-image-1479" /></a></p>

<h3>Installer jQuery sans douleur sur WordPress</h3>

<p>Vous ne savez pas si <em>jQuery</em> est installé dans votre thème WordPress ? Voici une ligne à ajouter juste au-dessus du script <em>kickIE6</em> :</p>

<p>Cette ligne devrait activer la bibliothèque <em>jQuery</em> installée en standard avec WordPress.</p>

<h3>Une solution qui exclue ?</h3>

<p>J&#8217;ai mis en place ce script depuis une dizaine de jours et comme me l&#8217;ont fait remarquer plusieurs personnes (deux pour être exact), une partie de ceux qui utilisent IE6 ne le font pas par choix personnel et subissent les lourdeurs de leurs administrateurs réseaux qui ne veulent (ou ne peuvent) pas mettre à jour le parc informatique de l&#8217;entreprise. C&#8217;est pour ceux-là justement que je propose la lecture du flux et l&#8217;abonnement ensuite si plus d&#8217;affinité.</p>

<p>Mais <em>quid</em> de l&#8217;interaction ? Et oui, la lecture du flux ne permet pas aux lecteurs de laisser des commentaires. C&#8217;est vrai et ça m&#8217;ennuie. Même si derrière les chiffres il y a des personnes, je ne peux m&#8217;empêcher de me dire que le pourcentage de ceux qui laissent des commentaires par rapport aux lecteurs est faible et il n&#8217;y a aucune raison pour que ceux qui utilisent IE6 soient plus bavards que les autres&#8230;</p>

<p>Par ailleurs, je compte sur le fait que ceux qui subissent IE6 au travail, ont certainement un autre navigateur installé à la maison ;)</p>

<h3>Comment j&#8217;en suis arrivé là, en réalité&#8230;</h3>

<p>C&#8217;est la faute à <a href="http://www.blueprintcss.org/">Blueprint</a> ! Pas vraiment, mais un peu quand même. J&#8217;avais déjà utilisé avec succès ce <a href="http://www.css4design.com/frameworks-css-reset-css-design-from-scratch">framework CSS</a> et le <a href="http://www.css4design.com/quelques-notes-sur-la-bibliotheque-javascript-ie7-de-dean-edwards">script IE7.js</a>, mais quand j&#8217;ai refait mon thème, j&#8217;ai péché par excès de confiance en ne testant mon design sous IE 6 qu&#8217;à la fin ^_^v</p>

<p><em>Blueprint</em> n&#8217;est pas vraiment en cause car je n&#8217;ai pas suivi la logique du framework pour toutes les parties de la mise en page. C&#8217;est là que je me suis aperçu que l&#8217;intrusion de la présentation dans le code HTML sous la forme des classes CSS ne facilite pas la mise en place d&#8217;une feuille de style alternative. Surtout quand on change de design tous les mois, ou presque !</p>

<p>Je reconnais que si j&#8217;avais été plus vigilant en utilisant <em>Blueprint</em> (tester tôt et souvent), j&#8217;aurais &#8212; comme d&#8217;habitude &#8212; un blog qui s&#8217;affiche aussi bien dans IE6 que dans les autres navigateurs.</p>

<h3>Conclusion</h3>

<p>Je n&#8217;envisage pas de laisser tomber le support CSS d&#8217;IE6. Mais ce blog est un terrain d&#8217;expérimentation et j&#8217;ai eu envie d&#8217;expérimenter en mettant en avant une utilisation originale des flux RSS pour pallier les manques d&#8217;Internet Explorer 6. Cette idée pourrait trouver un prolongement en fournissant du contenu aux périphériques mobiles en complément d&#8217;une <a href="http://www.css4design.com/wordpress-version-mobile-de-votre-blog-sans-plugin">version mobile d&#8217;un blog</a>, par exemple.</p>

<p>Je rappelle que le support d&#8217;Internet Explorer 6 est indispensable pour gagner ses galons d&#8217;intégrateur web. Pour autant, il n&#8217;est pas interdit de prendre en compte son lectorat et les ressources que l&#8217;on est prêt à mettre sur la table pour fournir la meilleure interaction possible entre les visiteurs et le contenu. De ce point de vue, les flux RSS associés aux différents <a href="http://www.css4design.com/feedburner-holly-hits-my-feed-is-reach">services de Feedburner</a> méritent d&#8217;être pris en compte dans une stratégie globale d&#8217;accès à l&#8217;information.</p>

<p><em>Keep clickin&#8217;</em></p>

<p>scoopeo_url=&#8217;http://www.css4design.com/manifeste-pour-bouter-ie-6-hors-des-blogs-avec-kickie6js&#8217;</p>

<h3 class='related_post_title'>Articles sur le même sujet</h3>

<ul class='related_post'><li><a href='http://css.4design.tl/fonction-javascript-contre-bug-classes-multiples-internet-explorer-6' title='IE6 &#8212; 3 fonctions Javascript pour lutter contre le bug des classes multiples'>IE6 &#8212; 3 fonctions Javascript pour lutter contre le bug des classes multiples</a></li><li><a href='http://css.4design.tl/le-petit-journal-du-web-7' title='Le petit journal du web : HTML5, CSS3, jQuery, WordPress, Métiers du Web, Vie quotidienne et Nostalgeek'>Le petit journal du web : HTML5, CSS3, jQuery, WordPress, Métiers du Web, Vie quotidienne et Nostalgeek</a></li><li><a href='http://css.4design.tl/blogs-developpeurs-web' title='35 blogs de développeurs web'>35 blogs de développeurs web</a></li><li><a href='http://css.4design.tl/le-petit-journal-du-web-les-fruits-de-la-veille-ont-garde-leur-fraicheur' title='Le petit journal du web &#8212; Les fruits de la veille ont gardé toute leur fraicheur'>Le petit journal du web &#8212; Les fruits de la veille ont gardé toute leur fraicheur</a></li><li><a href='http://css.4design.tl/le-petit-journal-du-web-novembre-2011' title='Le petit journal du web &#8212; WordPress, développement web, etc.'>Le petit journal du web &#8212; WordPress, développement web, etc.</a></li></ul>
 <p><a href="http://css.4design.tl/?flattrss_redirect&amp;id=1470&amp;md5=3abb9c292d2547dcfd39f66c27641b90" title="Flattr" target="_blank"><img src="http://css.4design.tl/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css.4design.tl/manifeste-pour-bouter-ie-6-hors-des-blogs-avec-kickie6js/feed</wfw:commentRss>
		<slash:comments>36</slash:comments>
		<atom:link rel="payment" href="https://flattr.com/submit/auto?user_id=br1o&amp;popout=1&amp;url=http%3A%2F%2Fcss.4design.tl%2Fmanifeste-pour-bouter-ie-6-hors-des-blogs-avec-kickie6js&amp;language=fr_FR&amp;category=text&amp;title=Manifeste+pour+bouter+IE+6+hors+des+blogs+avec+kickIE6.js&amp;description=Un+spectre+hante+le+web+%3A+le+spectre+Internet+Explorer+6.+Nombreux+sont+ceux+qui+ont+tent%C3%A9+de+convaincre+les+webmasters+de+refuser+de+servir+le+navigateur+coll%C3%A9+au+fond...&amp;tags=BrowserFriendly%2CFeedburner%2CIE6%2CJavascript%2CjQuery%2CManifeste%2CNavigateur%2CRSS%2CWordPress%2Cblog" type="text/html" />
	</item>
		<item>
		<title>Google Chrome va changer ma vie d&#039;internaute</title>
		<link>http://css.4design.tl/google-chrome-va-changer-ma-vie-dinternaute</link>
		<comments>http://css.4design.tl/google-chrome-va-changer-ma-vie-dinternaute#comments</comments>
		<pubDate>Wed, 03 Sep 2008 11:05:50 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Editorial]]></category>
		<category><![CDATA[Navigateurs]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Google Chrome]]></category>
		<category><![CDATA[Navigateur]]></category>

		<guid isPermaLink="false">http://www.css4design.com/?p=1641</guid>
		<description><![CDATA[Comme tous les intégrateurs web j&#8217;utilise plusieurs navigateurs pour tester la conformité du rendu HTML et CSS. Firefox 3 a une place particulière puisqu&#8217;il fait également partie des outils de conception grâce à des extensions comme Webdevelopper. Pour autant, je reste un utilisateur comme les autres quand il s&#8217;agit de consulter mes mails (Gmail) de saisir du courrier (Google Documents), de consulter mes flux RSS (Google Reader) ou simplement pour lire le journal (Google News). Firefox 3 &#8212; le capital sympathie s&#8217;épuise ? La force de Firefox 3 ne réside pas dans ces qualité intrinsèques : qu&#8217;en reste-t-il une fois [...]]]></description>
			<content:encoded><![CDATA[<p>Comme tous les intégrateurs web j&#8217;utilise plusieurs navigateurs pour tester la conformité du rendu HTML et CSS. <em>Firefox 3</em> a une place particulière puisqu&#8217;il fait également partie des outils de conception grâce à des extensions comme Webdevelopper.<span id="more-1641"></span></p>

<p>Pour autant, je reste un utilisateur comme les autres quand il s&#8217;agit de consulter mes mails (<em>Gmail</em>) de saisir du courrier (<em>Google Documents</em>), de consulter mes flux RSS (<em>Google Reader</em>) ou simplement pour lire le journal (<em>Google News</em>).</p>

<h3>Firefox 3 &#8212; le capital sympathie s&#8217;épuise ?</h3>

<p>La force de <a href="http://www.mozilla-europe.org/fr/firefox">Firefox 3</a> ne réside pas dans ces qualité intrinsèques : qu&#8217;en reste-t-il une fois les extension désactivées ? Pourtant, l&#8217;indulgence de la part de la communauté vis-à-vis du Panda roux a été jusqu&#8217;au déni des contre-performances, pourtant évidentes que j&#8217;avais évoqué dans l&#8217;article <a href="http://www.css4design.com/firefox-roxe-opera-ca-ira-et-ie7-part-en-sucette">Firefox roxe ? Opera, ça ira ? et IE7 part en sucette ?</a></p>

<h4>La faute à Javascript ?</h4>

<p>La particularité des services mentionnés plus haut est de faire un usage important de Javascript qui sollicite la mémoire du navigateur et grève ses performances. De ce point de vue, <em>Firefox</em> n&#8217;est pas un foudre de guerre et question rapidité il ne fait pas le poids, y compris face à <em>Internet Explorer 6</em>&#8230;</p>

<h4>On a retrouvé Big Foot !</h4>

<p>Quant à l&#8217;empreinte mémoire, n&#8217;en parlons pas : il m&#8217;arrive régulièrement d&#8217;observer une occupation de près de 1Go. Tout ça ne serait rien, si <em>Firefox</em> n&#8217;avait pas la fâcheuse habitude de planter régulièrement. La fonction qui permet de recouvrer l&#8217;ensemble de la session n&#8217;excuse pas tout. Mais au final, j&#8217;y trouve mon compte grâce aux extensions disponibles qui me font gagner du temps dans dans le &laquo;&nbsp;débuggage&nbsp;&raquo; des pages web.</p>

<h3>Et Google Chrome fut</h3>

<p>Une des particularités de <a href="http://www.google.com/chrome">Google Chrome</a> est de lancer chaque onglet dans un processus différent à côté du noyau principal qui reste très léger. Grâce au gestionnaire de tâche intégré, il devient possible de connaitre précisément l&#8217;occupation mémoire de des onglets ouverts. Cela permet d&#8217;optimiser la navigation et de mieux gérer la RAM en réservant <em>Google Chrome</em> pour afficher les sites nécessitant des ressources importantes.</p>

<p>Où je veux en venir ? Simplement à une nouvelle organisation de mon surf quotidien : <em>Google Chrome</em> comme navigateur par défaut et <em>Firefox 3</em> comme outil de développement web.</p>

<h3>Conclusion</h3>

<p>Comme la majorité de la population n&#8217;a pas besoin des extensions de developpement de <em>Firefox 3</em>, <em>Google Chrome</em> risque de rafler la mise auprès du grand public, comme le moteur de recherche Google l&#8217;avait fait en son temps : on ne résiste pas à l&#8217;accélération de l&#8217;affichage des résultats, pas plus qu&#8217;à celui des pages web.</p>

<p>Pour finir, il sera plus difficile pour la <a href="http://fr.wikipedia.org/wiki/Fondation_Mozilla">fondation Mozilla</a> de mettre en place une plate-forme anxiogène sur le produit de Mountain View que sur celui de Redmond !</p>

<h3 class='related_post_title'>Articles sur le même sujet</h3>

<ul class='related_post'><li><a href='http://css.4design.tl/google-chrome-une-poignee-pour-redimensionner-les-textareas' title='Google Chrome &#8212; une poignée pour redimensionner les textareas'>Google Chrome &#8212; une poignée pour redimensionner les textareas</a></li><li><a href='http://css.4design.tl/videos-fonctionnement-navigateur-gecko' title='2 vidéos sur le fonctionnement du navigateur (Gecko)'>2 vidéos sur le fonctionnement du navigateur (Gecko)</a></li><li><a href='http://css.4design.tl/livre-css-avancees-vers-html5-et-css3' title='Notes de lecture &#8212; Livre CSS avancées, vers HTML5 et CSS3'>Notes de lecture &#8212; Livre CSS avancées, vers HTML5 et CSS3</a></li><li><a href='http://css.4design.tl/une-feuille-de-style-et-des-hacks-css-pour-cibler-ie6-ie7-ou-ie8' title='Une Feuille de style et des « hacks CSS » pour cibler IE6, IE7 ou IE8'>Une Feuille de style et des « hacks CSS » pour cibler IE6, IE7 ou IE8</a></li><li><a href='http://css.4design.tl/auditez-votre-site-web-avec-browser-size-de-google' title='Auditez votre site web avec Browser Size de Google'>Auditez votre site web avec Browser Size de Google</a></li></ul>
 <p><a href="http://css.4design.tl/?flattrss_redirect&amp;id=1641&amp;md5=5d68f15ab6cced4cdb1634888108ecdf" title="Flattr" target="_blank"><img src="http://css.4design.tl/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css.4design.tl/google-chrome-va-changer-ma-vie-dinternaute/feed</wfw:commentRss>
		<slash:comments>28</slash:comments>
		<atom:link rel="payment" href="https://flattr.com/submit/auto?user_id=br1o&amp;popout=1&amp;url=http%3A%2F%2Fcss.4design.tl%2Fgoogle-chrome-va-changer-ma-vie-dinternaute&amp;language=fr_FR&amp;category=text&amp;title=Google+Chrome+va+changer+ma+vie+d%26%23039%3Binternaute&amp;description=Comme+tous+les+int%C3%A9grateurs+web+j%26%238217%3Butilise+plusieurs+navigateurs+pour+tester+la+conformit%C3%A9+du+rendu+HTML+et+CSS.+Firefox+3+a+une+place+particuli%C3%A8re+puisqu%26%238217%3Bil+fait+%C3%A9galement+partie+des+outils+de...&amp;tags=Firefox%2CGoogle%2CGoogle+Chrome%2CNavigateur%2Cblog" type="text/html" />
	</item>
		<item>
		<title>Manifeste pour un interlignage minimum syndical pour les blogs !</title>
		<link>http://css.4design.tl/manifeste-pour-un-interlignage-minimum</link>
		<comments>http://css.4design.tl/manifeste-pour-un-interlignage-minimum#comments</comments>
		<pubDate>Thu, 28 Aug 2008 04:19:50 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Editorial]]></category>
		<category><![CDATA[HTML & CSS]]></category>
		<category><![CDATA[Accessibilité]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Ergonomie]]></category>
		<category><![CDATA[interlignage]]></category>
		<category><![CDATA[Tutoriels]]></category>
		<category><![CDATA[typographie]]></category>

		<guid isPermaLink="false">http://www.css4design.com/?p=1350</guid>
		<description><![CDATA[Un spectre hante le web : le spectre de l&#8217;interlignage par défaut des navigateurs. Trop de blogs et de sites web se contentent du minimum syndical pour gérer l&#8217;interlignage. Par défaut, les navigateurs web proposent 120% de la taille de la police. Ce qui est dramatiquement insuffisant au regard de la faible résolution du texte à l&#8217;écran, alors qu&#8217;il suffit d&#8217;ajouter une ligne de déclaration CSS à la balise html ou body pour permettre à vos lecteurs de passer du déchiffrage laborieux à la lecture pleine et entière. Essayez, vous serez surpris de voir à quel point vos pages web auront [...]]]></description>
			<content:encoded><![CDATA[<p>Un spectre hante le web : le spectre de l&#8217;interlignage par défaut des navigateurs. Trop de blogs et de sites web se contentent du minimum syndical pour gérer l&#8217;interlignage. Par défaut, les navigateurs web proposent 120% de la taille de la police. Ce qui est dramatiquement insuffisant au regard de la faible résolution du texte à l&#8217;écran, alors qu&#8217;il suffit d&#8217;ajouter une ligne de déclaration CSS à la balise <code>html</code> ou <code>body</code> pour permettre à vos lecteurs de passer du déchiffrage laborieux à la lecture pleine et entière. Essayez, vous serez surpris de voir à quel point vos pages web auront gagné en lisibilité.<span id="more-1350"></span></p>

<h2>Modifier l&#8217;interlignage par défaut</h2>

<p>Les valeurs à ajouter à la balise <code>body</code> ou <code>html</code> dépendent de la configuration de votre feuille de style. Voici trois exemple à tester pour obtenir un interlignage de 1,5 fois la taille de caractère :
<pre>body {
    line-height: 1.5;
}</pre>
(Plus d&#8217;information sur l&#8217;absence d&#8217;unité dans <a href="http://www.css4design.com/5-reset-css-a-la-loupe-pour-une-remise-a-zero-des-valeurs-par-defaut-des-navigateurs/3#line-height">cette partie</a> de l&#8217;article <a href="http://www.css4design.com/5-reset-css-a-la-loupe-pour-une-remise-a-zero-des-valeurs-par-defaut-des-navigateurs">5 Reset CSS à la loupe</a>.)
<pre>body {
    line-height: 1.5em;
}</pre>
<pre>body {
    line-height: 150%;
}</pre></p>

<h2>Une image vaut mille mots ?</h2>

<p>Si vous avez des difficultés à vous représenter l&#8217;intérêt d&#8217;augmenter cet interlignage, voici deux captures d&#8217;écran significatives dans la mesure où elles ont été réalisées sur le site <a href="http://www.accessiweb.org/">http://www.accessiweb.org/</a> dont le motto est <q cite="Tim Berners Lee, Directeur du W3C et créateur du Web.">La nature du web est son universalité. Il doit être accessible à toutes les personnes handicapées.</q></p>

<p>Il me semble que l&#8217;interlignage fait beaucoup pour la lisibilité d&#8217;une page web, et la lisibilité, pour une personne valide ou en situation de handicap, c&#8217;est le début de l&#8217;accessibilité. Et ça ne coûte vraiment pas cher de bien interligner !</p>

<h6>Avec l&#8217;interligne par défaut (ajouté à la longueur des lignes), le site Accessiweb manque de lisibilité</h6>

<div id="attachment_7402" class="wp-caption alignnone" style="width: 444px"><a href="http://css.4design.tl/files/2008/08/interlignage-defaut.png"><img class="size-large wp-image-7402" src="http://css.4design.tl/files/2008/08/interlignage-defaut-434x237.png" alt="" width="434" height="237" /></a><p class="wp-caption-text">Le site AccessiWeb avec les réglages par défaut.</p></div>

<h6>Une fois la déclaration line-height: 1.6; ajouté au body, mes yeux me disent «merci»&#8230;</h6>

<div id="attachment_7403" class="wp-caption alignnone" style="width: 444px"><a href="http://css.4design.tl/files/2008/08/interlignage-1-6.png"><img class="size-large wp-image-7403" src="http://css.4design.tl/files/2008/08/interlignage-1-6-434x237.png" alt="" width="434" height="237" /></a><p class="wp-caption-text">Le site AccessiWeb avec un interlignage augmenté d'un facteur 1,6</p></div>

<h2>5 règles pour faire un beau design web</h2>

<p>l&#8217;accessibilité du web passe aussi par un traitement typographique global au niveau de la page et l&#8217;interlignage n&#8217;est malheureusement pas le seul paramètre oublié. Pour se rafraichir la mémoire, révisons <a href="http://www.css4design.com/5-regles-simples-pour-gerer-l-affichage-de-votre-texte-dans-vos-mises-en-page">5 règles pour faire de belles mise en pages</a>.</p>

<p>Envoyons paitre les mauvais interligneurs ;-)</p>

<h3 class='related_post_title'>Articles sur le même sujet</h3>

<ul class='related_post'><li><a href='http://css.4design.tl/grille-typographique-nombre-d-or' title='Calculer une grille de mise en page « typo » avec le nombre d&#039;Or'>Calculer une grille de mise en page « typo » avec le nombre d&#039;Or</a></li><li><a href='http://css.4design.tl/check-your-body-avec-le-w3c' title='Check your &lt;body&gt; avec le W3C'>Check your &lt;body&gt; avec le W3C</a></li><li><a href='http://css.4design.tl/ressources-pour-web-designer' title='9 ressources pour web designer'>9 ressources pour web designer</a></li><li><a href='http://css.4design.tl/webdesign-lisibilite-typographie-redaction-web' title='Webdesign, lisibilité, typographie et rédaction web'>Webdesign, lisibilité, typographie et rédaction web</a></li><li><a href='http://css.4design.tl/grille-modulaire-peripheriques-mobiles-iphone-android-ipad' title='Grille modulaire pour périphériques mobiles (iPhone, Android, iPad)'>Grille modulaire pour périphériques mobiles (iPhone, Android, iPad)</a></li></ul>
 <p><a href="http://css.4design.tl/?flattrss_redirect&amp;id=1350&amp;md5=9572203fce65a534dad3927d01f8d011" title="Flattr" target="_blank"><img src="http://css.4design.tl/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css.4design.tl/manifeste-pour-un-interlignage-minimum/feed</wfw:commentRss>
		<slash:comments>28</slash:comments>
		<atom:link rel="payment" href="https://flattr.com/submit/auto?user_id=br1o&amp;popout=1&amp;url=http%3A%2F%2Fcss.4design.tl%2Fmanifeste-pour-un-interlignage-minimum&amp;language=fr_FR&amp;category=text&amp;title=Manifeste+pour+un+interlignage+minimum+syndical+pour+les+blogs+%21&amp;description=Un+spectre+hante+le+web+%3A+le+spectre+de+l%26%238217%3Binterlignage+par+d%C3%A9faut+des+navigateurs.+Trop+de+blogs+et+de+sites+web+se+contentent+du+minimum+syndical+pour+g%C3%A9rer+l%26%238217%3Binterlignage.+Par...&amp;tags=Accessibilit%C3%A9%2CDesign%2CErgonomie%2Cinterlignage%2CTutoriels%2Ctypographie%2Cblog" type="text/html" />
	</item>
		<item>
		<title>Memento pour la syntaxe Markdown en usage dans les commentaires</title>
		<link>http://css.4design.tl/memento-pour-la-syntaxe-markdown</link>
		<comments>http://css.4design.tl/memento-pour-la-syntaxe-markdown#comments</comments>
		<pubDate>Tue, 12 Aug 2008 18:57:28 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Editorial]]></category>
		<category><![CDATA[Editeur HTML]]></category>
		<category><![CDATA[Markdown]]></category>

		<guid isPermaLink="false">http://www.css4design.com/?p=810</guid>
		<description><![CDATA[Vous pouvez désormais utiliser la syntaxe Markdown dans la zone des commentaires. Cette syntaxe est très facile à utiliser et également très complète, mais tout n&#8217;est pas indispensables pour écrire un commentaire. Voici donc les éléments les plus utiles : Paragraphe Un nouveau paragraphe s&#8217;obtient en sautant une ligne. Comme d&#8217;habitude. Blocs de citation &#62; Voici une citation qui tient sur un paragraphe &#62; Voici une citation qui contient deux paragraphes : le premier, &#62; et le deuxième. Bloc de code Pour écrire un bloc de code, il suffit d&#8217;indenter chaque ligne avec au moins 4 espaces ou une tabulation [...]]]></description>
			<content:encoded><![CDATA[<p>Vous pouvez désormais utiliser la syntaxe Markdown dans la zone des commentaires. Cette syntaxe est très facile à utiliser et également très complète, mais tout n&#8217;est pas indispensables pour écrire un commentaire. Voici donc les éléments les plus utiles :<span id="more-810"></span></p>

<h3>Paragraphe</h3>

<p>Un nouveau paragraphe s&#8217;obtient en sautant une ligne. Comme d&#8217;habitude.</p>

<h3>Blocs de citation</h3>

<p><code>&gt;</code> Voici une citation qui tient sur un paragraphe</p>

<p><code>&gt;</code> Voici une citation qui contient deux paragraphes : le premier,</p>

<p><code>&gt;</code> et le deuxième.</p>

<h3>Bloc de code</h3>

<p>Pour écrire un bloc de code, il suffit d&#8217;indenter chaque ligne avec au moins 4 espaces ou une tabulation :</p>

<p>Un paragraphe normal
&nbsp;&nbsp;&nbsp;&nbsp;un bloc de code</p>

<p>Note : pour écrire du code au fil du texte, il faut utiliser l&#8217;accent grave seul (<code>Alt GR 7</code> sur mon clavier suivi d&#8217;un espace)</p>

<p>Je préfère <code>&#96;</code>text-indent: -9999<code>&#96;</code> à <code>&#96;</code>display: none<code>&#96;</code></p>

<h3>Les listes</h3>

<h4>Listes non-ordonnée <code>ul</code></h4>

<p>Démarrez avec un astérisque. Il est possible d&#8217;utiliser le signe + (plus) ou le &#8211; (tiret) à la place.</p>

<p>&#42; item 1</p>

<p>&#42; item 2</p>

<p>&#42; item 3</p>

<h4>Listes ordonnée <code>ol</code></h4>

<p>Démarrez avec un chiffre suivi d&#8217;un point.</p>

<ol>
<li><p>item 1</p></li>
<li><p>item 2</p></li>
<li><p>item 3</p></li>
</ol>

<h3>Les liens</h3>

<p>L&#8217;ancre du lien est délimitée par des crochets, tandis que l&#8217;URL est encadrée par des parenthèses.</p>

<p>Voici la syntaxe pour donner un <code>[lien externe](url du lien externe)</code>.</p>

<p>Pour les plus pointilleux d&#8217;entre vous, voici un <code>[lien](url du lien "le title")</code> agrémenté d&#8217;un <code>title</code>.</p>

<h4>Mise en évidence</h4>

<p>Il faut utiliser deux astérisques devant et après le terme pour renforcer le texte <code>strong</code></p>

<p>&#42;&#42;En gras sur ce blog&#42;&#42;</p>

<p>Utilisez un astérisque avant et après le terme à mettre en emphase <code>em</code></p>

<p>&#42;En italique sur ce blog&#42;</p>

<h3>Conclusion</h3>

<p>Je vous invite fortement à vous rendre sur le site de <a href="http://michelf.com">Michel Fortin</a> pour voir les <a href="http://michelf.com/projets/php-markdown/">possibilités de Markdown</a>. Voici d&#8217;autres informations sur <a href="http://www.css4design.com/markdown-un-plugin-wordpress-pour-produire-du-xhtml">Markdown avec WordPress</a>.</p>

<h3 class='related_post_title'>Articles sur le même sujet</h3>

<ul class='related_post'><li><a href='http://css.4design.tl/markdown-on-save-wordpress-html' title='Markdown on Save &#8212; L&#039;ami HTML de Markdown pour WordPress'>Markdown on Save &#8212; L&#039;ami HTML de Markdown pour WordPress</a></li><li><a href='http://css.4design.tl/editeurs-html-wysiwyg-wysiwym' title='11 éditeurs HTML WYSIWYG et WYSIWYM'>11 éditeurs HTML WYSIWYG et WYSIWYM</a></li><li><a href='http://css.4design.tl/outils-en-ligne-pour-travailleurs-du-web' title='31 outils en ligne simples et efficaces pour les travailleurs du web'>31 outils en ligne simples et efficaces pour les travailleurs du web</a></li><li><a href='http://css.4design.tl/liens-javascript-jquery' title='390 ressources Javascript &amp; jQuery'>390 ressources Javascript &amp; jQuery</a></li><li><a href='http://css.4design.tl/maqetta-editeur-html5-javascript' title='Maqetta &#8212; Editeur HTML5 / Javascript en ligne ou à emporter'>Maqetta &#8212; Editeur HTML5 / Javascript en ligne ou à emporter</a></li></ul>
 <p><a href="http://css.4design.tl/?flattrss_redirect&amp;id=810&amp;md5=1980054f7fa08d38b200f26e136613df" title="Flattr" target="_blank"><img src="http://css.4design.tl/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css.4design.tl/memento-pour-la-syntaxe-markdown/feed</wfw:commentRss>
		<slash:comments>21</slash:comments>
		<atom:link rel="payment" href="https://flattr.com/submit/auto?user_id=br1o&amp;popout=1&amp;url=http%3A%2F%2Fcss.4design.tl%2Fmemento-pour-la-syntaxe-markdown&amp;language=fr_FR&amp;category=text&amp;title=Memento+pour+la+syntaxe+Markdown+en+usage+dans+les+commentaires&amp;description=Vous+pouvez+d%C3%A9sormais+utiliser+la+syntaxe+Markdown+dans+la+zone+des+commentaires.+Cette+syntaxe+est+tr%C3%A8s+facile+%C3%A0+utiliser+et+%C3%A9galement+tr%C3%A8s+compl%C3%A8te%2C+mais+tout+n%26%238217%3Best+pas+indispensables+pour+%C3%A9crire...&amp;tags=Editeur+HTML%2CMarkdown%2Cblog" type="text/html" />
	</item>
		<item>
		<title>Mes 5 défis réalisés et mes 5 défis à réaliser pour ce blog</title>
		<link>http://css.4design.tl/mes-5-defis-realises-et-mes-5-defis-a-realiser-pour-ce-blog</link>
		<comments>http://css.4design.tl/mes-5-defis-realises-et-mes-5-defis-a-realiser-pour-ce-blog#comments</comments>
		<pubDate>Sat, 09 Aug 2008 18:13:25 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Editorial]]></category>
		<category><![CDATA[Mizukara (3615 MyLife)]]></category>
		<category><![CDATA[3615 MyLife]]></category>
		<category><![CDATA[Chaine de blog]]></category>

		<guid isPermaLink="false">http://www.css4design.com/?p=575</guid>
		<description><![CDATA[Cette chaine lancée par Christophe m&#8217;a été renvoyée par burningHat pour que je partage avec vous ce que le titre annonce. En deux années de blogging, il s&#8217;en passe des choses&#8230; et comme je n&#8217;ai pas l&#8217;intention d&#8217;arrêter, il risque de s&#8217;en passer encore ! Pourtant, choisir 5 défis déjà réalisés et 5 autres à venir n&#8217;est pas si simple&#8230; Allez, hop ! je me lance : 5 défis réalisés Avoir la plus grosse grosse liste de toute la blogosphère francophone :D En effet, cette liste a bénéficiée d&#8217;une bonne couverture blogosphérique. Merci à tous ! Écrire un billet sur [...]]]></description>
			<content:encoded><![CDATA[<p>Cette chaine lancée par <a href="http://bleebot.com/2008/07/28/mes-5-defis-realises-et-mes-5-defis-a-realiser/">Christophe</a> m&#8217;a été renvoyée par <a href="http://blog.burninghat.net/2008/07/31/la-chane-des-5-dfis-passs-et-futurs/">burningHat</a> pour que je partage avec vous ce que le titre annonce. En deux années de blogging, il s&#8217;en passe des choses&#8230; et comme je n&#8217;ai pas l&#8217;intention d&#8217;arrêter, il risque de s&#8217;en passer encore ! Pourtant, choisir 5 défis déjà réalisés et 5 autres à venir n&#8217;est pas si simple&#8230; Allez, hop ! je me lance :<span id="more-575"></span></p>

<h3>5 défis réalisés</h3>

<ol>
    <li>Avoir la plus <a href="http://www.css4design.com/1000-ressources-pour-wordpress-et-le-developpement-web">grosse grosse liste</a> de toute la blogosphère francophone :D En effet, cette liste a bénéficiée d&#8217;une bonne couverture blogosphérique. Merci à tous !</li>
    <li>Écrire un billet sur les résultats retournés par <a href="http://www.css4design.com/google-de-a-a-z-beta">Google sur les 26 lettres de l&#8217;alphabet</a> &#8212; analyse et <em>screenshots</em> compris. Commencé par le plus grand des hasards, ce billet s&#8217;est révélé assez laborieux à terminer. Néanmoins, n&#8217;écoutant que mon courage, je suis allé jusqu&#8217;au bout, pour toi, lecteur !</li>
    <li>Rédiger un billet de plus de 4300 mots sur les <a href="http://www.css4design.com/mesure-d-audience-google-ecriture-des-mots-clefs-au-clickrank">outils de mesure d&#8217;audience et Google</a>. Pareil que pour le point n°2 : chaque fois que je tombe dessus, je me dis que je dois être un peu fêlé quelque part ^_^v</li>
    <li>Avoir suivi une ligne rédactionnelle homogène depuis le début (intégration HTML et CSS) tout en élargissant les sujets à WordPress, à la rédaction web, au (web)design et aux problématiques du développement web en général. Pas peu fier de n&#8217;avoir jamais encore parlé de&#8230; Hé, hé&#8230; ben non, vous ne m&#8217;aurez pas comme ça :D</li>
    <li>Accueillir un lectorat de qualité dont <a href="http://feeds.feedburner.com/css4design-commentaires">les commentaires</a> sont souvent subtils et pertinents. C&#8217;est pour ça que je garde le design des commentaires aussi sobre que possible pour ne pas trop faire de différence entre la participation des lecteurs et le texte lui-même.</li>
</ol>

<h3>5 défis à venir</h3>

<ol>
    <li>Avoir une audience en progression constante,</li>
    <li>Rédiger un article encore plus populaire que la grosse grosse liste,</li>
    <li>Avoir un jour plus de 101 commentaires sur un billet &#8212; peut-être à l&#8217;occasion du point précédent ;)</li>
    <li>Écrire un tutoriel sur le trio <a href="http://www.css4design.com/tag/html">HTML</a>, <a href="http://www.css4design.com/tag/css">CSS</a> et <a href="http://www.css4design.com/tag/jquery">jQuery</a>,</li>
    <li>Refaire des <a href="http://www.css4design.com/detourer-les-cheveux-avec-photoshop">tutoriels sur Photoshop</a>.</li>
</ol>

<h3>Pour conclure</h3>

<p>Peu de chiffres, au final. Même si je suis content des plus de 1450 abonnés au flux RSS, et des presque 1 000 visites par jour (les bons jours&#8230;), je n&#8217;ai pas vraiment blogué pour ça : c&#8217;est la cerise sur le gâteau qui fait qu&#8217;on a envie de se resservir&#8230; Idem pour &laquo;&nbsp;ma&nbsp;&raquo; place au classement Wikio : j&#8217;en suis très content, mais j&#8217;ai conscience que ça  peut s&#8217;arrêter d&#8217;un mois sur l&#8217;autre !</p>

<p>Bon, voilà, comme c&#8217;est une chaine, je passe le relais à  <a href="http://www.expressions.be">expressions.be</a>, <a href="http://www.laurent-lx.be/">laurent-lx.be</a>, <a href="http://www.cecidit.com">Matthieu M.</a>, <a href="http://www.chroniquesduweb.com/">Bertrand Soulier</a> et <a href="http://www.kickandblog.com">Brice</a>.</p>

<h3 class='related_post_title'>Articles sur le même sujet</h3>

<ul class='related_post'><li><a href='http://css.4design.tl/mon-manque-a-bloguer' title='Mon manque à bloguer ?'>Mon manque à bloguer ?</a></li><li><a href='http://css.4design.tl/mes-6-manies-a-moi-que-jai' title='Mes 6 manies à moi que j&#039;ai ?'>Mes 6 manies à moi que j&#039;ai ?</a></li><li><a href='http://css.4design.tl/archeologie-reticulaire-le-fossile-bouge-encore' title='Archéologie Réticulaire, le fossile bouge encore&#8230;'>Archéologie Réticulaire, le fossile bouge encore&#8230;</a></li><li><a href='http://css.4design.tl/4x4-la-chaine-tout-et-rien' title='4&#215;4 : la chaîne tout-et-rien&#8230;'>4&#215;4 : la chaîne tout-et-rien&#8230;</a></li><li><a href='http://css.4design.tl/kawa-yaka-sortons-le-plumeau-du-placard' title='Kawa-Yaka ? Sortons le plumeau du placard&#8230;'>Kawa-Yaka ? Sortons le plumeau du placard&#8230;</a></li></ul>
 <p><a href="http://css.4design.tl/?flattrss_redirect&amp;id=575&amp;md5=06e74136acacb840342806261610ba3c" title="Flattr" target="_blank"><img src="http://css.4design.tl/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css.4design.tl/mes-5-defis-realises-et-mes-5-defis-a-realiser-pour-ce-blog/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		<atom:link rel="payment" href="https://flattr.com/submit/auto?user_id=br1o&amp;popout=1&amp;url=http%3A%2F%2Fcss.4design.tl%2Fmes-5-defis-realises-et-mes-5-defis-a-realiser-pour-ce-blog&amp;language=fr_FR&amp;category=text&amp;title=Mes+5+d%C3%A9fis+r%C3%A9alis%C3%A9s+et+mes+5+d%C3%A9fis+%C3%A0+r%C3%A9aliser+pour+ce+blog&amp;description=Cette+chaine+lanc%C3%A9e+par+Christophe+m%26%238217%3Ba+%C3%A9t%C3%A9+renvoy%C3%A9e+par+burningHat+pour+que+je+partage+avec+vous+ce+que+le+titre+annonce.+En+deux+ann%C3%A9es+de+blogging%2C+il+s%26%238217%3Ben+passe+des...&amp;tags=3615+MyLife%2CChaine+de+blog%2Cblog" type="text/html" />
	</item>
		<item>
		<title>Mon manque à bloguer ?</title>
		<link>http://css.4design.tl/mon-manque-a-bloguer</link>
		<comments>http://css.4design.tl/mon-manque-a-bloguer#comments</comments>
		<pubDate>Tue, 05 Aug 2008 11:29:56 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Editorial]]></category>
		<category><![CDATA[Mizukara (3615 MyLife)]]></category>
		<category><![CDATA[3615 MyLife]]></category>
		<category><![CDATA[Chaine de blog]]></category>
		<category><![CDATA[Statistiques]]></category>

		<guid isPermaLink="false">http://www.css4design.com/?p=466</guid>
		<description><![CDATA[Damien Ravé a lancé une chaine de blog sur le thème du manque à bloguer, c&#8217;est-à-dire sur ce qui nous manque dans la pratique du blog. Je me souviens avoir fait part de mes états d&#8217;âme sur une question similaire en octobre 2007 avec css4design vs Google : PR, impasse et manque. Je me plaignait alors de l&#8217;attitude peu sociable des visiteurs qui &#8212; ayant trouvé ce qu&#8217;ils étaient venu cherché via Google &#8212; repartaient sur la pointe des pieds, sans un ch&#8217;ti commentaire&#8230; Aujourd&#8217;hui, mon manque à bloguer se situe plutôt au niveau des chiffres. Si le nombre de [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.lepotlatch.org">Damien Ravé</a> a lancé une <a href="http://www.lepotlatch.org/index.php/2008/07/23/136-quel-est-votre-manque-a-bloguer-encore-une-chaine-de-blogs">chaine de blog sur le thème du manque à bloguer</a>, c&#8217;est-à-dire sur ce qui nous manque dans la pratique du blog. Je me souviens avoir fait part de mes états d&#8217;âme sur une question similaire en octobre 2007 avec <a href="http://www.css4design.com/css4design-vs-google-pr-impasse-et-manque">css4design vs Google : PR, impasse et manque</a>. Je me plaignait alors de l&#8217;attitude peu sociable des visiteurs qui &#8212; ayant trouvé ce qu&#8217;ils étaient venu cherché via Google &#8212; repartaient sur la pointe des pieds, sans un ch&#8217;ti commentaire&#8230;<span id="more-466"></span></p>

<p>Aujourd&#8217;hui, mon manque à bloguer se situe plutôt au niveau des chiffres. Si le nombre de visites et de visiteurs me convient, je trouve le taux de rebond assez élevé (67%) et le nombre de pages vues un peu faible (1,95 par visite). Alors bien sûr, le nombre de &laquo;&nbsp;nouveaux visiteurs&nbsp;&raquo; frisant les 75%, il est normal que la majorité d&#8217;entre eux trouve du premier coup ce qu&#8217;ils sont venus chercher, ou au contraire, qu&#8217;étant déçu, ils quittent le site dès la première page vue&#8230;</p>

<p>Ma deuxième déception vient de mon PageRank qui n&#8217;a toujours pas été réévalué depuis ma dernière <a href="http://www.css4design.com/baisse-de-pagerank-au-nom-du-pr-ainsi-soit-il">mise au placard</a> par Google. <em>Grosso modo</em>, mon blog était parvenu à afficher un joli PR6 pendant plusieurs mois pour redescendre subitement à PR3. Je sais que ce n&#8217;est pas le plus important et que la vérité est ailleurs (être bien placé dans les SERP de Google, ce qui est le cas sur un tas de requêtes &laquo;&nbsp;concurrentielles&nbsp;&raquo;), mais quand même&#8230;</p>

<p>Bon, voilà, c&#8217;était mon coup de &laquo;&nbsp;Caphar&nbsp;&raquo; pour l&#8217;année 2008, merci Damien ;)</p>

<p>PS : Comme je viens de lancer moi-même une chaine de blog sur <a href="http://www.css4design.com/wordpress-26-mes-news-carburent-a-press-this">ce qui manque à WordPress par rapport à d&#8217;autres CMS</a>, je ne ferais pas d&#8217;invitation nominative. En revanche, j&#8217;invite celles et ceux qui se sentent concernés par cette question du manque à bloguer à participer à cette chaine.</p>

<h3 class='related_post_title'>Articles sur le même sujet</h3>

<ul class='related_post'><li><a href='http://css.4design.tl/link-luv-pour-les-12-premiers-referents-sur-6218-sources' title='«Link Luv» pour les 12 premiers référents sur 6 218 sources'>«Link Luv» pour les 12 premiers référents sur 6 218 sources</a></li><li><a href='http://css.4design.tl/mes-5-defis-realises-et-mes-5-defis-a-realiser-pour-ce-blog' title='Mes 5 défis réalisés et mes 5 défis à réaliser pour ce blog'>Mes 5 défis réalisés et mes 5 défis à réaliser pour ce blog</a></li><li><a href='http://css.4design.tl/mes-6-manies-a-moi-que-jai' title='Mes 6 manies à moi que j&#039;ai ?'>Mes 6 manies à moi que j&#039;ai ?</a></li><li><a href='http://css.4design.tl/archeologie-reticulaire-le-fossile-bouge-encore' title='Archéologie Réticulaire, le fossile bouge encore&#8230;'>Archéologie Réticulaire, le fossile bouge encore&#8230;</a></li><li><a href='http://css.4design.tl/4x4-la-chaine-tout-et-rien' title='4&#215;4 : la chaîne tout-et-rien&#8230;'>4&#215;4 : la chaîne tout-et-rien&#8230;</a></li></ul>
 <p><a href="http://css.4design.tl/?flattrss_redirect&amp;id=466&amp;md5=9f149b7af5b7f0543fbc6ffaf7fe5597" title="Flattr" target="_blank"><img src="http://css.4design.tl/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css.4design.tl/mon-manque-a-bloguer/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		<atom:link rel="payment" href="https://flattr.com/submit/auto?user_id=br1o&amp;popout=1&amp;url=http%3A%2F%2Fcss.4design.tl%2Fmon-manque-a-bloguer&amp;language=fr_FR&amp;category=text&amp;title=Mon+manque+%C3%A0+bloguer+%3F&amp;description=Damien+Rav%C3%A9+a+lanc%C3%A9+une+chaine+de+blog+sur+le+th%C3%A8me+du+manque+%C3%A0+bloguer%2C+c%26%238217%3Best-%C3%A0-dire+sur+ce+qui+nous+manque+dans+la+pratique+du+blog.+Je+me+souviens+avoir...&amp;tags=3615+MyLife%2CChaine+de+blog%2CStatistiques%2Cblog" type="text/html" />
	</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Page Caching using disk: basic

Served from: css.4design.tl @ 2012-05-21 16:10:54 -->
