<?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 4 design &#187; Référencement</title>
	<atom:link href="http://css4design.com/tag/referencement/feed" rel="self" type="application/rss+xml" />
	<link>http://css4design.com</link>
	<description>Le blog de l&#039;intégrateur web</description>
	<lastBuildDate>Thu, 02 Sep 2010 16:53:27 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
	<atom:link rel='hub' href='http://css4design.com/?pushpress=hub'/>
		<item>
		<title>Référencement de sites Web &#8212; Chassez le naturel, il revient au SEO !</title>
		<link>http://css4design.com/astuce-ameliorer-referencement-google</link>
		<comments>http://css4design.com/astuce-ameliorer-referencement-google#comments</comments>
		<pubDate>Sat, 05 Jun 2010 21:24:33 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Google & Référencement]]></category>
		<category><![CDATA[Edito]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Rédaction web]]></category>
		<category><![CDATA[Référencement]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.css4design.com/?p=3742</guid>
		<description><![CDATA[Mon dernier article sur le référencement et le positionnement sur les moteurs de recherche commence à dater un peu. Pour raffraichir un peu les tags SEO et référencement internet voici une idée toute simple pour ratisser plus large au niveau des requêtes qui permettront aux internautes de tomber sur votre blog. Loin d&#8217;être un guide sur le référencement, cette astuce s&#8217;adresse aux blogueurs désirant optimiser leur positionnement sur Google en restant concentrés sur ce qu&#8217;ils savent faire le mieux : la rédaction web ! Grâce aux options proposées par Google, il est possible de faire l&#8217;impasse sur l&#8217;étude de marché pour le [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 18px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcss4design.com%2Fastuce-ameliorer-referencement-google">
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcss4design.com%2Fastuce-ameliorer-referencement-google&amp;source=br1o&amp;style=normal&amp;service=bit.ly&amp;service_api=R_0c1ee4b64f105d1b2672690740a77d6a" height="61" width="50" />
			</a>
		</div><p>Mon dernier article sur <a href="http://css4design.com/articles/gestion-de-site-web/google-referencement">le référencement et le positionnement</a> sur les moteurs de recherche commence à dater un peu. Pour raffraichir un peu les tags <a href="http://css4design.com/tag/seo">SEO</a> et <a href="http://css4design.com/tag/referencement">référencement internet</a> voici une idée toute simple pour ratisser plus large au niveau des requêtes qui permettront aux internautes de tomber sur votre blog. Loin d&#8217;être un guide sur le référencement, cette astuce s&#8217;adresse aux blogueurs désirant optimiser leur positionnement sur Google en restant concentrés sur ce qu&#8217;ils savent faire le mieux : la rédaction web ! Grâce aux options proposées par Google, il est possible de faire l&#8217;impasse sur l&#8217;étude de marché pour le choix des mots-clés. Et, cerise sur le gâteau, il s&#8217;agit de référencement gratuit ;)<span id="more-3742"></span></p>

<h2>Google Suggest</h2>

<p>Il s&#8217;agit de la liste déroulante qui apparait lorsqu&#8217;on commence à saisir une requête dans le champs de recherche de Google. Pratique pour avoir une idée des expressions à utiliser dans un article, qu&#8217;il s&#8217;agisse du titre, des sous-titres ou du texte.</p>

<h6>Google propose aux internautes d&#8217;élargir leurs recherches aux termes fréquemment recherchés.</h6>

<div id="attachment_6294" class="wp-caption alignleft" style="width: 444px"><a href="http://css4design.com/wp-content/uploads/2010/06/google-suggest.jpg"><img class="size-large wp-image-6294 " title="google-suggest" src="http://css4design.com/wp-content/uploads/2010/06/google-suggest-434x318.jpg" alt="" width="434" height="318" /></a><p class="wp-caption-text">Exemple de suggestion de recherche sur le terme «référencement». Cliquez pour agrandir l&#39;image.</p></div>

<h2>Recherches associées</h2>

<p>Habituellement situées à la fin de la page de résultats, les Recherches associées ont fait leur apparition dans le menu latérale de Google : <em>Plus d&#8217;outils -&gt;Recherches associées</em>.</p>

<h6>Les recherches associées sont plus complètes que les suggestions et permettent d&#8217;élargir l&#8217;horizon des termes à utiliser.</h6>

<div id="attachment_6295" class="wp-caption alignnone" style="width: 444px"><a href="http://css4design.com/wp-content/uploads/2010/06/google-recherches-associees.jpg"><img class="size-large wp-image-6295 " title="google-recherches-associees" src="http://css4design.com/wp-content/uploads/2010/06/google-recherches-associees-434x334.jpg" alt="Les recherches associées proposées par Google vont plus loin que Google Suggest" width="434" height="334" /></a><p class="wp-caption-text">Exemples de recherches associées au terme «référencement». Cliquez pour agrandir l&#39;image.</p></div>

<h2>Mise en pratique avec WordPress</h2>

<p>Si vous utilisez WordPress, vous avez certainement remarqué que l&#8217;URL pour accéder à un article en particulier reprend votre titre débarrassé des accents, avec des tirets pour séparer les mots. Ce permalien (pour lien permanent) modifiable est parfait pour ajouter un terme issu de la <em>Recherche associée</em>.</p>

<p>A l&#8217;origine, l&#8217;intitulé de ce billet était <strong>Astuce pour améliorer le référencement naturel</strong>. Google me suggère les termes <em>référencement Google</em>. Il suffit de modifier le permalien (sous le champs <em>Titre</em>) pour changer l&#8217;URL affichée par défaut par WordPress et la remplacer pour <strong>astuce-ameliorer-referencement-google</strong>.</p>

<p>Comme vous pouvez le constater, il m&#8217;est venu une autre idée de titre bien plus plaisante susceptible d&#8217;attirer l&#8217;attention de l&#8217;internaute au milieu des 20 millions de résultats retournés par Google sur la requête <strong>Référencement de sites Web</strong>. Bref, le beurre (les mots-clés pour plaire à Google) et l&#8217;argent du beurre (un jeu de mots pour distraire l&#8217;être humain qui se cache derrière toute requête). Reste la crémière (le nombre de pages vues) !</p>

<h2>Conclusion</h2>

<p>Pour référencer votre site web dans les moteurs de recherche, il suffit parfois de peu de chose. Prenez l&#8217;habitude de jeter un oeil sur<em> Google Suggest</em> ou les <em>Recherches associées</em> avant de cliquer sur <em>Publier</em> pour modifier votre texte en fonction des termes suggérés pour élargir l&#8217;audience de votre site internet.</p>
]]></content:encoded>
			<wfw:commentRss>http://css4design.com/astuce-ameliorer-referencement-google/feed</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
		<item>
		<title>SEO &#8212; Optimiser le référencement de WordPress avec les descriptions de tags</title>
		<link>http://css4design.com/seo-optimiser-le-referencement-de-wordpress-avec-les-descriptions-de-tags</link>
		<comments>http://css4design.com/seo-optimiser-le-referencement-de-wordpress-avec-les-descriptions-de-tags#comments</comments>
		<pubDate>Tue, 18 May 2010 15:38:40 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[positionnement]]></category>
		<category><![CDATA[Référencement]]></category>
		<category><![CDATA[SEO]]></category>

		<guid isPermaLink="false">http://css4design.com/?p=6195</guid>
		<description><![CDATA[Tag descriptions in WordPress 2.8 est un billet très instructif qui explique comment utiliser les mots-clés des articles (tag description) pour optimiser les textes présents dans la balise &#60;meta name=&#8217;description&#8217; content=&#8217;Wordpress et le SEO&#8217;&#62;. Son contenu est censé contenir une description spécifique à chaque page si l&#8217;on veut que Google les indexe correctement. En prennant le temps de renseigner correctement la description associée à chaque tag (oui, ça peut prendre un certain temps), on pourra obtenir une description unique lorsque le contexte des tags est actif, ce qui est très bon pour le]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 18px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcss4design.com%2Fseo-optimiser-le-referencement-de-wordpress-avec-les-descriptions-de-tags">
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcss4design.com%2Fseo-optimiser-le-referencement-de-wordpress-avec-les-descriptions-de-tags&amp;source=br1o&amp;style=normal&amp;service=bit.ly&amp;service_api=R_0c1ee4b64f105d1b2672690740a77d6a" height="61" width="50" />
			</a>
		</div><p><a href="http://justintadlock.com/archives/2009/04/30/tag-descriptions-in-wordpress-28">Tag descriptions in WordPress 2.8</a> est un billet très instructif qui explique comment utiliser les mots-clés des articles (<a href="http://codex.wordpress.org/Template_Tags/tag_description">tag description</a>) pour optimiser les textes présents dans la balise <em>&lt;meta name=&#8217;description&#8217; content=&#8217;Wordpress et le SEO&#8217;&gt;.</em> Son contenu est censé contenir une description spécifique à chaque page si l&#8217;on veut que Google les indexe correctement.<span id="more-6195"></span></p>

<p>En prennant le temps de renseigner correctement la description associée à chaque tag (oui, ça peut prendre un certain temps), on pourra obtenir une description unique lorsque le contexte des <em>tags</em> est actif, ce qui est très bon pour le <acronym title=Search Engine Optimization">SEO</acronym> !</p>

<p>Complète idéalement mon billet <a href="http://css4design.com/wordpress-une-meilleure-indexation-avec-not-at-all-in-one-seo">Une meilleure indexation avec Not at All in One SEO pour WordPress</a> !  Via <a href="http://wordpress-tuto.fr/meta-description-tags-wordpress-1439">WordPress Tuto</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://css4design.com/seo-optimiser-le-referencement-de-wordpress-avec-les-descriptions-de-tags/feed</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>Ecrire pour Google : des mots-clés au clickrank</title>
		<link>http://css4design.com/ecrire-pour-google-des-mots-cles-au-clickrank</link>
		<comments>http://css4design.com/ecrire-pour-google-des-mots-cles-au-clickrank#comments</comments>
		<pubDate>Sun, 28 Feb 2010 19:55:44 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Gestion de site web]]></category>
		<category><![CDATA[Google & Référencement]]></category>
		<category><![CDATA[ClickRank]]></category>
		<category><![CDATA[Ecrire]]></category>
		<category><![CDATA[Edito]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Mots-clés]]></category>
		<category><![CDATA[PageRank]]></category>
		<category><![CDATA[Rédaction web]]></category>
		<category><![CDATA[Référencement]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[TrustRank]]></category>

		<guid isPermaLink="false">http://css4design.com/?p=5554</guid>
		<description><![CDATA[L&#8217;analyse des mots-clés en provenance de Google en dit autant sur les intentions des internautes que sur le contenu de votre site ! Et ceci dans un double mouvement qui se renforce : plus votre contenu colle à la formulation des demandes des internautes, plus ces derniers auront des occasions de vous lire. C&#8217;est bête comme choux, mais pas si facile à réaliser ;) Ce billet est la réécriture de la deuxième partie du (trop long) article intitulé Mesure d&#8217;audience : des mots-clefs au ClickRank il y a plus de 3 ans. Non seulement il n&#8217;a pas trop vieillit, mais certaines [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 18px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcss4design.com%2Fecrire-pour-google-des-mots-cles-au-clickrank">
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcss4design.com%2Fecrire-pour-google-des-mots-cles-au-clickrank&amp;source=br1o&amp;style=normal&amp;service=bit.ly&amp;service_api=R_0c1ee4b64f105d1b2672690740a77d6a" height="61" width="50" />
			</a>
		</div><p>L&#8217;analyse des mots-clés en provenance de <a href="http://www.google.fr">Google</a> en dit autant sur les intentions des internautes que sur le contenu de votre site ! Et ceci dans un double mouvement qui se renforce : plus votre contenu colle à la <em>formulation des demandes</em> des internautes, plus ces derniers auront des occasions de vous lire. C&#8217;est bête comme choux, mais pas si facile à réaliser ;) Ce billet est la réécriture de la deuxième partie du (trop long) article intitulé <a href="http://www.css4design.com/blog/mesure-d-audience-google-ecriture-des-mots-clefs-au-clickrank#more-50">Mesure d&#8217;audience : des mots-clefs au ClickRank</a> il y a plus de 3 ans. Non seulement il n&#8217;a pas trop vieillit, mais certaines hypothèses (relation entre les résultats de recherche et les statistiques puisées dans Google Analytics) ont trouvé depuis des éléments de confirmation avec le <a href="http://www.outil-referencement.com/blog/index.php/403-google-bounce-factor">Google Bounce Factor</a>, notamment.<span id="more-5554"></span></p>

<h3>Comme des poissons dans l&#8217;eau</h3>

<p>Le contenu de vos billets est semblable à l&#8217;asticot qui gigote au bout de l&#8217;hameçon. Chacun sait qu&#8217;on n&#8217;attrappe pas tous les poissons avec le même appât et que l&#8217;eau dans laquelle on lance la ligne n&#8217;abrite pas les mêmes espèces&#8230; En fonction de la thématique globale de votre site et des sujets abordés dans les billets, vous parviendrez à intéresser certaines espèces ou pas.</p>

<h4>Ce que parler veut dire</h4>

<p>Plus votre site est spécialisé et plus vous avez des chances d&#8217;être bien vu par Google qui est toujours à la recherche d&#8217;informations rares et pertinentes à proposer à ses utilisateurs. Bien évidemment, Google n&#8217;accordera une attention particulière au contenu de vos pages que si vous accordez vous-même un soin particulier à l&#8217;écriture de vos articles. L&#8217;emploi de termes spécifiques et d&#8217;expressions du métier au lieu d&#8217;un vocabulaire passe-partout peut vous propulser très haut sur la scène <em>googlienne</em>.</p>

<p>Ce qui ne doit pas vous faire oublier que beaucoup de visiteurs interrogent peut-être justement les moteurs pour apprendre le jargon du métier. Pour cette raison, je relis souvent mes billets en me mettant à la place des visiteurs. J&#8217;imagine les mots ou les phrases qu&#8217;ils pourraient utiliser. Il s&#8217;agit de trouver le juste équilibre entre l&#8217;emploi de termes ésotériques et de formules toutes faites. Si la répétition d&#8217;un même terme dans la page peut avoir des effets positifs, privilégiez toutefois l&#8217;emploi de synonymes : vous élargirez le diamètre de l&#8217;entonnoir.</p>

<h4>Quand le sage montre la lune, l&#8217;imbécile regarde le doigt</h4>

<p>Le première fois que j&#8217;ai regardé les mots-clés en provenance de Google, je me suis dit : tiens, c&#8217;est marrant, tout le monde cherche des informations au sujet des <em>blogs commerciaux</em>, puis plus tard se sont ajouté ceux qui voulait des informations sur les <em>classements des blogs</em>, puis sur la <em>monétisation des blogs</em>&#8230;</p>

<p>Aujourd&#8217;hui, une bonne part des requêtes qui mènent sur ce blog concerne le <em>statut du blogueur</em>, etc. Vous l&#8217;avez compris : je ne regardais pas la lune, mais mon doigt ;). C&#8217;est comme des cercles concentriques : plus les sujets d&#8217;une même thématique globale sont nombreux et plus vous aurez de chance de correspondre aux requêtes qui fusent dans le cyberespace.</p>

<h4>Un algal, des algos ?</h4>

<p>Le deuxième enseignement de l&#8217;analyse des statistiques, c&#8217;est que les résultats retournés par Google semblent utiliser des algorithmes différents selon le nombre de terme contenus dans la requête.</p>

<p>Pour un ou deux termes génériques, les sites qui apparaissent dans les premières pages semblent bénéficier d&#8217;un traitement de faveur en fonction de l&#8217;ancienneté surtout (date de création du domaine) et de leur popularité (PageRank).</p>

<p>Google fonctionne <em>comme si</em> les requêtes étaient ventilées dans des <em>clusters thématiques</em> (développement web, voyage, <del>sexe</del>, divertissement, etc.) à l&#8217;intérieur desquels certains sites seraient considérés comme proposant un contenu de référence. (<a hreflang="fr" href="http://fr.wikipedia.org/wiki/TrustRank">TrustRank</a> ?).</p>

<h4>De l&#8217;influence de l&#8217;ancienneté et du PageRank</h4>

<p>A partir de deux ou trois termes et plus, le contenu reprend la main sur l&#8217;ancienneté et le PageRank, et là, c&#8217;est surtout la présence et la proximité de tout ou partie des termes demandés qui fait le bon positionnement. Il semblerait que la fraicheur de l&#8217;information disponible soit ici favorisée au détriment parfois de sites plus qualifié installés de longue date. C&#8217;est peut-être la conséquence de la forte croissance des blogs en particulier et du web en général : il faut bien que les moteurs fassent de la place pour les petits nouveaux ;)</p>

<h3>Des invités triés sur le <del>mot-clé</del> volet</h3>

<p>Pour cet article, j&#8217;ai tenté de faire preuve d&#8217;empathie envers des profils de visiteurs assez différents :</p>

<ul>
    <li>Les gens du marketing, toujours à l&#8217;affût d&#8217;une information liée à Google,</li>
    <li>Les geeks, toujours intéressés par un terme qui se termine par <em>Rank</em> ;)</li>
    <li>Ceux qui rédigent des articles pour le web en général,</li>
    <li>Et ceux qui cherchent des rédacteurs en particulier&#8230;</li>
</ul>

<h4>Le mot-clé <strong><em>mots-clefs</em></strong> par l&#8217;exemple</h4>

<p>Parmi tous les termes éligibles pour capter un flux de visiteurs potentiels, j&#8217;ai comparé les différentes possibilités dans Google lui-même pour avoir une idée du marché potentiel d&#8217;un mot en fonction du nombre de résultats retournés et de la diversité des sites retournés par le moteur.</p>

<p>A cet égart, l&#8217;orthographe a son importance. Le terme <em>mot-clé</em>, par exemple, a plusieurs acceptions parmi lesquelles il faudra trancher au moins pour le titre :</p>

<ul>
    <li><em>mot-clé</em>,</li>
    <li><em>mots-clé</em>,</li>
    <li><em>mots-clés</em>,</li>
    <li><em>mot-clef</em>,</li>
    <li><em>mots-clef</em></li>
    <li>ou <em>mots-clefs</em> ?</li>
</ul>

<p>Après réflexion, j&#8217;ai choisi <em>mots-clés</em> qui renvoit dix fois plus de résultats que <em>mots-clefs</em>. Ce qui me donnera sans doute moins de chances d&#8217;être positionné dans les premières pages, mais d&#8217;avoir plus de possibillités d&#8217;être présent sur la requête en espérant que cette présence s&#8217;accompagne d&#8217;un bon positionnement avec le temps (Dans le billet d&#8217;origine j&#8217;avais choisi le contraire).</p>

<h3>Le ClickRank</h3>

<blockquote title="http://www.centralquestion.com/archives/2006/02/clickrank_to_replace_pagerank.html" cite="http://www.centralquestion.com/archives/2006/02/clickrank_to_replace_pagerank.html/">The hyperlink was a vote in the search-driven Internet. Now I&#8217;m dependent on a new currency &#8211; human action. The click is much more potent than the existence of a link.</blockquote>

<p>Tout le monde ou presque connait le <a hreflang="fr" href="http://fr.wikipedia.org/wiki/PageRank">PageRank</a>, mais il pourrait bientôt être remplacé ou relégué au fond de la classe par des paramètres autrement plus précis et sûr (le genre sûr que même les méchants <a hreflang="fr" href="http://bvwg.actulab.net/">pirates experts en SEO</a>, ils auraient du mal à <em>dealer with</em> ;) ).</p>

<p>En effet, Google pourrait par exemple, tenir compte du nombre de fois où un résultat fait l&#8217;objet d&#8217;un clic sur une requête donnée en enregistrant le contexte sémantique.</p>

<p>On pourrait considérer celà comme une extension du vote représenté par les <em>backlinks</em> (ou liens entrants) vis à vis du site vers lequel ils pointent. <em>Grosso modo</em> cela reprendrait le principe des <em>digg-like</em> : un clic sur un résultat = un vote.</p>

<p><a hreflang="en" href="http://www.centralquestion.com/archives/2006/02/clickrank_to_replace_pagerank.html">Matt Mc Alister</a> s&#8217;interroge sur le remplacement du <em>PageRank</em> par le <em>ClickRank</em>. En tout état de cause, Google a la possibilité d&#8217;améliorer encore ses résultats et de garder longtemps encore l&#8217;avantage.  Notamment, en utilisant les données d&#8217;<em>Analytics</em> et des <em>Webmaster Tools</em>, pour déterminer toujours plus de critères d&#8217;évaluation d&#8217;une <abbr title="Uniform Resource Locator">URL</abbr> ou d&#8217;un site en entier au regard d&#8217;une requête donnée en prenant en compte le nombre de pages vues sur un site, le temps passés sur ses pages, le nombre de clics effectués, etc.</p>

<h4>En bref</h4>

<p>Tout ce que Google peut enregistrer grâce à nous, n&#8217;a pas finit de lui donner un avantage intellectuel et économique vertigineux. Ce sujet semble inépuisable, mais ce n&#8217;est pas mon cas. Je laisse cette conclusion ouverte, et la fin de ce billet en version <em>bêta</em>, c&#8217;est-à-dire destinée à s&#8217;enrichir avec vos retours d&#8217;expériences sur le sujet. <em>Stay tuned and mind the gap!</em></p>
]]></content:encoded>
			<wfw:commentRss>http://css4design.com/ecrire-pour-google-des-mots-cles-au-clickrank/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Optimiser le linkbaiting pour votre site web</title>
		<link>http://css4design.com/optimiser-le-linkbaiting-pour-votre-site-web</link>
		<comments>http://css4design.com/optimiser-le-linkbaiting-pour-votre-site-web#comments</comments>
		<pubDate>Wed, 15 Jul 2009 23:41:47 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Ergonomie & Accessibilité]]></category>
		<category><![CDATA[Gestion de site web]]></category>
		<category><![CDATA[Google & Référencement]]></category>
		<category><![CDATA[Description]]></category>
		<category><![CDATA[Linkbaiting]]></category>
		<category><![CDATA[Référencement]]></category>

		<guid isPermaLink="false">http://www.css4design.com/?p=3248</guid>
		<description><![CDATA[Depuis la perte des liens constituant ma blogroll lors de l&#8217;import de ma sauvegarde réalisée avec la fonction Export XML de WordPress (les liens n&#8217;ont pas pas été sauvegardés), je me rends compte que de nombreux sites web (et de blogs) ne facilitent ni n&#8217;encouragent le linkbaiting. Pour ajouter un lien dans WordPress, il faut renseigner le nom du site, son URL et une description. Pour l&#8217;URL, pas le choix, il s&#8217;agit de votre nom de domaine. En revanche, le nom du site est un élément primordial pour le référencement puisqu&#8217;il s&#8217;agit de l&#8217;ancre du lien. La description va quant [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 18px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcss4design.com%2Foptimiser-le-linkbaiting-pour-votre-site-web">
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcss4design.com%2Foptimiser-le-linkbaiting-pour-votre-site-web&amp;source=br1o&amp;style=normal&amp;service=bit.ly&amp;service_api=R_0c1ee4b64f105d1b2672690740a77d6a" height="61" width="50" />
			</a>
		</div><p>Depuis la perte des liens constituant ma <em>blogroll</em> lors de l&#8217;import de ma sauvegarde réalisée avec la fonction <em>Export XML</em> de WordPress (les liens n&#8217;ont pas pas été sauvegardés), je me rends compte que de nombreux sites web (et de blogs) ne facilitent ni n&#8217;encouragent le <a href="http://adscriptum.blogspot.com/2006/02/linkbait-linkbaiting-une-tentative-de.html">linkbaiting</a>.<span id="more-3248"></span></p>

<p>Pour ajouter un lien dans WordPress, il faut renseigner le nom du site, son URL et une description. Pour l&#8217;URL, pas le choix, il s&#8217;agit de votre nom de domaine. En revanche, le nom du site est un élément primordial pour le référencement puisqu&#8217;il s&#8217;agit de l&#8217;ancre du lien. La description va quant à elle nourrir l&#8217;attribut <code>title</code> du lien. Son importance vis-à-vis des robots est toute relative mais elle donne une indication précieuse sur la destination du lien qui peut inciter à cliquer.</p>

<p>Selon le nom de votre site, il peut être judicieux de mettre en avant la description qui devrait contenir les mots-clés pertinents pour décrire votre contenu. C&#8217;est le choix de <a href="http://t37.net/">Frédéric de Villamil</a> : un nom de domaine très court <em>t37.net</em> et un nom de site descriptif <q>Ergonomie web, Ruby on Rails et Architecture de l&#8217;information</q> avec en dessous une description qui ajoute une information utile pour savoir où l&#8217;on se trouve : <q>Blog de Frédéric de Villamil sur les métiers du web</q>. Bref, un cas d&#8217;école que je vous invite à suivre <em>illico</em> pour ne pas rester sur le bord du web !</p>

<p>Voici quelques suggestions pour améliorer le linkbaiting et le référencement na-tu-rel de votre blog  :</p>

<ul>
    <li>Rendre le nom du site et la description <em>sélectionnable</em> avec la souris et à l&#8217;aide du clavier. Si l&#8217;URL ne pose pas de problème (<code>F6</code> et <code>Ctrl+C</code>), le nom du site est souvent consitué d&#8217;une image ; la description souvent oubliée ; mal placée ou partie intégrante du logo.</li>
    <li>Ajouter le nom de votre blog ou de votre site web dans la description si votre logo est une image. Assurez-vous que la description se trouve dans le haut de la page, idéalement à gauche, à droite ou sous le logo de votre site web.</li>
    <li>Prenez soin de rédiger une mini-bio au cas où l&#8217;on voudrait étoffer la présentation de votre travail.</li>
</ul>

<p>J&#8217;espère que ces quelques notes vous inciteront à faciliter le travail de ceux qui font un lien vers votre site internet ou votre blog car ils le valent bien ;)</p>

<p>En ce qui me concerne, j&#8217;ai légèrement transformé le nom de mon blog début juin 2009 : de <em>css4design</em>, je suis passé à <em>css 4 design</em> avec des résultats significatifs en terme de positionnement sur les requêtes tournant autour de <em>css</em> et <em>design</em>. Deux espaces ont suffit pour que Google trouve <del>mon</del> son chemin :)</p>

<p>N&#8217;hésitez pas à me faire des retours sur les éventuelles modifications que vous aurez effectuées sur votre site web : ils nourriront un prochain billet sur ce sujet. Merci d&#8217;avance.</p>
]]></content:encoded>
			<wfw:commentRss>http://css4design.com/optimiser-le-linkbaiting-pour-votre-site-web/feed</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>Optimiser son blog pour le référencement est inutile dans 80% des cas</title>
		<link>http://css4design.com/optimiser-son-blog-pour-le-referencement-est-inutile-dans-80-pourcent-des-cas</link>
		<comments>http://css4design.com/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[<div class="tweetmeme_button" style="float: right; margin-left: 18px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcss4design.com%2Foptimiser-son-blog-pour-le-referencement-est-inutile-dans-80-pourcent-des-cas">
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcss4design.com%2Foptimiser-son-blog-pour-le-referencement-est-inutile-dans-80-pourcent-des-cas&amp;source=br1o&amp;style=normal&amp;service=bit.ly&amp;service_api=R_0c1ee4b64f105d1b2672690740a77d6a" height="61" width="50" />
			</a>
		</div><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 hreflang="fr" 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 hreflang="fr" 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 hreflang="fr" 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 hreflang="fr" 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 hreflang="fr" 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 hreflang="fr" 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 hreflang="fr" href="http://www.notoriousblog.fr/referencement-des-blogs-corporate-aurelien-bardon-interviewe-par-motsandco.blog">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 hreflang="en" href="http://wordpress.org">WordPress</a> ou <a hreflang="fr" 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 hreflang="fr" 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 hreflang="fr" 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>

<blockquote>
  <p>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>
</blockquote>

<p>Alors, d&#8217;après votre expérience, SEO ou est-ce sot ? ;)</p>
]]></content:encoded>
			<wfw:commentRss>http://css4design.com/optimiser-son-blog-pour-le-referencement-est-inutile-dans-80-pourcent-des-cas/feed</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
		<item>
		<title>css4design vs Google &#8212; Petite histoire du positionnement sur le mot-clé CSS</title>
		<link>http://css4design.com/css4design-vs-google-petite-histoire-du-positionnement-sur-le-mot-cle-css</link>
		<comments>http://css4design.com/css4design-vs-google-petite-histoire-du-positionnement-sur-le-mot-cle-css#comments</comments>
		<pubDate>Tue, 12 Aug 2008 01:23:34 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Google & Référencement]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[positionnement]]></category>
		<category><![CDATA[Quelques notes]]></category>
		<category><![CDATA[Référencement]]></category>
		<category><![CDATA[Requête]]></category>
		<category><![CDATA[Silo]]></category>
		<category><![CDATA[Siloing]]></category>
		<category><![CDATA[Tag]]></category>

		<guid isPermaLink="false">http://www.css4design.com/?p=618</guid>
		<description><![CDATA[Mes dernières notes sur le référencement ou le positionnement d&#8217;un site web sur Google ont alimenté l&#8217;article Petite Casquette&#8230; il y a un an environ. Depuis &#8212; à part des billets sur le facétieux PageRank &#8212; j&#8217;ai arrêté de scruter systématiquement le référencement de mes articles ou de vérifier le positionnement de mon blog sur les mots-clés qui me tiennent à cœur. Pour autant, je continue de noter mes idées sur la question. Je profite qu&#8217;il y ait du nouveau sur la requête CSS pour transformer un brouillon en article : Abracadabra ! Un coup d&#8217;œil dans le rétro Juin [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 18px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcss4design.com%2Fcss4design-vs-google-petite-histoire-du-positionnement-sur-le-mot-cle-css">
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcss4design.com%2Fcss4design-vs-google-petite-histoire-du-positionnement-sur-le-mot-cle-css&amp;source=br1o&amp;style=normal&amp;service=bit.ly&amp;service_api=R_0c1ee4b64f105d1b2672690740a77d6a" height="61" width="50" />
			</a>
		</div><p>Mes dernières notes sur le référencement ou le positionnement d&#8217;un site web sur Google ont alimenté l&#8217;article <a title="Lien permanent vers Petite Casquette : j’ai référencé mon site sur plus de 400 moteurs de recherche et annuaires de liens, j’ai bon ?" rel="bookmark" href="/j-ai-reference-mon-site-sur-plus-de-400-moteurs-de-recherche-et-annuaires-j-ai-bon">Petite Casquette&#8230;</a> il y a un an environ. Depuis &#8212; à part des billets sur le <a href="http://www.css4design.com/google-le-pr-fouettard">facétieux PageRank</a> &#8212; j&#8217;ai arrêté de scruter systématiquement le référencement de mes articles ou de vérifier le positionnement de mon blog sur les mots-clés qui me tiennent à cœur. Pour autant, je continue de noter mes idées sur la question. Je profite qu&#8217;il y ait du nouveau sur la requête CSS pour transformer un brouillon en article : <em>Abracadabra !</em><span id="more-618"></span></p>

<h3>Un coup d&#8217;œil dans le rétro</h3>

<p><strong>Juin 2006 &#8211; Juillet 2007 &#8212; </strong>Un an après le lancement de mon blog sur l&#8217;intégration HTML et CSS, Google persiste à reléguer mon blog à la 100ème pages des résultats sur la requête CSS.</p>

<p><strong>Janvier 2008 &#8211;</strong> Je surprend mon blog qui se réveille entre la 50ème et la 100ème page. Je suis déçu, au point de penser qu&#8217;un blog c&#8217;est bien pour se placer sur le buzz et l&#8217;éphémère ou sur des requêtes comportant plusieurs termes, mais que ça ne vaut pas tripette pour se placer convenablement sur des requêtes renvoyant près de 430 000 000 de résultats !</p>

<p><strong>Juillet 2008</strong> &#8212; Je retourne alors près du radiateur pour <em>cancres ès SEO</em>, quand j&#8217;aperçois la page d&#8217;accueil de mon blog faire la belle à la 10ème page : je suis aux anges. Fébrile, je vérifie régulièrement ce nouveau positionnement, croyant à un bug dans la matrice. Mais non, plus les semaines passent, et plus mon blog danse la polka pour se stabiliser entre la 5ème et la 7ème page. Il se se balade aujourd&#8217;hui entre la 3ème et la 5ème page.</p>

<p>Mais ce n&#8217;est plus la page d&#8217;accueil du blog qui se pavane, mais un billet qui récapitule les <a href="http://www.css4design.com/css-toolbox">trucs et astuces CSS</a> que je garde à portée de souris. Une autre surprise m&#8217;attend : ma page d&#8217;accueil est toujours présente dans les SERP : elle surveille son rejeton depuis la 8ème page des résultats ! Que du bonheur ;)</p>

<p><strong>MAJ : 12 août 2008 :</strong> Ça évolue très vite puisque désormais la page d&#8217;accueil du blog se trouve en 3ème ou 4ème page des résultats sur la requête CSS ; la page qui recense les trucs et astuces CSS se trouve entre la 7ème et la 8ème page&#8230;</p>

<h3>Quelques pistes pour expliquer cette remontée</h3>

<p><strong>Octobre 2007 &#8211;</strong> Je passe de <a href="http://www.css4design.com/wordpress-vs-dotclear-migration-d-automne-dernier-round">Dotclear à WordPress</a> et je modifie le format des URL. Malheureusement pour moi, mon hébergement ne supporte pas l&#8217;URL Rewriting dont j&#8217;ai besoin pour mapper le bouzin. Et paf ! un référencement dans les choux qui a pesé lourd sur les visites en provenance de Google. Je découvre ensuite le plugin <a href="http://wordpress.org/extend/plugins/redirection/">Redirection</a> qui me permets de récupérer un peu de trafic en provenance des sites qui avaient fait des liens vers mes articles.</p>

<p>Les <a href="http://www.google.com/support/webmasters/bin/answer.py?hl=fr&amp;answer=93633">redirections 301</a> ont certainement permis à Google de retrouver ses petits car les visites en provenance du moteur reprennent leur vitesse de croisière. Malgré tout, le blog reste absent sur la requête CSS. Les choses évolueront tranquillement comme ça durant plusieurs mois.</p>

<h4>Changer de template pour améliorer le référencement ?</h4>

<p><strong>Mars 2008</strong> &#8212; Je me dis que les <a href="http://www.css4design.com/conception-dun-theme-magazine-de-a-a-z-a-comme-allons-y">thèmes magazine</a> sont idéals pour faire remonter des billets anciens qui en ont encore sous la botte (ou le taillon aiguille, selon votre sensibilité). Sur ce blog par exemple, l&#8217;essentiel des tutoriels <a href="http://www.css4design.com/articles/integration-web/xhtml-css">HTML et CSS</a> avec des <a href="http://www.css4design.com/exemples/">exemples grandeur nature</a> ont été rédigés pendant ma première année de <em>blogging</em>. A cette époque, les visiteurs étaient peu nombreux et il est plus que probable que quelques bons tutos aient été privés de<em> backlinks</em>.</p>

<p>Je passe une bonne partie de ma réflexion sur les thèmes magazine à tester différentes manières de faire remonter les bonnes feuilles d&#8217;un blog afin d&#8217;augmenter le nombre de pages vues et le temps passé sur le site. L&#8217;objectif étant de faire baisser un <a href="http://www.outil-webmaster.fr/taux_de_rebond_g29.html">taux de rebonds</a> qui frise parfois les 70% ! Il est très probable que Google utilise ces paramètres pour déterminer l&#8217;intérêt réel d&#8217;un site après que l&#8217;internaute a cliqué sur le lien qui lui semblait le plus pertinent.</p>

<h5>Le menu à onglets au service du SEO</h5>

<p><strong>Début juillet 2008</strong> &#8212; Je me décide enfin à transformer ce blog en blogzine : je mets en place un menu à onglets pour optimiser l&#8217;espace disponible pour afficher  :</p>

<ol>
    <li>Les catégories,</li>
    <li>Les derniers billets,</li>
    <li>Les articles les plus commentés,</li>
    <li>Les derniers commentaires avec les liens vers les sites des commentateurs et l&#8217;adresse du billet commenté à l&#8217;aide du plugins <a title="Aller sur le site de l’extension" href="http://blog.jodies.de/archiv/2004/11/13/recent-comments/">Get Recent Comments</a>,</li>
    <li>Les tags grâce à la fonction avancée de <a href="http://wordpress.org/extend/plugins/simple-tags/">Simple Tags</a>.</li>
</ol>

<p>La sidebar étant moins large sur les pages statiques et d&#8217;articles, je conserve uniquement :</p>

<ol>
    <li>Les rubriques,</li>
    <li>Les derniers billets</li>
    <li>Les articles les plus commentés,</li>
</ol>

<p>L&#8217;idée est la suivante : les visiteurs (plus de 60% du total) arrivant directement sur ces pages via Google se feront rapidement une idée sur les contenus disponibles et parcourront les pages du blog pour faire chuter le taux de rebond !</p>

<p><strong>Mi-juillet 2008 &#8211;</strong> Je remplace les articles les plus commentés par une double liste : les articles les plus lus depuis 6 mois, et les billets possédant le meilleur <a href="http://postrank.com/">PostRank</a> pour le mois en cours.</p>

<p><strong>9 août 2008 &#8211;</strong> Le nombre de pages vues a progressé. Par curiosité, je modifie à nouveau l&#8217;ordre des éléments présents dans ces 5 onglets avec dans l&#8217;ordre :</p>

<ol>
    <li>Les 50 tags les plus courants affichés par défaut avec <em>Simple Tags</em>,</li>
    <li>Les catégories,</li>
    <li>Derniers billets publiés,</li>
    <li>Liste des articles les plus lus depuis 6 mois, suivie de la liste des billets ayant le meilleur PostRank dans le mois en cours.</li>
    <li>Les derniers commentaires.</li>
</ol>

<p>L&#8217;idée est de voir si les visiteurs cliquent plus facilement sur les catégories parce qu&#8217;elles sont visibles ou s&#8217;ils iront les chercher dans l&#8217;onglet d&#8217;à côté. En même temps, je teste le pouvoir de cliquabilité des pages qui suivent un clic sur un tag par rapport à celles qui suivent un clic sur les catégories.</p>

<h5>Des résultats ?</h5>

<p>L&#8217;article sur les <em>Trucs et astuces CSS</em> (qui faisait partie des plus lus depuis les 6 derniers mois) c&#8217;est naturellement retrouvé dans le 3ème onglet ainsi que dans les SERP autour de la 5ème page sur la requête CSS. La page d&#8217;accueil déjà présente sur cette requête n&#8217;a pas disparue pour autant.</p>

<p>Ce qui est étonnant, c&#8217;est la rapidité avec laquelle Google semble avoir pris en compte cet article pour le propulser aussi haut, sachant que sur des requêtes généralistes à mot unique, Google privilégie plutôt les sites anciens avec un PR5 au moins.</p>

<p>Bon, en même temps, rien ne garantie que cette page tiendra longtemps cette position. A surveiller, donc.</p>

<h4>Les tags, c&#8217;est bon, mangez-en !</h4>

<p>Le deuxième point que je voulais partager avec vous, c&#8217;est la force des tags et la gourmandise dont fait preuve Google à leur égard. Sur ce blog, les tags n&#8217;ont pas toujours existé et j&#8217;ai pu observer que Google les indexait très rapidement en leur réservant un traitement de faveur. Pour une courte durée, certes, mais une partie des positions prises par les tags peuvent être occupées par des articles.</p>

<p>Comme si Google faisait un galop d&#8217;essai avec des URL de type <em>monblog.com/tag/montag</em> pour voir quels billets vont tirer leur épingle du jeu pour afficher ensuite une URL comme <em>monblog.com/monbillet</em> sur la même requête. Ce qui ne signifie pas pour autant que les auto-tags soient une bonne chose. Ça ralentit la lecture et c&#8217;est déceptif pour le visiteur qui s&#8217;attend à trouver une ressource unique et pertinente au lieu d&#8217;une liste de billets en plein milieu de sa lecture.</p>

<h5>Le hasard fait bien les choses, parait-il&#8230;</h5>

<p>Outre la mise en avant des tags dans le menu à onglets, j&#8217;ai utilisé les tags pour faire remonter les tutoriels toutes catégories confondues en utilisant le tag &laquo;&nbsp;Tutoriels&nbsp;&raquo; qu&#8217;ils ont en commun. Le but est d&#8217;améliorer la densité des termes liés à l&#8217;intégration HTML et CSS, à WordPress et au graphisme, qui forment le cœur de la ligne éditoriale de ce blog. Pour éviter d&#8217;encombrer la page d&#8217;accueil, je n&#8217;affiche qu&#8217;un seul article au hasard parmi ceux qui sont taggués &laquo;&nbsp;Tutoriels&nbsp;&raquo; car il n&#8217;y a pas que Google qui visite ce blog&#8230;</p>

<h3>Réorganisation de la page d&#8217;accueil &#8212; mise en silo (<em>siloing</em>)</h3>

<p>La densité <span style="text-decoration: line-through;">blogale</span> globale des mots-clés pertinents (au regard des objectifs SEO fixés), peut servir de fil conducteur pour organiser la mise en page. Pour cela, il faut analyser les thèmes abordés et les traitements éditoriaux qui leur sont réservés. Tout dépend de votre ligne éditoriale et il n&#8217;y a pas vraiment de recette toute faite. Voici cependant deux ou trois questions pour guider votre réflexion :</p>

<ul>
    <li><em>Vos billets sont ciblés et ont demandés peu ou prou le même travail rédactionnel et vous publiez régulièrement ?</em> Vous n&#8217;avez probablement pas besoin de réorganiser votre blog en profondeur.</li>
    <li><em>Vous manquez seulement de régularité ? </em>Vous pouvez vous contenter d&#8217;afficher l&#8217;intégralité de votre dernier billet sur la page d&#8217;accueil avec des liens vers vos anciens billets accompagnés d&#8217;un extrait, ou afficher les billets entiers les uns à la suite des autres (au risque de lasser vos visiteurs et de décourager la navigation pifométrique : le scrolling vertical)</li>
    <li><em>Vos billets sont composés d&#8217;articles de fond, de tutoriels, de brèves, de présentation de services, de listes de liens ? </em>Vous êtes bon pour le thème magazine ;)</li>
</ul>

<h4>Densité de mots-clés ?</h4>

<p>Pour en savoir plus sur cette fameuse densité de mots-clés, je vous invite à lire <a href="http://bababillgates.free.fr/index.php/7-facons-pour-faire-du-contenu-en-silo-seo-avance/">ce billet</a> de <a href="http://bababillgates.free.fr/">bababillgates</a> paru dernièrement à propos du <a href="http://www.outil-webmaster.fr/siloing_g58.html">siloing</a> pour améliorer le référencement d&#8217;un blog sur un certain nombre de mots-clés en fonction d&#8217;un objectif de vente.</p>

<blockquote>Le contenu en Silo ou le Siloing est une manière de structurer son blog pour permettre aux moteurs de recherche de reconnaitre que votre blog est lié à des mots clés ciblés. Cela vous permet d’être reconnu comme l’expert dans le domaine ou le sujet traité.</blockquote>

<p>Les techniques préconisées par <a href="http://bababillgates.free.fr/index.php/author/admin/">SeoMan</a> sont plus ou moins celles que j&#8217;applique sur ce blog :</p>

<ol>
<blockquote>
    <li>Les Tags,</li>
    <li>Les Catégories,</li>
    <li>Les Annuaires de produits (un peu obsolète mais utile dans ce cas),</li>
    <li><a title="plugin posts relatifs wordpress seo" href="http://blog.gonzaguedambricourt.com/2007/05/21/landingsites-encore-un-peu-amlior/" target="_blank">Plugin Posts Relatifs</a> (WordPress) / lié aux Tags,</li>
    <li>Lier uniquement à vos Landing Pages en utilisant des mots clés ciblés,</li>
    <li>Créer un sitemap pour chaque page de votre SILO,</li>
    <li><a title="plugin landing pages" href="http://www.logiste.be/hsi-landing-sites-ameliore/" target="_blank">La gestion des Landing Pages</a> (plugin  WordPress par exemple).</li>
</blockquote>
</ol>

<p>Trois remarques :</p>

<ol>
    <li>Je ne suis pas totalement convaincu par les annuaires de produits, mais j&#8217;imagine que c&#8217;est ce qui remplace la blogosphère en terme de <em>backlinks</em>&#8230;</li>
    <li>Pour profiter au mieux des plugins <em>billets en relation</em> et assimilés, il faut être rigoureux sur le <em>tagging</em> sous peine de voir apparaitre des billets à côté de la plaque. Ce qui est assez déceptif pour le visiteur et donne de surcroit une impression de bricolage nuisible à l&#8217;image du site : quelque chose semble cassé (ou alors il faut changer d&#8217;intitulé pour la liste).</li>
    <li>Bien que je ne l&#8217;utilise pas, je ne doute pas de l&#8217;efficacité du plugin <em>Landing Pages</em>. Mais je n&#8217;ai pas encore trouvé de blog qui parvenait à l&#8217;intégrer harmonieusement Landing Pages. Rien que le fait de placer la liste des billets répondant à la requête du visiteur au-dessus de l&#8217;article que Google à daigné placer devant les yeux du visiteur est une hérésie. Par ailleurs, ceux qui utilisent ce plugin ont souvent des pages surchargées et il ne fait (amha) qu&#8217;ajouter à la confusion.</li>
</ol>

<p>Grâce à <a href="http://wordpress.org/extend/plugins/simple-tags/">Simple Tags</a>, j&#8217;ai commencé un travail fastidieux : renommer certains tags, en supprimer d&#8217;autres, ajouter des tags à d&#8217;autres tags, jusqu&#8217;à obtenir des billets un peu plus en relation ! La restriction du nombre de mots-clés peut paraitre en contradiction avec la mise en silo qui demande des tags précis et nombreux. C&#8217;est une juste une question d&#8217;équilibre ;)</p>

<h3>Conclusion</h3>

<p>Ces quelques notes partent un peu dans tous les sens, mais cette impression reflète bien la réalité du référencement qui est fait des petites attentions portées à la rédaction des contenus et des micro-contenus, à l&#8217;ergonomie, aux statistiques, à la mise en page, à la promotion du blog, à la structure du site, etc. Référencer un site ou un blog, c&#8217;est être au four et au moulin tout en gardant un oeil sur l&#8217;horizon.</p>
]]></content:encoded>
			<wfw:commentRss>http://css4design.com/css4design-vs-google-petite-histoire-du-positionnement-sur-le-mot-cle-css/feed</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
		<item>
		<title>1000 ressources pour le développement web et WordPress : la grosse grosse liste</title>
		<link>http://css4design.com/1000-ressources-pour-wordpress-et-le-developpement-web</link>
		<comments>http://css4design.com/1000-ressources-pour-wordpress-et-le-developpement-web#comments</comments>
		<pubDate>Fri, 08 Feb 2008 13:25:58 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[HTML & CSS]]></category>
		<category><![CDATA[Intégration web]]></category>
		<category><![CDATA[Javascript & PHP]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[AdSense]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Dreamweaver]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Navigateur]]></category>
		<category><![CDATA[PageRank]]></category>
		<category><![CDATA[Plugins]]></category>
		<category><![CDATA[Référencement]]></category>
		<category><![CDATA[SEO]]></category>

		<guid isPermaLink="false">http://www.css4design.com/1000-ressources-pour-wordpress-et-le-developpement-web</guid>
		<description><![CDATA[Vous voulez un bon éditeur de page HTML et CSS et avoir sous le coude le maximum de ressources à portée de souris ? Cet article est fait pour vous si cherchez le bon plugin jQuery pour votre projet ou si vous êtes friand de liens pointant vers des ressources indispensables pour la création de sites web. Si en plus vous utilisez WordPress, c&#8217;est votre dossier Plugins qui va être content ! Le titre est trompeur : il n&#8217;y a pas 1000 ressources, mais bien plus à découvrir&#8230; Attention, cette liste est vivante et grandit avec vos suggestions ! table [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 18px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcss4design.com%2F1000-ressources-pour-wordpress-et-le-developpement-web">
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcss4design.com%2F1000-ressources-pour-wordpress-et-le-developpement-web&amp;source=br1o&amp;style=normal&amp;service=bit.ly&amp;service_api=R_0c1ee4b64f105d1b2672690740a77d6a" height="61" width="50" />
			</a>
		</div><p>Vous voulez un bon éditeur de page HTML et CSS et avoir sous le coude le maximum de ressources à portée de souris ? Cet article est fait pour vous si cherchez le bon <em>plugin</em> jQuery pour votre projet ou si vous êtes friand de liens pointant vers des ressources indispensables pour la création de sites web. Si en plus vous utilisez WordPress, c&#8217;est votre dossier <em>Plugins</em> qui va être content ! Le titre est trompeur : il n&#8217;y a pas 1000 ressources, mais bien plus à découvrir&#8230; Attention, cette liste est vivante et grandit avec vos suggestions !<span id="more-199"></span></p>

<div id="sommaire">
<h3>table des matières</h3>

<p><em>Vous avez besoin d’un moteur de recherche ? Ctrl+F !</em></p>

<h4><a href="#dev">La boite à outils du codeur de site web</a></h4>
<ol class="texte">
    <li>
<h5><a href="#editors">22 éditeurs HTML et CSS pour Windows, Mac OS X et Linux</a> | <a title="22 éditeurs HTML et CSS pour Windows, Mac OS X et Linux" href="#TB_editors"></a></h5>
</li>
    <li>
<h5><a href="http://www.css4design.com/1000-ressources-pour-wordpress-et-le-developpement-web/2#javascript">Javascript</a></h5>
<ul class="texte">
    <li><a title="240 plugins jQuery classés par thèmes" href="http://www.css4design.com/1000-ressources-pour-wordpress-et-le-developpement-web/2#jquery">240 plugins jQuery</a> | <a title="240 plugins jQuery classés par thèmes" href="http://www.css4design.com/1000-ressources-pour-wordpress-et-le-developpement-web/2#listjquery"></a></li>
    <li><a href="http://www.css4design.com/1000-ressources-pour-wordpress-et-le-developpement-web/2#jqueryplus">6 Ressources complémentaires pour jQuery</a></li>
    <li><a href="http://www.css4design.com/1000-ressources-pour-wordpress-et-le-developpement-web/2#frameworksJS">Autres frameworks Javascript</a></li>
</ul>
</li>
    <li>
<h5><a href="http://www.css4design.com/1000-ressources-pour-wordpress-et-le-developpement-web/3#resources">Ressources pour webdesigner</a></h5>
<ul class="texte">
    <li><a href="http://www.css4design.com/1000-ressources-pour-wordpress-et-le-developpement-web/3#field">Webdevelopers Field Guide : 750 liens pour webdesigner</a></li>
    <li><a href="http://www.css4design.com/1000-ressources-pour-wordpress-et-le-developpement-web/3#firefox">Extensions Firefox : développement et référencement</a></li>
    <li><a href="http://www.css4design.com/1000-ressources-pour-wordpress-et-le-developpement-web/3#browserTest">Tester vos pages web dans différents navigateurs</a></li>
    <li><a href="http://www.css4design.com/1000-ressources-pour-wordpress-et-le-developpement-web/3#monitoring">Monitoring de sites web</a></li>
    <li><a href="http://www.css4design.com/1000-ressources-pour-wordpress-et-le-developpement-web/3#icones">Icônes et goodies pour photoshop</a></li>
    <li><a href="http://www.css4design.com/1000-ressources-pour-wordpress-et-le-developpement-web/3#tuto">Tutoriels ou tutoriaux webdesign</a></li>
    <li><a href="http://www.css4design.com/1000-ressources-pour-wordpress-et-le-developpement-web/3#references">Références, outils et dictionnaires</a></li>
    <li><a href="http://www.css4design.com/1000-ressources-pour-wordpress-et-le-developpement-web/3#inspiration">Inspiration, expiration&#8230;</a></li>
</ul>
</li>
</ol>

<h4><a href="#wordpress">WordPress</a></h4>

<ol class="texte">
    <li><a href="http://www.css4design.com/1000-ressources-pour-wordpress-et-le-developpement-web/4#official">Listes quasi-officielles</a></li>
    <li><a href="http://www.css4design.com/1000-ressources-pour-wordpress-et-le-developpement-web/4#adsense">17 plugins AdSense pour WordPress</a></li>
    <li><a href="http://www.css4design.com/1000-ressources-pour-wordpress-et-le-developpement-web/4#pluginsComments">7 Plugins WordPress pour favoriser les commentaires</a></li>
    <li><a href="http://www.css4design.com/1000-ressources-pour-wordpress-et-le-developpement-web/4#pluginsTwitter">10 Plugins WordPress pour Twitter</a></li>
    <li><a href="http://www.css4design.com/1000-ressources-pour-wordpress-et-le-developpement-web/4#pluginsVrac">Vrac de plugins pour WordPress</a></li>
    <li><a href="http://www.css4design.com/1000-ressources-pour-wordpress-et-le-developpement-web/4#themesWP">Des centaines de thèmes pour WordPress</a></li>
</ol>
</div>

<!-- fin #sommaire -->

<h2 id="dev">La boite à outils du codeur de site web</h2>

<div id="TB_editors">
<h3 id="editors">Editeurs de page web</h3>

<h4>Windows (et/ou multi-OS)</h4>

<h5 id="eclipse">Eclipse</h5>

<a href="http://www.eclipse.org/">Eclipse</a> est un environnement de développement intégré (IDE) lancé par IBM pour développer des application Java. Son architecture est développée autour de la notion de plugin, ce qui permet de l&#8217;utiliser pour le développement web où il remplacera sans peine un Dreamweaver ou un Notepad++ grâce notamment aux &laquo;&nbsp;plugins&nbsp;&raquo; suivants :
<ul class="texte">
    <li><a href="http://www.eclipse.org/webtools/">WTP</a> (Web Tools Platform) &#8212; Reconnait les formats HTML, CSS, JSP, JSF, javascript, XML, DTD, XSLT&#8230; (coloration syntaxique, auto-complétion, validation et aide à la saisie des fichiers XML par la DTD associée, etc.)</li>
    <li><a href="http://www.aptana.com/">Aptana</a> &#8212; Mêmes fonctionnalités que WTP. L&#8217;auto-complétion des fichiers CSS donne la compatibilité (IE et Firefox) des différentes balises de style, Débugger Javascript</li>
    <li><a href="http://www.eclipse.org/atf/">ATF</a> (Ajax Toolkit Framework) &#8212; Prise en compte du langage AJAX dans le développement web</li>
    <li><a href="http://amateras.sourceforge.jp/">Amateras EclipseHTMLEditor</a> &#8212; Reconnait les formats HTML, CSS, JSP, javascript, XML, DTD&#8230; avec un éditeur graphique de pages</li>
    <li><a href="http://xmlbuddy.com/">XMLBuddy</a> &#8212; Plugin léger pour le format XML (validation des fichiers si DTD associée), DTD, XML SCHEMA, et XSLT</li>
    <li><a href="http://sourceforge.net/projects/xmen/">X-Men</a> &#8212; Editeur de fichiers XML (non maintenu depuis 2003)</li>
    <li><a href="http://www.oxygenxml.com/">OxygenXML</a> &#8212; Prise en charge du format XML, DTD, XML SCHEMA, et XSLT (avec un débugger de feuilles de style XSLT)</li>
    <li><a href="http://eclipsetidy.sourceforge.net/">EclipseTidy</a> &#8212; Editeur de fichiers HTML et XML</li>
    <li><a href="http://ezingbuilder.sourceforge.net/cms/">eZing Builder</a> &#8212; Editeur <acronym title="What you see is what you get">WYSIWYG</acronym> de pages web (HTML)</li>
    <li><a href="http://euromath2.sourceforge.net/">Euromath 2</a> &#8212; Editeur WYSIWYG de fichiers XML permettant d&#8217;écrire des expressions mathématiques (un peu de la même manière qu&#8217;avec Latex)</li>
    <li><a href="http://eclipsexslt.sourceforge.net/">EclipseXSLT</a> &#8212; Création Gestion avancée des fichiers XSLT, avec la coloration syntaxique, la possibilité de créer plusieurs configurations de style applicables à un même fichier XML, etc.</li>
</ul>

<p>Retrouvez la liste complète des <a href="ftp://ftp-developpez.com/bcourtin/articles/eclipse/plugins/plugins.pdf">plugins Eclipse</a> sous forme d&#8217;un PDF mis à jour par <a href="http://bcourtin.developpez.com/">Benoît Courtine</a> qui a aussi un <a href="http://www.bcourtin.info/dotclear/">blog</a>.<p>

<h5 id="dreamweaver">Dreamweaver</h5>

<p><a href="http://www.macromedia.com/fr/software/dreamweaver">Dreamweaver</a> &#8212; Cet éditeur de pages web créé par Macromedia puis racheté par Adobe (certains prononcent <em>Adobi</em> &#8211; à l&#8217;anglo-saxonne &#8211; mais je préfère dire <em>Adobeu</em>. D&#8217;ailleurs ceux qui prononcent <em>Adobi</em> sont souvent les mêmes qui prononcent notepad++ comme <em>plus plus</em> au lieu de <em>pleus pleus</em> ^_^v).</p>

<p>La fonction chercher-remplacer plus que complète (il faudrait un tutoriel pour faire le tour de la question) et la gestion multi-sites avec le transfert FTP méritent à eux seuls l&#8217;achat du produit. L&#8217;aspect <em>ouiziouigue</em> du bidule est encore &#8211; dans la version CS3 &#8211; réservé aux gadgétophiles.</p>

<p>Le gros point noir de Dreamweaver est sa gestion fantaisiste du format UTF-8 qui nécessite un passage préalable dans un vrai éditeur comme Notepad++&#8230;</p>

<h5 id="notepadpp">Notepad++</h5>

<p><a href="http://notepad-plus.sourceforge.net/fr/site.htm">Notepad++</a> &#8212; Quand Dreamweaver m&#8217;ennuie, c&#8217;est vers Notepad++ que je me tourne, tant sa simplicité apparente est reposante. Il prend en charge la coloration syntaxique de pratiquement tous les langages et ses fonctions de &laquo;&nbsp;traitement&nbsp;&raquo; de textes sont impressionnantes (même si je n&#8217;en n&#8217;utilise pas le dixième).</p>

<p>Les plus : Notepad++ est capable de plier-déplier les blocs de code et possède un explorateur de fichier. De plus, utilisé conjointement avec FileZilla (en le spécifiant comme éditeur de texte distant, par exemple), vous avez une configuration légère pour trois fois rien ;)</p>

<p>Les moins : l&#8217;auto-complétion des propriétés CSS n&#8217;est pas vraiment contextuelle (contrairement à Dreamweaver).</p>

<h5 id="nvu">Nvu</h5>

<p><a href="http://frenchmozilla.sourceforge.net/nvu/">Nvu</a> &#8212; Prononcez N-view. A mi-chemin entre Dreamweaver et Notepad++, cet éditeur est la refonte du module d&#8217;édition HTML <em>Composer</em> de Mozilla. <del datetime="2008-02-08T14:37:47+00:00">Le logiciel est en version 1.0 depuis 2005 sans mise à jour depuis. A noter qu&#8217;il existe <a href="http://www.framasoft.net/article2656.html">un tutoriel Nvu</a> bien fait sur Framasoft. </del> Nvu est remplacé par <a href="http://www.kompozer.net/">KompoZer</a>. Pour connaitre le pourquoi du comment, c&#8217;est sur <a href="http://www.framasoft.net/article2243.html">Framasoft</a>. (Merci <a href="http://blog.burninghat.net/">burningHat</a>).</p>

<h5 id="kompozer">KompoZer</h5>

<p><a href="http://www.kompozer.net/">KompoZer</a> &#8212; Développé à partir de la version 1.0 de Nvu, ce logiciel reprend à son compte la gestion des plugins et des thème à la Gecko (Firefox), ce qui semble prometteur pour l&#8217;avenir. Des fondations de Nvu, KompoZer semble avoir gardé le goût de la non-simplicité pour la gestion des feuilles de style, notamment.</p>

<p>D&#8217;autres infos sur Nvu (valable pour KompoZer ?) sur <a href="http://www.geckozone.org/forum/viewtopic.php?t=24967">geckozone</a>.</p>

<h5 id="intype">Intype</h5>

<p><a href="http://intype.info">Intype</a> &#8212; Ce puissant éditeur de code est d&#8217;après <a href="http://p4bl0.net/">p4bl0</a> l&#8217;équivalent de TextMate sur Windows. Encore en version <em>Alpha</em>, vous pourrez suivre l&#8217;évolution du développement de cet éditeur prometteur <a href="http://intype.info/">sur le blog</a>.</p>

<h5 id="html-kit">HTML-Kit</h5>

<p><a href="http://www.chami.com/html-kit/download/">HTML-Kit</a> &#8212; J&#8217;ai une relation ambiguë avec ce logiciel : je l&#8217;installe aussi souvent que je le désinstalle à cause de son interface peu intuitive qui finit toujours par me gêner avant que je trouve mes marques. Mais c&#8217;est un très bon produit et je ne désespère pas de m&#8217;y adapter un jour !</p>

<p>Il est possible d&#8217;avoir <a href="http://boussac.online.fr/Windows/HTML/presentationHK.html">HTML-Kit en français</a> avec une présentation du logiciel en prime.</p>

<h5 id="ultraedit">UltraEdit-32</h5>

<p><a href="http://www.ultraedit.com/index.php?name=Downloads&amp;d_op=viewdownload&amp;cid=1">UltraEdit-32</a> &#8212; C&#8217;est un éditeur de code source qui supporte la plupart des langages (C++, PHP, HTML, VB Perl, Java). Il dispose aussi d&#8217;un module FTP et permet &#8211; comme Notepad++ d&#8217;enregistrer des macro-commandes pour les tâches répétitives.</p>

<p>Ce n&#8217;est pas un logiciel gratuit, mais la version <em>UltraEdit-32 Professional Text Editor</em> ne coûte que 34€, soit 12 fois moins que Dreamweaver CS3 !</p>

<h5 id="jedit">Jedit</h5>
<p><a href="http://www.jedit.org/">Jedit</a> &#8211;C&#8217;est un éditeur écrit en Java, ce qui lui permet de fonctionner sous toutes les plate-formes.</p>

<h5 id="quanta">Quanta Plus</h5>

<p><a href="http://quanta.kdewebdev.org/">Quanta Plus</a> &#8212; Avec cet éditeur de texte, on sort un peu du développement web, puisqu&#8217;il permet également de créer des livrets de documentation, ce qui peut toujours être utile.</p>

<h5 id="cssed">CSSED</h5>

<p><a href="http://cssed.sourceforge.net/">CSSED</a> &#8212; Cet éditeur de feuilles de style CSS nécessite l&#8217;installation de <a href="http://sourceforge.net/projects/gtk-win/">GTK+ Runtime Environment</a> avec comme avantage de tourner sous Linux, Mac OSX et Windows !</p>

<h5 id="e-texteditor">E-Texte Editor</h5>

<p><a href="http://www.e-texteditor.com/">E Texte Editor</a> &#8212; Toute la puissance de TextMate sur Windows (au point de laisser Mac OS X et switcher sur Windows ?).</p>

<h5 id="pspad">PSPad</h5>

<p><a href="http://www.pspad.com/fr/">PSPad</a> &#8212; Le meilleur pour la fin ? C&#8217;est bien possible car contrairement à HTML-Kit, son interface est très agréable et son intégration avec <a href="http://www.newsgator.com/Individuals/TopStyle/Default.aspx">TopStyle Lite</a> est très réussie. L&#8217;ensemble fournit un environnement de développement de pages web très complet et simple d&#8217;utilisation.</p>

<p>Parmis les petits plus appréciables : un générateur de faux-texte <em>Lorem Ipsum</em> et l&#8217;intégration de Google avec des options de recherche avancées, toujours utiles en plein travail.</p>

<p>A noter que la version Pro de TopStyle inclut un éditeur HTML.</p>

<h4>Linux</h4>

<h5  id="scribes">Scribes</h5>

<p><a href="http://scribes.sourceforge.net">Scribes</a> &#8212; C&#8217;est un éditeur pour Linux, puissant tout en restant simple et léger.</p>

<h5  id="gedit">gedit</h5>

<p><a href="http://www.gnome.org/projects/gedit/">gedit</a> &#8212; Il s&#8217;agit de l&#8217;éditeur de texte officiel pour l&#8217;environnement de bureau GNOME.</p>

<h5 id="scite">SciTE</h5>

<p><a href="http://www.scintilla.org/SciTE.html">SciTE</a> &#8212; Cet éditeur de texte complet (coloration syntaxique, arbre de code dépliant, fonctions rechercher/remplacer) se distingue par l&#8217;exportation au format PDF, RTF ou HTML. Bien que disponible également pour Windows, SciTE gagne sa place dans la section Linux grâce à sa configuration par fichiers : pas de panique, <a href="http://www.framasoft.net/article1988.html">Framasoft</a> veille ;)</p>

<h4>Mac OS X 10.4+</h4>

<h5 id="textmate">TextMate</h5>

<p><a href="http://macromates.com/">TextMate</a> &#8212; L&#8217;éditeur manquant ? Sur Windows, en tout cas, c&#8217;est sûr ;)</p>

<h5 id="bbedit">BBEdit</h5>

<p><a href="http://www.barebones.com/products/bbedit/index.shtml">BBEdit</a> &#8212; Si vous êtes Apple Addict.</p>

<h5 id="textwrangler">TextWrangler</h5>

<p><a href="http://www.barebones.com/products/textwrangler/">TextWrangler </a>&#8211; Par le même éditeur de BBEdit dont il est une version allégée, cet éditeur autorise la manipulation de texte et l&#8217;administration de serveur Unix.</p>

<h5 id="smultron">Smultron</h5>

<p><a href="http://smultron.sourceforge.net/">Smultron</a> &#8212; Conçu à la fois pour ne pas effrayer les débutants et satisfaire les utilisateurs avancés.</p>

<h5 id="cssedit">cssedit</h5>

<p><a href="http://macrabbit.com/cssedit/">cssedit</a> &#8212; un très bon éditeur de CSS. Via <a href="http://64k.be/2007/10/30/cssedit-cest-du-belge/">64K</a>.</p>

<h5 id="coda">Coda</h5>

<p><a href="http://www.panic.com/coda/">Coda</a> &#8212; Encore un bien joli éditeur de texte et de CSS qui intègre un module de transfert FTP.</p>
</div>

<p><em>Javascript &raquo;</em></p>
]]></content:encoded>
			<wfw:commentRss>http://css4design.com/1000-ressources-pour-wordpress-et-le-developpement-web/feed</wfw:commentRss>
		<slash:comments>106</slash:comments>
		</item>
		<item>
		<title>Résultats du concours de référencement zobibi</title>
		<link>http://css4design.com/resultats-du-concours-de-referencement-zobibi</link>
		<comments>http://css4design.com/resultats-du-concours-de-referencement-zobibi#comments</comments>
		<pubDate>Sat, 02 Feb 2008 16:32:29 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Google & Référencement]]></category>
		<category><![CDATA[Concours]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Référencement]]></category>

		<guid isPermaLink="false">http://www.css4design.com/resultats-du-concours-de-referencement-zobibi</guid>
		<description><![CDATA[Le concours de référencement zobibi s&#8217;est donc terminé comme prévu le 31 janvier à minuit. Après un petit yoyo entre la 3ème et la 1ère place (pendant au moins deux ou trois jours !) mon zobibi s&#8217;est stabilisé à la 9ème position sur Google parmis plus de 150 000 résultats, ce qui reste honorable ^_^ Mention spécial pour François Goube qui nous en a mis plein le zobibi la vue en terminant 1er. Bravo ! Félicitations également à tous ceux qui sont parvenus à se hisser à la première page des résultats : Zobibi France Ced SEO blackout Gnomeland Lapin [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 18px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcss4design.com%2Fresultats-du-concours-de-referencement-zobibi">
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcss4design.com%2Fresultats-du-concours-de-referencement-zobibi&amp;source=br1o&amp;style=normal&amp;service=bit.ly&amp;service_api=R_0c1ee4b64f105d1b2672690740a77d6a" height="61" width="50" />
			</a>
		</div><p>Le <a href="http://mindfree.fr/tous-les-articles/news-du-net/nouveau-concours-de-referencement-%3a-le-zobibi/">concours</a> de référencement zobibi s&#8217;est donc terminé comme prévu le 31 janvier à minuit. Après un petit yoyo entre la 3ème et la 1ère place (pendant au moins deux ou trois jours !) <a href="http://www.css4design.com/zobibi">mon zobibi</a> s&#8217;est stabilisé à la 9ème position sur Google parmis plus de 150 000 résultats, ce qui reste honorable ^_^</p>

<p>Mention spécial pour <a href="http://www.voxinablog.com/">François Goube</a> qui nous en a mis plein <del datetime="2008-02-02T16:33:23+00:00">le zobibi</del> la vue en terminant 1er. Bravo !</p>

<p>Félicitations également à tous ceux qui sont parvenus à se hisser à la première page des résultats :</p>

<ol>
    <li><a href="http://www.zobibi.fr/">Zobibi France</a></li>
    <li><a href="http://zobibi.concours-referencement.net/">Ced</a></li>
    <li><a href="http://www.seoblackout.com/2007/12/31/zobibi/">SEO blackout</a></li>
    <li><a href="http://www.gnomeland.net/Zobibi/">Gnomeland</a></li>
    <li><a href="http://zobibi.lapin.org/">Lapin</a></li>
    <li><a href="http://www.epiphanie.fr/">Epiphanie</a></li>
    <li><a href="http://www.paradisia.net/forum/internet/zobibi-t1008.0.html">Paradisia </a></li>
    <li><a href="http://inabuzz.com/2007/12/18/zobibi-zobibi/">Blog in a Buzz</a></li>
    <li><a href="http://www.css4design.com/zobibi">Mon zobibi à moi ;)</a></li>
    <li><a href="http://zobibi.osmose-tiger.info/">Osmose Tiger</a></li>
</ol>

<p>Bon, c&#8217;est pas tout, mais j&#8217;ai encore le concours <a href="/jeff-ruiz-nu">Jeff Ruiz nu</a> sur le feu ^_^v</p>
]]></content:encoded>
			<wfw:commentRss>http://css4design.com/resultats-du-concours-de-referencement-zobibi/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>un zobibi en pleine forme avec le thème Sandbox pour WordPress</title>
		<link>http://css4design.com/un-zobibi-en-pleine-forme-avec-le-theme-sandbox-pour-wordpress</link>
		<comments>http://css4design.com/un-zobibi-en-pleine-forme-avec-le-theme-sandbox-pour-wordpress#comments</comments>
		<pubDate>Fri, 04 Jan 2008 10:30:31 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Le petit journal du web]]></category>
		<category><![CDATA[Concours]]></category>
		<category><![CDATA[Référencement]]></category>
		<category><![CDATA[Sandbox]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[zobibi]]></category>

		<guid isPermaLink="false">http://www.css4design.com/un-zobibi-en-pleine-forme-avec-le-theme-sandbox-pour-wordpress</guid>
		<description><![CDATA[Après seulement deux jours de participation au concours de référencement SEO, mon zobibi se porte bien : après avoir attaqué la falaise Google à la 18ème place, voilà mon zobibi qui nargue celui de Ced en le talonnant à la deuxième place !Tout va si vite que je me suis dépêché de prendre un instantané de cette deuxième place&#8230; Merci à tous ceux qui me soutiennent (j&#8217;aime beaucoup ce que vous faites). Quant aux autres, sachez qu&#8217;il est toujours possible d&#8217;apporter votre soutien via un ch&#8217;ti lien dans vot&#8217; sidebar ou en mentionnant mon zobibi dans un billet (même en [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 18px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcss4design.com%2Fun-zobibi-en-pleine-forme-avec-le-theme-sandbox-pour-wordpress">
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcss4design.com%2Fun-zobibi-en-pleine-forme-avec-le-theme-sandbox-pour-wordpress&amp;source=br1o&amp;style=normal&amp;service=bit.ly&amp;service_api=R_0c1ee4b64f105d1b2672690740a77d6a" height="61" width="50" />
			</a>
		</div><p>Après seulement deux jours de participation au concours de référencement SEO, <a href="http://www.css4design.com/zobibi">mon zobibi</a> se porte bien : après avoir attaqué la falaise Google à la 18ème place, <a href="http://www.google.fr/search?hl=fr&amp;client=firefox&amp;rls=FlockInc.%3Aen-US%3Aofficial&amp;hs=Z2i&amp;q=zobibi&amp;btnG=Rechercher&amp;meta=">voilà mon zobibi qui nargue celui de Ced</a> en le talonnant à la deuxième place !<span id="more-170"></span>Tout va si vite que je me suis dépêché de prendre un instantané de cette deuxième place&#8230;</p>

<p><img src="/wp-content/uploads/2008/01/zobibi-2eme-place.png" alt="zobibi en 2eme place sur google" /></p>

<p>Merci à tous ceux qui me soutiennent (j&#8217;aime beaucoup ce que vous faites). Quant aux autres, sachez qu&#8217;il est toujours possible d&#8217;apporter votre soutien via un ch&#8217;ti lien dans vot&#8217; sidebar ou en mentionnant mon zobibi dans un billet (même en</p>

<p><samp>display: none</samp>, j&#8217;suis preneur&#8230;).</p>

<h3>Ma stratégie pour le concours zobibi</h3>

<p>Pour positionner mon premier billet sur le zobibi à la première place, je fais appel aux ressources musicales de notre beau répertoire de musique française : à l&#8217;heure où j&#8217;écris, Carla Bruni (<a href="http://www.css4design.com/quelquun-ma-dit-zobibi">Quelqu&#8217;un m&#8217;a dit&#8230; zobibi</a>), Christophe Maé (<a href="http://www.css4design.com/ca-fait-mal-au-zobibi">Ca fait mal&#8230; au zobibi</a>) et Philippe Katerine (<a href="http://www.css4design.com/louxor-jadore-le-zobibi">Louxor, j&#8217;adore&#8230; le zobibi</a>), ont fait les frais de l&#8217;humour ravageur du zobibi :D</p>

<p>Tout ça dans des billets quotidien en <samp>display: none</samp> (oui, je répète souvent <samp>display: none</samp> pour justifier le côté CSS du billet, histoire de rester un peu dans ma charte rédactionnelle).</p>

<p>Pour voir ces billets, donc, il suffit soit de désactiver les feuilles de styles CSS soit d&#8217;utiliser l&#8217;extenstion <em>web developper</em> et supprimer le <samp>display: none</samp> sur la classe <em>.category-zobibi</em> ou tout autre moyen à votre convenance.</p>

<h3>Sandbox ! sandbox !</h3>

<p>A ce propos, comme j&#8217;utilise l&#8217;intendance du <a href="http://www.plaintxt.org/themes/sandbox/">thème Sandbox</a> pour WordPress, il m&#8217;est très facile de cibler une catégorie spécifique pour lui attribuer un style. Pour info, voici les possibilités de stylisation pour la div qui contient les posts :
<pre>
&lt;<span class="start-tag">div</span><span class="attribute-name"> id</span>=<span class="attribute-value">"post-193" </span><span class="attribute-name">class</span>=<span class="attribute-value">"hentry p3 post publish author-bruno bichet <strong>category-zobibi</strong> y2008 m01 d03 h13"</span>&gt;</pre>
Ce qui laisse pas mal de possibilités ;)</p>

<p><em>Stay tuned and mind the step!</em></p>

<p>PS : Petite pensée pour <a href="http://lucmuller.free.fr/">Luc Muller</a> qui avait si bien su embraser la blogosphère avec le <a href="http://lucmuller.free.fr/index.php?article=330-blogueur-racheumeuneu-le-racheumeuneu-test">Racheumeuneu !</a> ;)</p>
]]></content:encoded>
			<wfw:commentRss>http://css4design.com/un-zobibi-en-pleine-forme-avec-le-theme-sandbox-pour-wordpress/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>zobibi</title>
		<link>http://css4design.com/zobibi</link>
		<comments>http://css4design.com/zobibi#comments</comments>
		<pubDate>Wed, 02 Jan 2008 21:54:43 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Le petit journal du web]]></category>
		<category><![CDATA[Concours]]></category>
		<category><![CDATA[Référencement]]></category>
		<category><![CDATA[zobibi]]></category>

		<guid isPermaLink="false">http://www.css4design.com/zobibi</guid>
		<description><![CDATA[Rien de mieux pour débuter cette nouvelle année qu&#8217;un concours de référencement proposé par MindFree. Le challenge ? Etre le premier sur Google avec le mot-clé zobibi au 31 janvier 2008. La méthode ? Pour ne pas trop polluer ce blog avec le mot-clé zobibi, je mettrais les billets en question en display: none, le cloaking du pauvre en quelque sorte&#8230; Pour les abonnés aux flux RSS, il suffira de ne pas lire les billets commençant par zobibi ! Si vous voulez soutenir mon zobibi&#8230; il suffit de faire un lien de la forme zobibi, soit : &#60;a title="le zobibi [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 18px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcss4design.com%2Fzobibi">
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcss4design.com%2Fzobibi&amp;source=br1o&amp;style=normal&amp;service=bit.ly&amp;service_api=R_0c1ee4b64f105d1b2672690740a77d6a" height="61" width="50" />
			</a>
		</div><p>Rien de mieux pour débuter cette nouvelle année qu&#8217;un <a href="http://mindfree.fr/tous-les-articles/news-du-net/nouveau-concours-de-referencement-%3a-le-zobibi/">concours de référencement</a> proposé par <a href="http://mindfree.fr/">MindFree</a>. Le challenge ? Etre le premier sur Google avec le mot-clé <a href="http://www.css4design.com/articles/zobibi">zobibi</a> au 31 janvier 2008.</p>

<p>La méthode ? Pour ne pas trop polluer ce blog avec le mot-clé zobibi, je mettrais les billets en question en <samp>display: none</samp>, le <em>cloaking</em> du pauvre en quelque sorte&#8230; Pour les abonnés aux <a href="http://feeds.feedburner.com/css4design">flux RSS</a>, il suffira de ne pas lire les billets commençant par <em>zobibi</em> !</p>

<p>Si vous voulez soutenir mon <em>zobibi</em>&#8230; il suffit de faire un lien de la forme <a href="http://www.css4design.com/zobibi">zobibi</a>,  soit :</p>

<p><pre>
&lt;a title="le zobibi de tous les zobibis" href="http://www.css4design.com/zobibi"&gt;zobibi&lt;/a&gt;
</pre></p>

<p>Tous les soutiens seront bien évidemment récompensés par un bien joli lien sur <a href="http://infographiste.free.fr">une bien jolie page</a> ;)</p>
]]></content:encoded>
			<wfw:commentRss>http://css4design.com/zobibi/feed</wfw:commentRss>
		<slash:comments>49</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (enhanced) (user agent is rejected)

Served from: css4design.com @ 2010-09-02 16:56:49 -->