﻿<?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; Résultats de recherche  &#187;  pagerank</title>
	<atom:link href="http://css.4design.tl/search/pagerank/feed/rss2/" rel="self" type="application/rss+xml" />
	<link>http://css.4design.tl</link>
	<description>Le blog de l&#039;intégrateur web</description>
	<lastBuildDate>Mon, 17 Jun 2013 10:21:14 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<item>
		<title>Aperçu instantané de Google, Webdesign et référencement naturel</title>
		<link>http://css.4design.tl/apercu-instantane-google-webdesign-referencement-naturel/</link>
		<comments>http://css.4design.tl/apercu-instantane-google-webdesign-referencement-naturel/#comments</comments>
		<pubDate>Fri, 12 Nov 2010 08:00:39 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Design & Graphisme]]></category>
		<category><![CDATA[Google & Référencement]]></category>
		<category><![CDATA[Aperçu instantané]]></category>
		<category><![CDATA[Ecrire]]></category>
		<category><![CDATA[Edito]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Image]]></category>
		<category><![CDATA[Moteur de recherche]]></category>
		<category><![CDATA[PageRank]]></category>
		<category><![CDATA[Référencement]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://css4design.com/?p=8048</guid>
		<description><![CDATA[La rédaction Web et le référencement naturel vont bien ensemble en raison du fonctionnement des moteurs de recherche qui indexent les textes depuis toujours. Il a fallu attendre 2001 pour les images en ce qui concerne Google, ce qui poussé les intégraphistes orientés SEO à mieux nommer leurs fichiers. Les visuels utilisés dans un article sont devenus un atout supplémentaire dans l&#8217;acquisition de trafic. Les textes et les images ont une incidence directe sur le référencement et le positionnement d&#8217;une page, mais ce n&#8217;est pas le cas du design, de l&#8217;apparence de cette page. Enfin, jusqu&#8217;à présent&#8230; La nouvelle fonction [...]]]></description>
				<content:encoded><![CDATA[<p>La rédaction Web et le référencement naturel vont bien ensemble en raison du fonctionnement des moteurs de recherche qui indexent les textes depuis toujours. Il a fallu attendre <a href="http://fr.wikipedia.org/wiki/Google_Recherche_d'images">2001 pour les images</a> en ce qui concerne Google, ce qui poussé les <a href="http://css.4design.tl/integrateur-web-graphiste-integraphiste">intégraphistes</a> orientés SEO à mieux nommer leurs fichiers. Les visuels utilisés dans un article sont devenus un atout supplémentaire dans l&rsquo;acquisition de trafic. Les textes et les images ont une incidence directe sur le référencement et le positionnement d&rsquo;une page, mais ce n&rsquo;est pas le cas du design, de l&rsquo;apparence de cette page. Enfin, jusqu&rsquo;à présent&#8230; La nouvelle fonction « Aperçus instantanés » (<em>Instant Preview</em>) de Google permet de prévisualiser la page de destination depuis les SERP&rsquo;s, ce qui pourrait bien changer la face du Web et faire entrer le Webdesign dans une nouvelle dimension. Rien que ça.<span id="more-8048"></span></p>

<h2>Deux mots sur l&rsquo;algorithme de Google</h2>

<p>Le classement des pages par Google tient compte de nombreux critères. <em>Grosso modo</em>, plus les liens extérieurs qui pointent vers vos pages thématiques sont nombreux, plus vous aurez des chances d&rsquo;apparaitre en bonne position sur ces mêmes thématiques. Le <a href="http://css.4design.tl/tag/pagerank">PageRank</a> officialise les choses. A côté de ce principe général, Google pondère ses résultats avec, par exemple, le nombre de clics effectués sur une page par rapport au nombre de fois où elle apparait dans les résultats (consultez les <a href="https://www.google.com/webmasters/tools/home?hl=fr">outils Google</a> pour Webmasters pour plus d&rsquo;information).</p>

<h6>Les composantes de l&rsquo;algorithme de classement des pages par Google. Surveillez votre CTR !</h6>

<p><a href="http://css.4design.tl/files/2010/11/google-ranking-algo-survey.gif"><img class="alignnone size-large wp-image-8058" src="http://css.4design.tl/files/2010/11/google-ranking-algo-survey-434x428.gif" alt="" width="434" height="428" /></a></p>

<p>Google utilise déjà une forme d&rsquo;enchère similaire pour les <em>Adwords</em> : plus votre annonce est cliquée et plus elle apparait en haut des résultats avec un  coût par clic (CPC) à la baisse. Si votre annonce intéresse les visiteurs (qu&rsquo;il s&rsquo;agisse de la nature du produit ou de la manière dont vous présentez les choses) Google vous récompense pour vos efforts.</p>

<p>Lisez <a href="http://www.patricealbertus.net/">le blog de Patrice Albertus</a> (<em>Search marketer</em>) pour en savoir plus sur les questions liées au marketing pour les moteurs de recherche.</p>

<h2>Aperçu instantané</h2>

<p>De la même manière, la fonction <em>Aperçus instantanés</em> va inciter les visiteurs à parcourir les différents aperçus proposés, et ce d&rsquo;autant plus que l&rsquo;affichage des aperçus est rapide et généreux, ce qui ne doit pas être un hasard quand on connait la hantise de Google concernant les performances d&rsquo;affichage de sa page de résultats.</p>

<p>Le visiteur pourra donc faire son choix entre&#8230; Entre quoi, au juste ? Ah oui, entre :</p>

<ul>
    <li>Le design qui lui semblera le plus cohérent avec ce qu&rsquo;il s&rsquo;attend à trouver,</li>
    <li>La page qui sera la plus lisible ou la plus avenante,</li>
    <li>La page qui proposera le plus de visuels allèchants,</li>
    <li>La page qui aura le <a href="http://css.4design.tl/html5-manifeste-logo-motto">logo ou le motto</a> le plus accrocheur,</li>
    <li>La page dont le design sera plus ou moins moderne en fonction des goûts de l&rsquo;utilisateur,</li>
    <li>Une site d&rsquo;apparence institutionnel ou un blogzine,</li>
    <li>Un vrai site ou un MFA ^^</li>
    <li>etc.</li>
</ul>

<h6>C&rsquo;est la petite loupe à côté du titre qui permet d&rsquo;activer l&rsquo;aperçu instantané (<em>Instant Preview</em>). Cliquez pour agrandir l&rsquo;image.</h6>

<p><a href="http://css.4design.tl/files/2010/11/apercu-instantane-google.png"><img class="alignnone size-large wp-image-8055" src="http://css.4design.tl/files/2010/11/apercu-instantane-google-434x250.png" alt="" width="434" height="250" /></a></p>

<p><strong>Le Webdesign, ce n&rsquo;est pas juste pour faire joli !</strong></p>

<p>Avec la possibilité de comparer le design des pages directement dans les SERP&rsquo;s, les clics des visiteur risquent d&rsquo;influer fortement sur le positionnement des pages proposées en première intention par Google. Après la prise en compte de la qualité rédactionnelle, le <a href="http://css.4design.tl/direction-artistique-design">design et la direction artistique</a> pourraient devenir des éléments fondamentaux (comprendre : pas uniquement pour faire joli) qu&rsquo;il faudra penser dès le départ pour optimiser l&rsquo;expérience utilisateur avant même que le visiteur ne se soit rendu sur votre site. Encore une avancée qui devrait rapprocher les différents intervenants de la chaine de production Web !</p>

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

<ul class='related_post'><li><a href='http://css.4design.tl/ecrire-pour-google-des-mots-cles-au-clickrank' title='Ecrire pour Google : des mots-clés au clickrank'>Ecrire pour Google : des mots-clés au clickrank</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/astuce-ameliorer-referencement-google' title='Référencement de sites Web &#8212; Chassez le naturel, il revient au SEO !'>Référencement de sites Web &#8212; Chassez le naturel, il revient au SEO !</a></li><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/blogs-developpeurs-web' title='37 blogs de développeurs web'>37 blogs de développeurs web</a></li></ul>
 <p><a href="http://css.4design.tl/?flattrss_redirect&amp;id=8048&amp;md5=d9ef8f073f690e61fb27a12a1d7e91bd" 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/apercu-instantane-google-webdesign-referencement-naturel/feed/</wfw:commentRss>
		<slash:comments>31</slash:comments>
		<atom:link rel="payment" title="Flattr this!" href="https://flattr.com/submit/auto?user_id=br1o&amp;popout=1&amp;url=http%3A%2F%2Fcss.4design.tl%2Fapercu-instantane-google-webdesign-referencement-naturel%2F&amp;language=fr_FR&amp;category=text&amp;title=Aper%C3%A7u+instantan%C3%A9+de+Google%2C+Webdesign+et+r%C3%A9f%C3%A9rencement+naturel&amp;description=La+r%C3%A9daction+Web+et+le+r%C3%A9f%C3%A9rencement+naturel+vont+bien+ensemble+en+raison+du+fonctionnement+des+moteurs+de+recherche+qui+indexent+les+textes+depuis+toujours.+Il+a+fallu+attendre+2001+pour...&amp;tags=Aper%C3%A7u+instantan%C3%A9%2CEcrire%2CEdito%2CGoogle%2CImage%2CMoteur+de+recherche%2CPageRank%2CR%C3%A9f%C3%A9rencement%2CSEO%2CWebdesign%2Cblog" type="text/html" />
	</item>
		<item>
		<title>Ecrire pour Google : des mots-clés au clickrank</title>
		<link>http://css.4design.tl/ecrire-pour-google-des-mots-cles-au-clickrank/</link>
		<comments>http://css.4design.tl/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[<p>L&rsquo;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&rsquo;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&rsquo;audience : des mots-clefs au ClickRank</a> il y a plus de 3 ans. Non seulement il n&rsquo;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&rsquo;eau</h3>

<p>Le contenu de vos billets est semblable à l&rsquo;asticot qui gigote au bout de l&rsquo;hameçon. Chacun sait qu&rsquo;on n&rsquo;attrappe pas tous les poissons avec le même appât et que l&rsquo;eau dans laquelle on lance la ligne n&rsquo;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&rsquo;être bien vu par Google qui est toujours à la recherche d&rsquo;informations rares et pertinentes à proposer à ses utilisateurs. Bien évidemment, Google n&rsquo;accordera une attention particulière au contenu de vos pages que si vous accordez vous-même un soin particulier à l&rsquo;écriture de vos articles. L&rsquo;emploi de termes spécifiques et d&rsquo;expressions du métier au lieu d&rsquo;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&rsquo;imagine les mots ou les phrases qu&rsquo;ils pourraient utiliser. Il s&rsquo;agit de trouver le juste équilibre entre l&rsquo;emploi de termes ésotériques et de formules toutes faites. Si la répétition d&rsquo;un même terme dans la page peut avoir des effets positifs, privilégiez toutefois l&rsquo;emploi de synonymes : vous élargirez le diamètre de l&rsquo;entonnoir.</p>

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

<p>Le première fois que j&rsquo;ai regardé les mots-clés en provenance de Google, je me suis dit : tiens, c&rsquo;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&rsquo;hui, une bonne part des requêtes qui mènent sur ce blog concerne le <em>statut du blogueur</em>, etc. Vous l&rsquo;avez compris : je ne regardais pas la lune, mais mon doigt ;). C&rsquo;est comme des cercles concentriques : plus les sujets d&rsquo;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&rsquo;analyse des statistiques, c&rsquo;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&rsquo;un traitement de faveur en fonction de l&rsquo;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&rsquo;intérieur desquels certains sites seraient considérés comme proposant un contenu de référence. (<a href="http://fr.wikipedia.org/wiki/TrustRank">TrustRank</a> ?).</p>

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

<p>A partir de deux ou trois termes et plus, le contenu reprend la main sur l&rsquo;ancienneté et le PageRank, et là, c&rsquo;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&rsquo;information disponible soit ici favorisée au détriment parfois de sites plus qualifié installés de longue date. C&rsquo;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&rsquo;ai tenté de faire preuve d&rsquo;empathie envers des profils de visiteurs assez différents :</p>

<ul>
    <li>Les gens du marketing, toujours à l&rsquo;affût d&rsquo;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&rsquo;exemple</h4>

<p>Parmi tous les termes éligibles pour capter un flux de visiteurs potentiels, j&rsquo;ai comparé les différentes possibilités dans Google lui-même pour avoir une idée du marché potentiel d&rsquo;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&rsquo;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&rsquo;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&rsquo;être positionné dans les premières pages, mais d&rsquo;avoir plus de possibillités d&rsquo;être présent sur la requête en espérant que cette présence s&rsquo;accompagne d&rsquo;un bon positionnement avec le temps (Dans le billet d&rsquo;origine j&rsquo;avais choisi le contraire).</p>

<h3>Le ClickRank</h3>

<blockquote 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&rsquo;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 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 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&rsquo;objet d&rsquo;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 href="http://www.centralquestion.com/archives/2006/02/clickrank_to_replace_pagerank.html">Matt Mc Alister</a> s&rsquo;interroge sur le remplacement du <em>PageRank</em> par le <em>ClickRank</em>. En tout état de cause, Google a la possibilité d&rsquo;améliorer encore ses résultats et de garder longtemps encore l&rsquo;avantage.  Notamment, en utilisant les données d&rsquo;<em>Analytics</em> et des <em>Webmaster Tools</em>, pour déterminer toujours plus de critères d&rsquo;évaluation d&rsquo;une <abbr title="Uniform Resource Locator">URL</abbr> ou d&rsquo;un site en entier au regard d&rsquo;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&rsquo;a pas finit de lui donner un avantage intellectuel et économique vertigineux. Ce sujet semble inépuisable, mais ce n&rsquo;est pas mon cas. Je laisse cette conclusion ouverte, et la fin de ce billet en version <em>bêta</em>, c&rsquo;est-à-dire destinée à s&rsquo;enrichir avec vos retours d&rsquo;expériences sur le sujet. <em>Stay tuned and mind the gap!</em></p>

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

<ul class='related_post'><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/astuce-ameliorer-referencement-google' title='Référencement de sites Web &#8212; Chassez le naturel, il revient au SEO !'>Référencement de sites Web &#8212; Chassez le naturel, il revient au SEO !</a></li><li><a href='http://css.4design.tl/google-le-pr-fouettard' title='Google, le PR fouettard !'>Google, le PR fouettard !</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/baisse-de-pagerank-au-nom-du-pr-ainsi-soit-il' title='Bai(s)se de PageRank : au nom du PR, ainsi soit-il&#8230;'>Bai(s)se de PageRank : au nom du PR, ainsi soit-il&#8230;</a></li></ul>
 <p><a href="http://css.4design.tl/?flattrss_redirect&amp;id=5554&amp;md5=1d230431fa661c7195a7b45caf6b518b" 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/ecrire-pour-google-des-mots-cles-au-clickrank/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		<atom:link rel="payment" title="Flattr this!" href="https://flattr.com/submit/auto?user_id=br1o&amp;popout=1&amp;url=http%3A%2F%2Fcss.4design.tl%2Fecrire-pour-google-des-mots-cles-au-clickrank%2F&amp;language=fr_FR&amp;category=text&amp;title=Ecrire+pour+Google+%3A+des+mots-cl%C3%A9s+au+clickrank&amp;description=L%26rsquo%3Banalyse+des+mots-cl%C3%A9s+en+provenance+de+Google+en+dit+autant+sur+les+intentions+des+internautes+que+sur+le+contenu+de+votre+site+%21+Et+ceci+dans+un+double+mouvement+qui...&amp;tags=ClickRank%2CEcrire%2CEdito%2CGoogle%2CMots-cl%C3%A9s%2CPageRank%2CR%C3%A9daction+web%2CR%C3%A9f%C3%A9rencement%2CSEO%2CTrustRank%2Cblog" type="text/html" />
	</item>
		<item>
		<title>Calcul du PageRank</title>
		<link>http://css.4design.tl/calcul-du-pagerank/</link>
		<comments>http://css.4design.tl/calcul-du-pagerank/#comments</comments>
		<pubDate>Sun, 31 Jan 2010 23:07:04 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Gestion de site web]]></category>
		<category><![CDATA[Google & Référencement]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[PageRank]]></category>
		<category><![CDATA[PR]]></category>

		<guid isPermaLink="false">http://css4design.com/?p=5093</guid>
		<description><![CDATA[Le PageRank n&#8217;est plus ce que c&#8217;était. Autrefois (il y a deux ou trois ans), le PageRank servait de référence absolue pour situer rapidement un site web. Aujourd&#8217;hui, les classements ont pris le relais et j&#8217;avoue ne plus en tenir compte dans mon surf quotidien : j&#8217;utilise Google Chrome et je n&#8217;ai pas d&#8217;indicateur pour afficher le PageRank des sites que je visite. Toutefois, comprendre la façon dont le PR est calculé est toujours intéressant. Il y a mieux encore : utiliser un outil permettant de simuler les transmissions de PR en fonction des liens entrants et sortants sur un [...]]]></description>
				<content:encoded><![CDATA[<p>Le <a href="http://fr.wikipedia.org/wiki/PageRank">PageRank</a> n&rsquo;est plus ce que c&rsquo;était. Autrefois (il y a deux ou trois ans), le <a href="http://css.4design.tl/tag/pagerank">PageRank</a> servait de référence absolue pour situer rapidement un site web. Aujourd&rsquo;hui, les classements ont pris le relais et j&rsquo;avoue ne plus en tenir compte dans mon surf quotidien : j&rsquo;utilise Google Chrome et je n&rsquo;ai pas d&rsquo;indicateur pour afficher le <em>PageRank</em> des sites que je visite.<span id="more-5093"></span></p>

<p>Toutefois, comprendre la façon dont le PR est calculé est toujours intéressant. Il y a mieux encore : utiliser un outil permettant de simuler les transmissions de PR en fonction des liens entrants et sortants sur un nombre de pages déterminées.</p>

<p>C&rsquo;est ce que propose <a href="http://professeurs.esiea.fr/wassner/">Hubert Wassner</a> via l&rsquo;application Java <em>PageRank Demo</em> disponible via l&rsquo;article <a href="http://professeurs.esiea.fr/wassner/?2007/06/03/74-l-algorithme-pagerank-comment-a-marche">L&rsquo;algorithme pagerank comment ça marche ?</a></p>

<div id="attachment_5096" class="wp-caption alignleft" style="width: 634px"><a href="http://css.4design.tl/files/2010/01/pagerank-demo.png"><img class="size-full wp-image-5096" src="http://css.4design.tl/files/2010/01/pagerank-demo.png" alt="Pour utiliser" width="624" height="354" /></a><p class="wp-caption-text">Cliquez une fois pour créer un point représentant une page, autant de fois que nécessaire. Cliquez-glissez entre deux points pour signifier les liens sortants. Enfin, cliquez sur PageRank pour le résultat.</p></div>

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

<ul class='related_post'><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/ecrire-pour-google-des-mots-cles-au-clickrank' title='Ecrire pour Google : des mots-clés au clickrank'>Ecrire pour Google : des mots-clés au clickrank</a></li><li><a href='http://css.4design.tl/baisse-de-pagerank-au-nom-du-pr-ainsi-soit-il' title='Bai(s)se de PageRank : au nom du PR, ainsi soit-il&#8230;'>Bai(s)se de PageRank : au nom du PR, ainsi soit-il&#8230;</a></li><li><a href='http://css.4design.tl/le-pr-contre-attaque-aujourdhui-cest-jedi' title='Le PR contre-attaque (aujourd&#039;hui, c&#039;est Jedi !)'>Le PR contre-attaque (aujourd&#039;hui, c&#039;est Jedi !)</a></li><li><a href='http://css.4design.tl/css4design-vs-google-pr-impasse-et-manque' title='css4design vs Google : PR, impasse et manque&#8230;'>css4design vs Google : PR, impasse et manque&#8230;</a></li></ul>
 <p><a href="http://css.4design.tl/?flattrss_redirect&amp;id=5093&amp;md5=ed4827f34f284631d1caecaa336ad7cf" 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/calcul-du-pagerank/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		<atom:link rel="payment" title="Flattr this!" href="https://flattr.com/submit/auto?user_id=br1o&amp;popout=1&amp;url=http%3A%2F%2Fcss.4design.tl%2Fcalcul-du-pagerank%2F&amp;language=fr_FR&amp;category=text&amp;title=Calcul+du+PageRank&amp;description=Le+PageRank+n%26rsquo%3Best+plus+ce+que+c%26rsquo%3B%C3%A9tait.+Autrefois+%28il+y+a+deux+ou+trois+ans%29%2C+le+PageRank+servait+de+r%C3%A9f%C3%A9rence+absolue+pour+situer+rapidement+un+site+web.+Aujourd%26rsquo%3Bhui%2C+les+classements...&amp;tags=Google%2CPageRank%2CPR%2Cblog" type="text/html" />
	</item>
		<item>
		<title>Sites de contenus vs sites commerciaux ?</title>
		<link>http://css.4design.tl/sites-de-contenus-vs-sites-commerciaux/</link>
		<comments>http://css.4design.tl/sites-de-contenus-vs-sites-commerciaux/#comments</comments>
		<pubDate>Thu, 25 Sep 2008 05:02:50 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Blog professionnel]]></category>
		<category><![CDATA[Google & Référencement]]></category>
		<category><![CDATA[AdWords]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Blogosphère]]></category>
		<category><![CDATA[E-commerce]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Liens sponsorisés]]></category>

		<guid isPermaLink="false">http://www.css4design.com/?p=1586</guid>
		<description><![CDATA[il est possible pour une entreprise d'être présente dans les résultats naturels de Google... Seules conditions : accepter de travailler dur pour trouver la bonne approche rédactionnelle et publiez régulièrement des contenus de qualité pour que ça se sache.]]></description>
				<content:encoded><![CDATA[<blockquote>La notion de pertinence est centrale. Les choix de Google dans la détermination de ce qui est pertinent ou non sont-ils innocents ?</blockquote>

<blockquote>Favoriser les sites de contenus, n&rsquo;est-ce pas exclure de fait les sites d&rsquo;entreprises ?</blockquote>

<p>Eh oui, ce n&rsquo;est pas toujours possible de faire du contenu intéressant quand on fait un métier qui n&rsquo;est pas grand public.<span id="more-1586"></span></p>

<p>J&rsquo;ai saisi mon clavier suite à un commentaire du billet <a href="http://blog.abondance.com/2007/09/faut-il-payer-des-liens-pour-augmenter.html">Faut-il payer des liens pour augmenter sa popularité ?</a> paru sur le blog <a href="http://blog.abondance.com">Abondance</a> où <a href="http://docs.abondance.com/oa.html">Olivier Andrieu</a> aborde l&rsquo;achat de liens sponsorisés sur des sites à fort PageRank. La position de l&rsquo;auteur est la suivante :</p>

<blockquote>J&rsquo;ajouterais même qu&rsquo;en être réduit à ce type d&rsquo;expédients [acheter des liens sponsorisés] revient à avouer la faiblesse du contenu de son propre site : acheter des liens, cela signifie qu&rsquo;on ne peut en obtenir de façon naturelle, comme un site de bonne qualité en gagne rapidement lorsqu&rsquo;il est souvent consulté grâce à sa valeur intrinsèque, &laquo;&nbsp;organique&nbsp;&raquo;&#8230;</blockquote>

<h2>Don&rsquo;t do evil do business</h2>

<p>Dans les commentaires qui ont suivis je note beaucoup d&rsquo;amertume venant des webmasters de sites commerciaux qui ne comprennent pas pourquoi Google s&rsquo;autorise la vente d&rsquo;AdWords tout en interdisant l&rsquo;achat et la <a href="http://www.css4design.com/combien-coute-un-pagerank-de-6-reponse-43166e-le-kg">vente de PageRank</a> au kilo via les liens sponsorisés&#8230;</p>

<p>Il est de bon ton de se liguer contre les puissants, et de ce point de vue, Google est une cible privilégiée et prête le flan aux critiques : on ne joue pas impunément le rôle de <em>gendarme du web</em>.</p>

<p>Pour autant, laisser penser que Google est un parasite sans valeur ajoutée qui profite sans vergogne du web en prélevant sa dime au passage est assez surréaliste. Je me souviens qu&rsquo;avant l&rsquo;arrivée de Google sur le marché, les résultats permettaient plus souvent qu&rsquo;à leur tour de s&rsquo;ouvrir sur l&rsquo;inconnu, et je reste poli ;)</p>

<p>En permettant aux internautes de trouver rapidement des réponses à leurs questions, la valeur ajoutée de Google à la communauté est immense. Le fait que Google pousse les entreprises à acheter des mots-clés <em>AdWords</em> pour exister dans des résultats (privilégiant naturellement les sites à forte valeur ajoutée au niveau des contenus) est une critique récurrente ; je suis convaincu que c&rsquo;est plutôt une bonne chose.</p>

<p>Le fait de se plaindre d&rsquo;avoir du contenu qualifié au lieu de &laquo;&nbsp;fermes de liens&nbsp;&raquo; plus ou moins déguisées m&rsquo;étonnera toujours. La séparation dans les SERP des pages à contenu purement commercial, des pages dont le but est d&rsquo;informer gratuitement les visiteurs a été une avancée majeure pour le web.</p>

<p>Sans cette distinction, le web tel qu&rsquo;on le pratique aujourd&rsquo;hui ne serait qu&rsquo;une vaste foire d&rsquo;empoigne aux mains de quelques sociétés et de leurs régies publicitaires. Qu&rsquo;on se le dise.</p>

<h2>Favoriser les sites de contenus, n&rsquo;est-ce pas exclure de fait les sites d&rsquo;entreprises ?</h2>

<p>Pour en revenir à la citation de départ qui m&rsquo;a fait réagir, il est heureusement possible pour une entreprise &#8212; quel que soit son secteur d&rsquo;activité et quel que soit la complexité de son offre commerciale &#8212; d&rsquo;être présente dans les résultats naturels&#8230; A condition d&rsquo;accepter de travailler dur pour trouver la bonne approche rédactionnelle et la régularité nécessaire pour que ça se sache.</p>

<h2>Et si on lançait un blog d&rsquo;entreprise ?</h2>

<p>Pour autant, cela ne signifie pas qu&rsquo;il suffit de lancer un blog d&rsquo;entreprise pour économiser le budget des mots-clés <em>AdWords</em> en comptant sur les <em>backlinks</em> : ils ne viendront pas spontanément mais après une immersion <em>in vivo</em> dans l&rsquo;écosystème de l&rsquo;entreprise afin d&rsquo;en cartographier la <em>marketosphère</em> et de s&rsquo;y faire une place.</p>

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

<ul class='related_post'><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/journalistes-vs-blogueurs-gladiators-inside' title='Journalistes vs Blogueurs (Gladiators inside)'>Journalistes vs Blogueurs (Gladiators inside)</a></li><li><a href='http://css.4design.tl/schema-org-microdata-google-bing-yahoo' title='Schema.org &#8212; Microdata pour Google, Bing et Yahoo!'>Schema.org &#8212; Microdata pour Google, Bing et Yahoo!</a></li><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/optimiser-son-blog-pour-le-referencement-est-inutile-dans-80-pourcent-des-cas' title='Optimiser son blog pour le référencement est inutile dans 80% des cas'>Optimiser son blog pour le référencement est inutile dans 80% des cas</a></li></ul>
 <p><a href="http://css.4design.tl/?flattrss_redirect&amp;id=1586&amp;md5=a2f080c3088a1f66bdfc00d3fe274bb7" 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/sites-de-contenus-vs-sites-commerciaux/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		<atom:link rel="payment" title="Flattr this!" href="https://flattr.com/submit/auto?user_id=br1o&amp;popout=1&amp;url=http%3A%2F%2Fcss.4design.tl%2Fsites-de-contenus-vs-sites-commerciaux%2F&amp;language=fr_FR&amp;category=text&amp;title=Sites+de+contenus+vs+sites+commerciaux%C2%A0%3F&amp;description=La+notion+de+pertinence+est+centrale.+Les+choix+de+Google+dans+la+d%C3%A9termination+de+ce+qui+est+pertinent+ou+non+sont-ils+innocents+%3F+Favoriser+les+sites+de+contenus%2C+n%26rsquo%3Best-ce+pas...&amp;tags=AdWords%2CBlog%2CBlog+professionnel%2CBlogosph%C3%A8re%2CE-commerce%2CGoogle%2CLiens+sponsoris%C3%A9s%2Cblog" type="text/html" />
	</item>
		<item>
		<title>css4design vs Google &#8212; Petite histoire du positionnement sur le mot-clé CSS</title>
		<link>http://css.4design.tl/css4design-vs-google-petite-histoire-du-positionnement-sur-le-mot-cle-css/</link>
		<comments>http://css.4design.tl/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[<p>Mes dernières notes sur le référencement ou le positionnement d&rsquo;un site web sur Google ont alimenté l&rsquo;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?PHPSESSID=sa94r1r9kr5rkhbc3d0on6afc2">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&rsquo;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&rsquo;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&rsquo;œ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&rsquo;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&rsquo;un blog c&rsquo;est bien pour se placer sur le buzz et l&rsquo;é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&rsquo;aperçois la page d&rsquo;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&rsquo;hui entre la 3ème et la 5ème page.</p>

<p>Mais ce n&rsquo;est plus la page d&rsquo;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&rsquo;attend : ma page d&rsquo;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&rsquo;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&rsquo;URL Rewriting dont j&rsquo;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&rsquo;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&rsquo;un blog afin d&rsquo;augmenter le nombre de pages vues et le temps passé sur le site. L&rsquo;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&rsquo;intérêt réel d&rsquo;un site après que l&rsquo;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&rsquo;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&rsquo;adresse du billet commenté à l&rsquo;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&rsquo;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&rsquo;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&rsquo;ordre des éléments présents dans ces 5 onglets avec dans l&rsquo;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&rsquo;idée est de voir si les visiteurs cliquent plus facilement sur les catégories parce qu&rsquo;elles sont visibles ou s&rsquo;ils iront les chercher dans l&rsquo;onglet d&rsquo;à 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&rsquo;article sur les <em>Trucs et astuces CSS</em> (qui faisait partie des plus lus depuis les 6 derniers mois) c&rsquo;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&rsquo;accueil déjà présente sur cette requête n&rsquo;a pas disparue pour autant.</p>

<p>Ce qui est étonnant, c&rsquo;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&rsquo;est bon, mangez-en !</h4>

<p>Le deuxième point que je voulais partager avec vous, c&rsquo;est la force des tags et la gourmandise dont fait preuve Google à leur égard. Sur ce blog, les tags n&rsquo;ont pas toujours existé et j&rsquo;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&rsquo;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&rsquo;est déceptif pour le visiteur qui s&rsquo;attend à trouver une ressource unique et pertinente au lieu d&rsquo;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&rsquo;ai utilisé les tags pour faire remonter les tutoriels toutes catégories confondues en utilisant le tag &laquo;&nbsp;Tutoriels&nbsp;&raquo; qu&rsquo;ils ont en commun. Le but est d&rsquo;améliorer la densité des termes liés à l&rsquo;intégration HTML et CSS, à WordPress et au graphisme, qui forment le cœur de la ligne éditoriale de ce blog. Pour éviter d&rsquo;encombrer la page d&rsquo;accueil, je n&rsquo;affiche qu&rsquo;un seul article au hasard parmi ceux qui sont taggués &laquo;&nbsp;Tutoriels&nbsp;&raquo; car il n&rsquo;y a pas que Google qui visite ce blog&#8230;</p>

<h3>Réorganisation de la page d&rsquo;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&rsquo;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&rsquo;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&rsquo;afficher l&rsquo;intégralité de votre dernier billet sur la page d&rsquo;accueil avec des liens vers vos anciens billets accompagnés d&rsquo;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&rsquo;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&rsquo;un blog sur un certain nombre de mots-clés en fonction d&rsquo;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&rsquo;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&rsquo;imagine que c&rsquo;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&rsquo;image du site : quelque chose semble cassé (ou alors il faut changer d&rsquo;intitulé pour la liste).</li>
    <li>Bien que je ne l&rsquo;utilise pas, je ne doute pas de l&rsquo;efficacité du plugin <em>Landing Pages</em>. Mais je n&rsquo;ai pas encore trouvé de blog qui parvenait à l&rsquo;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&rsquo;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&rsquo;ajouter à la confusion.</li>
</ol>

<p>Grâce à <a href="http://wordpress.org/extend/plugins/simple-tags/">Simple Tags</a>, j&rsquo;ai commencé un travail fastidieux : renommer certains tags, en supprimer d&rsquo;autres, ajouter des tags à d&rsquo;autres tags, jusqu&rsquo;à 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&rsquo;est une juste une question d&rsquo;é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&rsquo;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&rsquo;est être au four et au moulin tout en gardant un oeil sur l&rsquo;horizon.</p>

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

<ul class='related_post'><li><a href='http://css.4design.tl/seo-optimiser-le-referencement-de-wordpress-avec-les-descriptions-de-tags' title='SEO &#8212; Optimiser le référencement de WordPress avec les descriptions de tags'>SEO &#8212; Optimiser le référencement de WordPress avec les descriptions de tags</a></li><li><a href='http://css.4design.tl/fonctions-metier-integrateur-web' title='Quelques notes sur les fonctions de l&#039;intégrateur web et de l&#039;intégratrice web'>Quelques notes sur les fonctions de l&#039;intégrateur web et de l&#039;intégratrice web</a></li><li><a href='http://css.4design.tl/quelques-notes-sur-la-balise-h1-avec-html5' title='Quelques notes sur la balise h1 avec HTML5'>Quelques notes sur la balise h1 avec HTML5</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></ul>
 <p><a href="http://css.4design.tl/?flattrss_redirect&amp;id=618&amp;md5=9e480bbeebb18499c802cf2bdfd2208a" 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-vs-google-petite-histoire-du-positionnement-sur-le-mot-cle-css/feed/</wfw:commentRss>
		<slash:comments>21</slash:comments>
		<atom:link rel="payment" title="Flattr this!" href="https://flattr.com/submit/auto?user_id=br1o&amp;popout=1&amp;url=http%3A%2F%2Fcss.4design.tl%2Fcss4design-vs-google-petite-histoire-du-positionnement-sur-le-mot-cle-css%2F&amp;language=fr_FR&amp;category=text&amp;title=css4design+vs+Google+%26%238212%3B+Petite+histoire+du+positionnement+sur+le+mot-cl%C3%A9+CSS&amp;description=Mes+derni%C3%A8res+notes+sur+le+r%C3%A9f%C3%A9rencement+ou+le+positionnement+d%26rsquo%3Bun+site+web+sur+Google+ont+aliment%C3%A9+l%26rsquo%3Barticle+Petite+Casquette%26%238230%3B+il+y+a+un+an+environ.+Depuis+%26%238212%3B+%C3%A0+part+des...&amp;tags=Google%2Cpositionnement%2CQuelques+notes%2CR%C3%A9f%C3%A9rencement%2CRequ%C3%AAte%2CSilo%2CSiloing%2CTag%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&rsquo;est-à-dire sur ce qui nous manque dans la pratique du blog. Je me souviens avoir fait part de mes états d&rsquo;â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&rsquo;attitude peu sociable des visiteurs qui &#8212; ayant trouvé ce qu&rsquo;ils étaient venu cherché via Google &#8212; repartaient sur la pointe des pieds, sans un ch&rsquo;ti commentaire&#8230;<span id="more-466"></span></p>

<p>Aujourd&rsquo;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&rsquo;entre eux trouve du premier coup ce qu&rsquo;ils sont venus chercher, ou au contraire, qu&rsquo;é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&rsquo;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&rsquo;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&rsquo;était mon coup de &laquo;&nbsp;Caphar&nbsp;&raquo; pour l&rsquo;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&rsquo;autres CMS</a>, je ne ferais pas d&rsquo;invitation nominative. En revanche, j&rsquo;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" title="Flattr this!" href="https://flattr.com/submit/auto?user_id=br1o&amp;popout=1&amp;url=http%3A%2F%2Fcss.4design.tl%2Fmon-manque-a-bloguer%2F&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%26rsquo%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>
		<item>
		<title>1000 ressources pour le développement web et WordPress</title>
		<link>http://css.4design.tl/1000-ressources-pour-wordpress-et-le-developpement-web/</link>
		<comments>http://css.4design.tl/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, vous cherchez le bon plugin jQuery pour votre projet ou vous êtes tout simplement friand de ressources indispensables pour la création de sites web et vous utilisez WordPress ? 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 des matières Vous avez besoin d’un moteur de recherche ? Ctrl + F ! 1. La boite à outils du codeur de site web 2. 22 éditeurs HTML et CSS pour Windows, Mac OS [...]]]></description>
				<content:encoded><![CDATA[<p>Vous voulez un bon éditeur de page HTML et CSS, vous cherchez le bon <em>plugin</em> jQuery pour votre projet ou vous êtes tout simplement friand de ressources indispensables pour la création de sites web et vous utilisez WordPress ? Le titre est trompeur : il n&rsquo;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>
<h3>Table des matières</h3>
Vous avez besoin d’un moteur de recherche ? <em>Ctrl + F</em> !
<h4>1. <a href="#dev">La boite à outils du codeur de site web</a></h4>
<h5>2. <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>
<h5>3. <a href="#javascript">Javascript</a></h5>
<ul class="texte">
    <li><a title="240 plugins jQuery classés par thèmes" href="#jquery">240 plugins jQuery</a> | <a title="240 plugins jQuery classés par thèmes" href="#listjquery"></a></li>
    <li><a href="#jqueryplus">6 Ressources complémentaires pour jQuery</a></li>
    <li><a href="#frameworksJS">Autres frameworks Javascript</a></li>
</ul>
<h5>4. <a href="#resources">Ressources pour webdesigner</a></h5>
<ul class="texte">
    <li><a href="#field">Webdevelopers Field Guide : 750 liens pour webdesigner</a></li>
    <li><a href="#firefox">Extensions Firefox : développement et référencement</a></li>
    <li><a href="#browserTest">Tester vos pages web dans différents navigateurs</a></li>
    <li><a href="#monitoring">Monitoring de sites web</a></li>
    <li><a href="#icones">Icônes et goodies pour photoshop</a></li>
    <li><a href="#tuto">Tutoriels ou tutoriaux webdesign</a></li>
    <li><a href="#references">Références, outils et dictionnaires</a></li>
    <li><a href="#inspiration">Inspiration, expiration&#8230;</a></li>
</ul>
<h4>5. <a href="#wordpress">WordPress</a></h4>
<ol class="texte">
    <li><a href="#official">Listes quasi-officielles</a></li>
    <li><a href="#adsense">17 plugins AdSense pour WordPress</a></li>
    <li><a href="#pluginsComments">7 Plugins WordPress pour favoriser les commentaires</a></li>
    <li><a href="#pluginsTwitter">10 Plugins WordPress pour Twitter</a></li>
    <li><a href="#pluginsVrac">Vrac de plugins pour WordPress</a></li>
    <li><a href="#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>
<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&rsquo;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&rsquo;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://download.cnet.com/XMLBuddy/3000-7241_4-10422909.html">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&rsquo;écrire des expressions mathématiques (un peu de la même manière qu&rsquo;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>
    <li>Retrouvez la liste complète des <a href="ftp://ftp-developpez.com/bcourtin/articles/eclipse/plugins/plugins.pdf">plugins Eclipse</a> sous forme d&rsquo;un PDF mis à jour par <a href="http://bcourtin.developpez.com/">Benoît Courtine</a>.</li>
</ul>

<h5 id="autres">Autres éditeurs</h5>
<ul>
    <li><a href="http://www.macromedia.com/fr/software/dreamweaver">Dreamweaver</a> &#8212; Cet éditeur de pages web créé par Macromedia puis racheté par Adobe. 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&rsquo;achat du produit. L&rsquo;aspect <em>ouiziouigue</em> du bidule est encore &#8211; dans la version CS3 &#8211; réservé aux gadgétophiles. 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;</li>
    <li><a href="http://notepad-plus.sourceforge.net/fr/site.htm">Notepad++</a> &#8212; Quand Dreamweaver m&rsquo;ennuie, c&rsquo;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&rsquo;en n&rsquo;utilise pas le dixième). 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. Les moins : l&rsquo;auto-complétion des propriétés CSS n&rsquo;est pas vraiment contextuelle (contrairement à Dreamweaver).</li>
    <li><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&rsquo;é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&rsquo;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&rsquo;est sur <a href="http://www.framasoft.net/article2243.html">Framasoft</a>. (Merci <a href="http://blog.burninghat.net/">burningHat</a>).</li>
    <li><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&rsquo;avenir. Des fondations de Nvu, KompoZer semble avoir gardé le goût de la non-simplicité pour la gestion des feuilles de style, notamment. D&rsquo;autres infos sur Nvu (valable pour KompoZer ?) sur <a href="http://www.geckozone.org/forum/viewtopic.php?t=24967">geckozone</a>.</li>
    <li><a href="http://intype.info">Intype</a> &#8212; Ce puissant éditeur de code est d&rsquo;après <a href="http://p4bl0.net/">p4bl0</a> l&rsquo;équivalent de TextMate sur Windows. Encore en version <em>Alpha</em>, vous pourrez suivre l&rsquo;évolution du développement de cet éditeur prometteur <a href="http://intype.info/">sur le blog</a>.</li>
    <li><a href="http://www.chami.com/html-kit/download/">HTML-Kit</a> &#8212; J&rsquo;ai une relation ambiguë avec ce logiciel : je l&rsquo;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&rsquo;est un très bon produit et je ne désespère pas de m&rsquo;y adapter un jour ! Il est possible d&rsquo;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.</li>
    <li><a href="http://www.ultraedit.com/index.php?name=Downloads&amp;d_op=viewdownload&amp;cid=1">UltraEdit-32</a> &#8212; C&rsquo;est un éditeur de code source qui supporte la plupart des langages (C++, PHP, HTML, VB Perl, Java). Il dispose aussi d&rsquo;un module FTP et permet &#8211; comme Notepad++ d&rsquo;enregistrer des macro-commandes pour les tâches répétitives. Ce n&rsquo;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 !</li>
    <li><a href="http://www.jedit.org/">Jedit</a> &#8211;C&rsquo;est un éditeur écrit en Java, ce qui lui permet de fonctionner sous toutes les plate-formes.</li>
    <li><a href="http://quanta.kdewebdev.org/">Quanta Plus</a> &#8212; Avec cet éditeur de texte, on sort un peu du développement web, puisqu&rsquo;il permet également de créer des livrets de documentation, ce qui peut toujours être utile.</li>
    <li><a href="http://cssed.sourceforge.net/">CSSED</a> &#8212; Cet éditeur de feuilles de style CSS nécessite l&rsquo;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 !</li>
    <li><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 ?).</li>
    <li><a href="http://www.pspad.com/fr/">PSPad</a> &#8212; Le meilleur pour la fin ? C&rsquo;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&rsquo;ensemble fournit un environnement de développement de pages web très complet et simple d&rsquo;utilisation. Parmi les petits plus appréciables : un générateur de faux-texte <em>Lorem Ipsum</em> et l&rsquo;intégration de Google avec des options de recherche avancées, toujours utiles en plein travail. A noter que la version Pro de TopStyle inclut un éditeur HTML.</li>
    <li><a href="http://scribes.sourceforge.net">Scribes</a> &#8212; C&rsquo;est un éditeur pour Linux, puissant tout en restant simple et léger.</li>
    <li><a href="http://www.gnome.org/projects/gedit/">gedit</a> &#8212; Il s&rsquo;agit de l&rsquo;éditeur de texte officiel pour l&rsquo;environnement de bureau GNOME.</li>
    <li><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&rsquo;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 ;)</li>
</ul>

<h4>Mac OS X 10.4+</h4>
<ul>
    <li><a href="http://macromates.com/">TextMate</a> &#8212; L&rsquo;éditeur manquant ? Sur Windows, en tout cas, c&rsquo;est sûr ;)</li>
    <li> <a href="http://www.barebones.com/products/bbedit/index.shtml">BBEdit</a> &#8212; Si vous êtes Apple Addict.</li>
    <li><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&rsquo;administration de serveur Unix.</li>
    <li><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.</li>
    <li><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>.</li>
    <li><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.</li>
</ul>
</div>

<div class="toggle">
<h3 id="javascript">Javascript</h3>
<h4 id="jquery">240 plugins jQuery</h4>
Cette magnifique liste provient de <a href="http://sastgroup.com/">Sastgroup.com</a>, trouvé via <a href="http://www.taggle.org/">taggle.org</a> et <a href="http://www.bizetfamily.net/post/2007/11/26/Liste-de-240-plugins-pour-Jquery">bizetfamily</a>

<hr class="space" />
<h5 id="formValidation">Validation de formulaires</h5>
<ul class="texte">
    <li><a href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/">jQuery Validation</a></li>
    <li><a href="http://www.dyve.net/jquery/?autohelp">Auto Help</a></li>
    <li><a href="http://www.willjessup.com/sandbox/jquery/form_validator/form_validate.html">Simple jQuery form validation</a></li>
    <li><a href="http://letmehaveblog.blogspot.com/2007/08/easy-client-side-web-forms-validations.html">jQuery XAV &#8211; form validations</a></li>
    <li><a href="http://itgroup.com.ph/alphanumeric/">jQuery AlphaNumeric</a></li>
    <li> <a href="http://digitalbush.com/projects/masked-input-plugin">Masked Input</a></li>
    <li><a href="http://www.dennydotnet.com/post/TypeWatch-jQuery-Plugin.aspx">TypeWatch Plugin</a></li>
    <li><a href="http://jquery.com/plugins/project/TextLimiter">Text limiter for form fields</a></li>
    <li><a href="http://www.shawngo.com/gafyd/index.html">Ajax Username Check with jQuery</a></li>
</ul>

<h5 id="fileUpload">Téléchargement de fichiers</h5>
<ul class="texte">
    <li><a href="http://www.phpletter.com/Demo/AjaxFileUpload-Demo/">Ajax File Upload</a></li>
    <li><a href="http://www.pixeline.be/experiments/jqUploader/">jQUploader</a></li>
    <li><a href="http://www.fyneworks.com/jquery/multiple-file-upload/">Multiple File Upload plugin</a></li>
    <li><a href="http://www.appelsiini.net/projects/filestyle">jQuery File Style</a></li>
    <li><a href="http://jquery.com/plugins/project/InputFileCSS">Styling an input type file</a></li>
    <li><a href="http://digitalbush.com/projects/progress-bar-plugin">Progress Bar Plugin</a></li>
</ul>

<h5 id="formStuff">Formulaires &#8212; Menu select, etc.</h5>
<ul class="texte">
    <li><a href="http://jquery.sanchezsalvador.com/page/jquerycombobox.aspx">jQuery Combobox</a></li>
    <li><a href="http://www.ajaxray.com/2007/11/08/jquery-controlled-dependent-or-cascading-select-list-2/">jQuery controlled dependent  (or Cascadign) Select List</a></li>
    <li><a href="http://code.google.com/p/jqmultiselects/">Multiple Selects</a></li>
    <li><a href="http://www.texotela.co.uk/code/jquery/select/">Select box manipulation</a></li>
    <li><a href="http://code.google.com/p/jqueryselectcombo/">Select Combo Plugin</a></li>
    <li><a href="http://www.msxhost.com/jquery/linked-selects/json/%20target=">jQuery &#8211; LinkedSelect</a></li>
    <li> <a href="http://remysharp.com/2007/09/18/auto-populate-multiple-select-boxes/">Auto-populate multiple select boxes</a></li>
    <li><a href="http://www.sitespotting.it/esempi/002/">Choose Plugin (Select Replacement)</a></li>
</ul>

<h5 id="formBasics">Formulaire de base, Champs texte, cases à cocher, etc.</h5>
<ul class="texte">
    <li><a href="http://www.malsup.com/jquery/form/">jQuery Form Plugin</a></li>
    <li> <a href="http://code.handlino.com/wiki/jquery-form">jQuery-Form</a></li>
    <li><a href="http://envero.org/jlook/">jLook Nice Forms</a></li>
    <li> <a href="http://www.whitespace-creative.com/jquery/jNice/">jNice</a></li>
    <li><a href="http://www.brainfault.com/2007/07/07/pin-plugin-reloaded/">Ping Plugin</a></li>
    <li><a href="http://grzegorz.frydrychowicz.net/jquery_toggleformtext/">Toggle Form Text</a></li>
    <li><a href="http://thoughts.kuzemchak.net/entry/toggleval-for-jquery/">ToggleVal</a></li>
    <li><a href="http://www.pengoworks.com/workshop/jquery/field.plugin.htm">jQuery Field Plugin</a></li>
    <li><a href="http://code.befruit.com/">jQuery Form’n Field plugin</a></li>
    <li><a href="http://www.texotela.co.uk/code/jquery/checkboxes/">jQuery Checkbox manipulation</a></li>
    <li><a href="http://www.alcoholwang.cn/jquery/jTaggingDemo.htm">jTagging</a></li>
    <li><a href="http://code.google.com/p/labelcheck/">jQuery labelcheck</a></li>
    <li><a href="http://scott.sauyet.com/thoughts/archives/2007/03/31/overlabel-with-jquery/">Overlabel</a></li>
    <li><a href="http://blog.amicoimmaginario.it/2007/08/28/jquery-plugin-3-state-radio-buttons/">3 state radio buttons</a></li>
    <li><a href="http://sanisoft-demo.com/jquery/plugins/shiftcheckbox/">ShiftCheckbox jQuery Plugin</a></li>
    <li><a href="http://digitalbush.com/projects/watermark-input-plugin">Watermark Input</a></li>
    <li><a href="http://kawika.org/jquery/checkbox/">jQuery Checkbox (checkboxes with imags)</a></li>
    <li><a href="http://www.softwareunity.com/sandbox/jqueryspinbtn/">jQuery SpinButton Control</a></li>
    <li><a href="http://www.phpletter.com/form_builder/demo.html">jQuery Ajax Form Builder</a></li>
    <li><a href="http://www.texotela.co.uk/code/jquery/focusfields/">jQuery Focus Fields</a></li>
    <li><a href="http://home.iprimus.com.au/kbwood/jquery/timeEntry.html">jQuery Time Entry</a></li>
</ul>

<h5 id="time">Heure, date et sélectionneur de couleur</h5>
<ul class="texte">
    <li><a href="http://marcgrabanski.com/code/ui-datepicker/">jQuery UI Datepicker</a></li>
    <li><a href="http://kelvinluck.com/assets/jquery/datePicker/">jQuery date picker plugin</a></li>
    <li><a href="http://code.google.com/p/jquery-timepicker/">jQuery Time Picker</a></li>
    <li><a href="http://www.texotela.co.uk/code/jquery/timepicker/">Time Picker</a></li>
    <li><a href="http://www.oakcitygraphics.com/jquery/clockpick/ClockPick.cfm">ClickPick</a></li>
    <li><a href="http://labs.perifer.se/timedatepicker/">TimePicker</a></li>
    <li><a href="http://acko.net/dev/farbtastic">Farbtastic jQuery Color Picker Plugin</a></li>
    <li><a href="http://www.intelliance.fr/jquery/color_picker/">Color Picker by intelliance.fr</a></li>
</ul>

<h5 id="rating">Plugins d&rsquo;évaluation (rating)</h5>
<ul class="texte">
    <li><a href="http://www.phpletter.com/Demo/Jquery-Star-Rating-Plugin/#">jQuery Star Rating Plugin</a></li>
    <li><a href="http://www.m3nt0r.de/devel/raterDemo/">jQuery Star Rater</a></li>
    <li><a href="http://riderdesign.com/articles/displayarticle.aspx?articleid=21">Content rater with asp.net, ajax and jQuery</a></li>
    <li><a href="http://www.learningjquery.com/2007/05/half-star-rating-plugin">Half-Star Rating Plugin</a></li>
</ul>

<h5 id="searchPlugin">Plugins de recherche</h5>
<ul class="texte">
    <li><a href="http://www.vulgarisoip.com/2007/08/06/jquerysuggest-11/">jQuery Suggest</a></li>
    <li><a href="http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/">jQuery Autocomplete</a></li>
    <li><a href="http://www.pengoworks.com/workshop/jquery/autocomplete.htm">jQuery Autocomplete Mod</a></li>
    <li><a href="http://www.ajaxdaddy.com/demo-jquery-autocomplete.html">jQuery Autocomplete by AjaxDaddy</a></li>
    <li><a href="http://dev.reach1to1.net/saurabh/jplugins/autocomplete/">jQuery Autocomplete Plugin with HTML formatting</a></li>
    <li><a href="http://interface.eyecon.ro/docs/autocomplete">jQuery Autocompleter</a></li>
    <li><a href="http://nodstrum.com/2007/09/19/autocompleter/">AutoCompleter (Tutorial with PHP&amp;MySQL)</a></li>
    <li><a href="http://rikrikrik.com/jquery/quicksearch/">quick Search jQuery Plugin</a></li>
</ul>

<h5 id="inlineEditor">Editeurs en ligne</h5>
<ul class="texte">
    <li><a href="http://www.jaysalvat.com/jquery/jtageditor/">jTagEditor</a></li>
    <li><a href="http://demo.wymeditor.org/demo.html">WYMeditor</a></li>
    <li><a href="http://garage.pimentech.net/scripts_doc_jquery_jframe/">jQuery jFrame</a></li>
    <li><a href="http://www.appelsiini.net/projects/jeditable">Jeditable &#8211; edit in place plugin for jQuery</a></li>
    <li><a href="http://www.dyve.net/jquery/?editable">jQuery editable</a></li>
    <li><a href="http://www.jdempster.com/category/jquery/disableTextSelect/">jQuery Disable Text Select Plugin</a></li>
    <li><a href="http://15daysofjquery.com/edit-in-place-with-ajax-using-jquery-javascript-library/15/">Edit in Place with Ajax using jQuery</a></li>
    <li><a href="http://davehauenstein.com/archives/28">jQuery Plugin &#8211; Another In-Place Editor</a></li>
    <li><a href="http://dev.iceburg.net/jquery/tableEditor/demo.php">TableEditor</a></li>
    <li><a href="http://joshhundley.com/teditable-in-place-editing-for-tables/">tEditable &#8211; in place table editing for jQuery</a></li>
</ul>

<h5 id="multimedia">Audio, Vidéo, Flash, SVG, etc.</h5>
<ul class="texte">
    <li><a href="http://www.contentwithstructure.com/extras/jmedia">jMedia &#8211; accessible multi-media embedding</a></li>
    <li><a href="http://sourceforge.net/projects/jbedit/">JBEdit &#8211; Ajax online Video Editor</a></li>
    <li><a href="http://www.sean-o.com/jquery/jmp3/">jQuery MP3 Plugin</a></li>
    <li><a href="http://malsup.com/jquery/media/">jQuery Media Plugin</a></li>
    <li><a href="http://jquery.lukelutman.com/plugins/flash/index.html">jQuery Flash Plugin</a></li>
    <li><a href="http://www.solitude.dk/archives/embedquicktime/">Embed QuickTime</a></li>
    <li><a href="http://keith-wood.name/svg.html">SVG Integration</a></li>
</ul>

<h5 id="images">Photos &#8212; Images&#8211; Galleries</h5>
<ul class="texte">
    <li><a href="http://jquery.com/demo/thickbox/">ThickBox</a></li>
    <li><a href="http://leandrovieira.com/projects/jquery/lightbox/">jQuery lightBox plugin</a></li>
    <li><a href="http://blog.joshuaeichorn.com/archives/2007/01/11/jquery-image-strip/">jQuery Image Strip</a></li>
    <li><a href="http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html">jQuery slideViewer</a></li>
    <li><a href="http://benjaminsterling.com/2007/09/09/jquery-jqgalscroll-photo-gallery/">jQuery jqGalScroll 2.0</a></li>
    <li><a href="http://benjaminsterling.com/2007/10/02/jquery-jqgalviewii-photo-gallery/">jQuery &#8211; jqGalViewII</a></li>
    <li><a href="http://benjaminsterling.com/2007/10/21/jqgalviewiii-proof-of-concept/">jQuery &#8211; jqGalViewIII</a></li>
    <li><a href="http://opiefoto.com/articles/photoslider">jQuery Photo Slider</a></li>
    <li><a href="http://joanpiedra.com/jquery/thumbs/">jQuery Thumbs &#8211; easily create thumbnails</a></li>
    <li><a href="http://www.texotela.co.uk/code/jquery/jQIR/">jQuery jQIR Image Replacement</a></li>
    <li><a href="http://www.gmarwaha.com/jquery/jcarousellite/index.php#what">jCarousel Lite</a></li>
    <li><a href="http://projects.sevir.org/storage/jpanview/index.html">jQPanView</a></li>
    <li><a href="http://sorgalla.com/projects/jcarousel/#Examples">jCarousel</a></li>
    <li><a href="http://www.intelliance.fr/jquery/imagebox/">Interface Imagebox</a></li>
    <li><a href="http://www.getintothis.com/2006/10/12/image-gallery-using-jquery-interface-reflections/">Image Gallery using jQuery, Interface &amp; Reflactions</a></li>
    <li><a href="http://realazy.org/lab/jquery/j-gallery/">simple jQuery Gallery</a></li>
    <li><a href="http://chicagosocial.com/gallery/">jQuery Gallery Module</a></li>
    <li><a href="http://www.eogallery.com/">EO Gallery</a></li>
    <li><a href="http://flesler.blogspot.com/search/label/jQuery.ScrollShow">jQuery ScrollShow</a></li>
    <li><a href="http://www.malsup.com/jquery/cycle/">jQuery Cycle Plugin</a></li>
    <li><a href="http://www.projectatomic.com/en/flickr.htm">jQuery Flickr</a></li>
    <li><a href="http://www.appelsiini.net/2007/9/lazy-load-images-jquery-plugin">jQuery Lazy Load Images Plugin</a></li>
    <li><a href="http://www.sunsean.com/zoomi/">Zoomi &#8211; Zoomable Thumbnails</a></li>
    <li><a href="http://remysharp.com/2007/03/19/a-few-more-jquery-plugins-crop-labelover-and-pluck/#crop">jQuery Crop &#8211; crop any image on the fly</a></li>
    <li><a href="http://jquery.com/plugins/project/reflection">Image Reflection</a></li>
</ul>

<h5 id="googleMap">Google Map</h5>
<ul class="texte">
    <li><a href="http://www.dyve.net/jquery/?googlemaps">jQuery Plugin googlemaps</a></li>
    <li><a href="http://code.google.com/p/jmaps/">jMaps jQuery Maps Framework</a></li>
    <li><a href="http://projects.sevir.org/storage/jqmaps/index.html">jQmaps</a></li>
    <li><a href="http://olbertz.de/jquery/googlemap.html#">jQuery &amp; Google Maps</a></li>
    <li><a href="http://snippets.dzone.com/posts/show/4361">jQuery Maps Interface forr Google and Yahoo maps</a></li>
    <li><a href="http://webrocket.ulmb.com/jmaps/">jQuery J Maps &#8211; by Tane Piper</a></li>
</ul>

<h5 id="games">Jeux</h5>
<ul class="texte">
    <li><a href="http://fmarcia.info/jquery/tetris/tetris.html">Tetris with jQuery</a></li>
    <li><a href="http://64squar.es/">jQuery Chess</a></li>
    <li> <a href="http://www.bennadel.com/623-jQuery-Demo-Mad-Libs-Word-Game.htm">Mad Libs Word Game</a></li>
    <li><a href="http://www.alexatnet.com/node/68">jQuery Puzzle</a></li>
    <li><a href="http://www.willjessup.com/sandbox/jquery/solar_system/rotator.html">jQuery Solar System (not a game but awesome jQuery Stuff)</a></li>
</ul>

<h5 id="tables">Tableaux, grilles etc.</h5>
<ul class="texte">
    <li><a href="http://docs.jquery.com/Plugins/Tablesorter">UI/Tablesorter</a></li>
    <li><a href="http://www.reconstrukt.com/ingrid/">jQuery ingrid</a></li>
    <li><a href="http://www.trirand.com/?p=13">jQuery Grid Plugin</a></li>
    <li><a href="http://ideamill.synaptrixgroup.com/jquery/tablefilter/tabletest.htm">Table Filter &#8211; awesome!</a></li>
    <li><a href="http://dev.iceburg.net/jquery/tableEditor/demo.php">TableEditor</a></li>
    <li><a href="http://www.hanpau.com/jquery/unobtrusivetreetable.php">jQuery Tree Tables</a></li>
    <li><a href="http://www.javascripttoolbox.com/jquery/#expandablerows">Expandable “Detail” Table Rows</a></li>
    <li><a href="http://www.remotesynthesis.com/index.cfm/2007/9/25/Sortable-Table-ColdFusion-Custom-Tag-with-jQueryUI">Sortable Table ColdFusion Costum Tag with jQuery UI</a></li>
    <li><a href="http://flesler.blogspot.com/2007/10/jquerybubble.html">jQuery Bubble</a></li>
    <li><a href="http://tablesorter.com/docs/">TableSorter</a></li>
    <li><a href="http://www.webtoolkit.info/demo/jquery/scrollable/demo.html">Scrollable HTML Table</a></li>
    <li><a href="http://p.sohei.org/stuff/jquery/columnmanager/demo/demo.html">jQuery column Manager Plugin</a></li>
    <li><a href="http://p.sohei.org/stuff/jquery/tablehover/demo/demo.html">jQuery tableHover Plugin</a></li>
    <li><a href="http://p.sohei.org/stuff/jquery/columnhover/demo/demo.html">jQuery columnHover Plugin</a></li>
    <li><a href="http://makoomba.altervista.org/grid/">jQuery Grid</a></li>
    <li><a href="http://motherrussia.polyester.se/jquery-plugins/tablesorter/">TableSorter plugin for jQuery</a></li>
    <li><a href="http://joshhundley.com/teditable-in-place-editing-for-tables/">tEditable &#8211; in place table editing for jQuery</a></li>
    <li><a href="http://www.hovinne.com/dev/jquery/chartotable/">jQuery charToTable Plugin</a></li>
    <li><a href="http://www.ita.es/jquery/jquery.grid.columnSizing.htm">jQuery Grid Column Sizing</a></li>
    <li><a href="http://www.ita.es/jquery/jquery.grid.rowSizing.htm">jQuery Grid Row Sizing</a></li>
</ul>

<h5 id="charts">Graphiques, présentation, etc.</h5>
<ul class="texte">
    <li><a href="http://worcesterwideweb.com/2007/06/04/jquery-wizard-plugin/">jQuery Wizard Plugin </a></li>
    <li><a href="http://www.reach1to1.com/sandbox/jquery/jqchart/">jQuery Chart Plugin</a></li>
    <li><a href="http://ejohn.org/apps/speed/">Bar Chart</a></li>
</ul>

<h5 id="border">Bordures, coins, fond (background)</h5>
<ul class="texte">
    <li><a href="http://www.malsup.com/jquery/corner/">jQuery Corner</a></li>
    <li><a href="http://blue-anvil.com/archives/anti-aliased-rounded-corners-with-jquery">jQuery Curvy Corner</a></li>
    <li><a href="http://dev.jquery.com/%7Epaul/plugins/nifty/example.html">Nifty jQuery Corner</a></li>
    <li><a href="http://illandril.net/jQuery/transparentCorners/">Transparent Corners</a></li>
    <li><a href="http://www.methvin.com/jquery/jq-corner.html">jQuery Corner Gallery</a></li>
    <li><a href="http://blog.brandonaaron.net/my-jquery-plugins/gradient/">Gradient Plugin</a></li>
</ul>

<h5 id="text">Textes et liens</h5>
<ul class="texte">
    <li><a href="http://wanderinghorse.net/computing/javascript/jquery/spoilers/demo.html">jQuery Spoiler plugin</a></li>
    <li><a href="http://johannburkard.de/programming/javascript/highlight-javascript-text-higlighting-jquery-plugin.html">Text Highlighting</a></li>
    <li><a href="http://www.jdempster.com/category/jquery/disableTextSelect/">Disable Text Select Plugin</a></li>
    <li><a href="http://www.texotela.co.uk/code/jquery/newsticker/">jQuery Newsticker</a></li>
    <li><a href="http://www.ollicle.com/2007/jun/03/jquery_lineheight_flexible.html">Auto line-height Plugin</a></li>
    <li><a href="http://agencenp.net/textgrad/textgrad.html">Textgrad &#8211; a text gradient plugin</a></li>
    <li><a href="http://kawika.org/jquery/linklook/">LinkLook &#8211; a link thumbnail preview</a></li>
    <li><a href="http://rikrikrik.com/jquery/pager/#examples">pager jQuery Plugin</a></li>
    <li><a href="http://rikrikrik.com/jquery/shortkeys/">shortKeys jQuery Plugin</a></li>
    <li><a href="http://www.ollicle.com/eg/jquery/biggerlink">jQuery Biggerlink</a></li>
    <li><a href="http://troy.dyle.net/linkchecker/">jQuery Ajax Link Checker</a></li>
</ul>

<h5 id="tooltips">Afficher de l&rsquo;aide (tooltips)</h5>
<ul class="texte">
    <li><a href="http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/">jQuery Plugin &#8211; Tooltip</a></li>
    <li><a href="http://www.codylindley.com/blogstuff/js/jtip/">jTip &#8211; The jQuery Tool Tip</a></li>
    <li><a href="http://examples.learningjquery.com/62/demo/index.html#examplesection">clueTip</a></li>
    <li><a href="http://edgarverle.com/BetterTip/default.cfm">BetterTip</a></li>
    <li><a href="http://ioreader.com/2007/05/15/flash-tooltips-using-jquery/">Flash Tooltips using jQuery</a></li>
    <li><a href="http://www.texotela.co.uk/code/jquery/tooltipdemo/">ToolTip</a></li>
</ul>

<h5 id="menus">Menus, navigation</h5>
<ul class="texte">
    <li><a href="http://stilbuero.de/jquery/tabs_3/">jQuery Tabs Plugin &#8211; awesome! </a> [<a href="http://stilbuero.de/jquery/tabs_3/nested.html">demo nested tabs</a>]</li>
    <li><a href="http://blog.cutterscrossing.com/index.cfm/2007/6/15/Updated-JQuery-Nested-Tab-Set-with-Demo">another jQuery nested Tab Set example (based on jQuery Tabs Plugin)</a></li>
    <li><a href="http://www.sunsean.com/idTabs/">jQuery idTabs</a></li>
    <li><a href="http://jdsharp.us/jQuery/plugins/jdMenu/">jdMenu &#8211; Hierarchical Menu Plugin for jQuery</a></li>
    <li><a href="http://be.twixt.us/jquery/suckerFish.php">jQuery SuckerFish Style</a></li>
    <li><a href="http://bassistance.de/jquery-plugins/jquery-plugin-treeview/">jQuery Plugin Treeview</a></li>
    <li><a href="http://be.twixt.us/jquery/treeView.php">treeView Basic</a></li>
    <li><a href="http://labs.activespotlight.net/jQuery/menu_demo.html">FastFind Menu</a></li>
    <li><a href="http://www.getintothis.com/2006/09/26/my-first-jquery-plugin-a-sliding-menu/">Sliding Menu</a></li>
    <li><a href="http://gmarwaha.com/?p=7">Lava Lamp jQuery Menu</a></li>
    <li><a href="http://icon.cat/wiki/IconDock_En#iconDock_jQuery_Plugin">jQuery iconDock</a></li>
    <li><a href="http://cherne.net/brian/resources/jquery.variations.html">jVariations Control Panel</a></li>
    <li><a href="http://www.trendskitchens.co.nz/jquery/contextmenu/">ContextMenu plugin</a></li>
    <li><a href="http://p.sohei.org/jquery-plugins/clickmenu/">clickMenu</a></li>
    <li><a href="http://www.ndesign-studio.com/mac/css-dock-menu">CSS Dock Menu</a></li>
    <li><a href="http://webexpose.org/2006/12/28/jquery-pop-up-menu-tutorial/">jQuery Pop-up Menu Tutorial</a></li>
    <li><a href="http://www.getintothis.com/2006/09/26/my-first-jquery-plugin-a-sliding-menu/">Sliding Menu</a></li>
</ul>

<h5 id="slides">Accordéons, effets &laquo;&nbsp;slide&nbsp;&raquo; et &laquo;&nbsp;toggle&nbsp;&raquo;</h5>
<ul class="texte">
    <li><a href="http://bassistance.de/jquery-plugins/jquery-plugin-accordion/">jQuery Plugin Accordion</a></li>
    <li><a href="http://fmarcia.info/jquery/accordion.html">jQuery Accordion Plugin Horizontal Way</a></li>
    <li><a href="http://letmehaveblog.blogspot.com/2007/10/haccordion-simple-horizontal-accordion.html">haccordion &#8211; a simple horizontal accordion plugin for jQuery</a></li>
    <li><a href="http://dev.portalzine.de/index?/Horizontal_Accordion--print">Horizontal Accordion by portalzine.de</a></li>
    <li><a href="http://berndmatzner.de/jquery/hoveraccordion/">HoverAccordion</a></li>
    <li><a href="http://fmarcia.info/jquery/accordion.html">Accordion Example from fmarcia.info</a></li>
    <li><a href="http://blog.evaria.com/wp-content/themes/blogvaria/jquery/index.php">jQuery Accordion Example</a></li>
    <li><a href="http://jquery.com/files/demo/dl-done.html">jQuery Demo &#8211; Expandable Sidebar    Menu</a></li>
    <li><a href="http://www.andreacfm.com/examples/jQpanels/">Sliding Panels for jQuery</a></li>
    <li><a href="http://jquery.andreaseberhard.de/toggleElements/">jQuery ToggleElements</a></li>
    <li><a href="http://www.ndoherty.com/demos/coda-slider/">Coda Slider</a></li>
    <li><a href="http://sorgalla.com/projects/jcarousel/#Examples">jCarousel</a></li>
    <li><a href="http://www.reindel.com/accessible_news_slider/">Accesible News Slider Plugin</a></li>
    <li><a href="http://icant.co.uk/sandbox/jquerycodeview/">Showing and Hiding code Examples</a></li>
    <li><a href="http://gsgd.co.uk/sandbox/jquery/easing/">jQuery Easing Plugin</a></li>
    <li><a href="http://sonspring.com/journal/jquery-portlets">jQuery Portlets</a></li>
    <li><a href="http://jdsharp.us/jQuery/plugins/AutoScroll/">AutoScroll</a></li>
    <li><a href="http://medienfreunde.com/lab/innerfade/">Innerfade</a></li>
</ul>

<h5 id="drag">Glisser-déposer (Drag and Drop)</h5>
<ul class="texte">
    <li><a href="http://docs.jquery.com/UI/Draggables">UI/Draggables</a></li>
    <li><a href="http://fromvega.com/wordpress/2007/07/14/easydrag-jquery-plugin/">EasyDrag jQuery Plugin</a></li>
    <li><a href="http://sonspring.com/journal/jquery-portlets">jQuery Portlets</a></li>
    <li><a href="http://dev.iceburg.net/jquery/jqDnR/">jqDnR &#8211; drag, drop resize</a></li>
    <li><a href="http://interface.eyecon.ro/demos/drag.html">Drag Demos</a></li>
</ul>

<h5 id="xmlJson">XML &#8212; XSL &#8212; JSON &#8212; Feeds</h5>
<ul class="texte">
    <li><a href="http://www.jongma.org/webtools/jquery/xslt/">XSLT Plugin</a></li>
    <li><a href="http://cgaskell.wordpress.com/2006/11/02/jquery-ajax-call-and-result-xml-parsing/">jQuery Ajax call and result XML parsing</a></li>
    <li><a href="http://jquery.com/plugins/project/xmlObjectifier">xmlObjectifier &#8211; Converts XML DOM to JSON</a></li>
    <li><a href="http://jquery.glyphix.com/">jQuery XSL Transform</a></li>
    <li><a href="http://malsup.com/jquery/taconite/">jQuery Taconite &#8211; multiple Dom updates</a></li>
    <li><a href="http://www.hovinne.com/index.php/2007/07/15/132-jfeed-jquery-rss-atom-feed-parser-plugin">RSS/ATOM Feed Parser Plugin</a></li>
    <li><a href="http://www.malsup.com/jquery/gfeed/">jQuery Google Feed Plugin</a></li>
</ul>

<h5 id="browsers">Navigateurs (browsers)</h5>
<ul class="texte">
    <li><a href="http://noteslog.com/post/how-to-fix-the-resize-event-in-ie/">Wresize &#8211; IE Resize event Fix Plugin</a></li>
    <li><a href="http://jquery.khurshid.com/ifixpng.php">jQuery ifixpng</a></li>
    <li><a href="http://jquery.andreaseberhard.de/pngFix/">jQuery pngFix</a></li>
    <li><a href="http://www.crismancich.de/jquery/plugins/linkscrubber/">Link Scrubber &#8211; removes the dotted line onfocus from links</a></li>
    <li><a href="http://www.matthewjrichards.co.uk/articles/2007/06/25/jquery-perciformes-the-entire-suckerfish-familly-under-one-roof">jQuery Perciformes &#8211; the entire suckerfish familly under one roof</a></li>
    <li><a href="http://blog.brandonaaron.net/my-jquery-plugins/background-iframe/">Background Iframe</a></li>
    <li><a href="http://jquery.com/plugins/project/QinIE">QinIE &#8211; for proper display of Q tags  in IE</a></li>
    <li><a href="http://webrocket.ulmb.com/ability/">jQuery Accessibility Plugin</a></li>
    <li><a href="http://www.ogonek.net/mousewheel/jquery-demo.html">jQuery MouseWheel Plugin</a></li>
</ul>

<h5 id="alertPrompt">Alert, Prompt, et fenêtres de confirmation (confirm)</h5>
<ul class="texte">
    <li><a href="http://trentrichardson.com/Impromptu/">jQuery Impromptu</a></li>
    <li><a href="http://nadiaspot.com/jquery/confirm">jQuery Confirm Plugin</a></li>
    <li><a href="http://dev.iceburg.net/jquery/jqModal/">jqModal</a></li>
    <li><a href="http://www.ericmmartin.com/projects/simplemodal/">SimpleModal</a></li>
</ul>

<h5 id="css">CSS</h5>
<ul class="texte">
    <li><a href="http://www.kelvinluck.com/article/switch-stylesheets-with-jquery">jQuery Style Switcher</a></li>
    <li><a href="http://andykent.bingodisk.com/bingo/public/jss/">JSS &#8211; Javascript StyleSheets</a></li>
    <li><a href="http://flesler.blogspot.com/2007/11/jqueryrule.html">jQuery Rule &#8211; creation/manipulation of CSS Rules</a></li>
    <li><a href="http://www.designerkamal.com/jPrintArea/">jPrintArea</a></li>
</ul>

<h5 id="domAjax">DOM, Ajax et autres plugins jQuery</h5>
<ul class="texte">
    <li><a href="http://flydom.socianet.com/">FlyDOM</a></li>
    <li><a href="http://brandonaaron.net/docs/dimensions/#getting-started">jQuery Dimenion Plugin</a></li>
    <li><a href="http://happygiraffe.net/articles/2007/09/26/jquery-logging">jQuery Loggin</a></li>
    <li><a href="http://jquery.com/plugins/project/metadata">Metadata &#8211; extract metadata from classes, attributes, elements</a></li>
    <li><a href="http://johannburkard.de/programming/javascript/inc-a-super-tiny-client-side-include-javascript-jquery-plugin.html">Super-tiny Client-Side Include Javascript jQuery Plugin</a></li>
    <li><a href="http://humanized.com/weblog/2007/09/14/undo-made-easy-with-ajax-part-1/">Undo Made Easy with Ajax</a></li>
    <li><a href="http://www.jasons-toolbox.com/JHeartbeat/">JHeartbeat &#8211; periodically poll the server</a></li>
    <li><a href="http://www.appelsiini.net/projects/lazyload">Lazy Load Plugin</a></li>
    <li><a href="http://blog.brandonaaron.net/2007/08/19/new-plugin-live-query/">Live Query</a></li>
    <li><a href="http://jquery.offput.ca/every/">jQuery Timers</a></li>
    <li><a href="http://www.joanpiedra.com/jquery/shareit/">jQuery Share it &#8211; display social bookmarking icons</a></li>
    <li><a href="http://www.jdempster.com/category/code/jquery/cookiejar/">jQuery serverCookieJar</a></li>
    <li><a href="http://ideamill.synaptrixgroup.com/?p=3">jQuery autoSave</a></li>
    <li><a href="http://www.semicomplete.com/geekery/jquery-interface-puffer.html">jQuery Puffer</a></li>
    <li><a href="http://33rockers.com/jquery/iframe-demo/">jQuery iFrame Plugin</a></li>
    <li><a href="http://www.stilbuero.de/2006/09/17/cookie-plugin-for-jquery/">Cookie Plugin for jQuery</a></li>
    <li><a href="http://leftlogic.com/lounge/articles/jquery_spy2">jQuery Spy &#8211; awesome plugin</a></li>
    <li><a href="http://www.learningjquery.com/2007/01/effect-delay-trick">Effect Delay Trick</a></li>
    <li><a href="http://jquick.sullof.com/jquick/">jQuick &#8211; a quick tag creator for jQuery</a><a href="http://noteslog.com/post/metaobjects-11-released-today/"> Metaobjects</a></li>
    <li><a href="http://www.thunderguy.com/semicolon/2007/08/14/elementready-jquery-plugin/">elementReady</a></li>
</ul>

</div>

<h4 id="jqueryplus">Ressources complémentaires pour jQuery</h4>

<ul class="texte">
    <li><a href="http://jquery.com/">jQuery.com </a>&#8211; le site officiel pour <a href="http://docs.jquery.com/Downloading_jQuery">télécharger</a> et pratiquement <a href="http://docs.jquery.com/Main_Page">tout savoir</a> sur cette biblothèque.</li>
    <li><a href="http://plugins.jquery.com/project/Plugins">Liste des plugins</a> sur jQuery.com &#8212; Environ 500 plugins classés par catégorie, par nom ou par date.</li>
    <li><a href="http://www.jquery.info/">jQuery.info</a> &#8212; le site francophone pour découvrir et utiliser jQuery avec de nombreux tutoriaux et plugins.</li>
    <li><a href="http://visualjquery.com">Visual jQuery</a> &#8212; Affiche une la liste des fonctionnalités de jQuery sous forme d&rsquo;un menu hiérarchique, par exemple : <em>DOM &gt; Attributes &gt; addClass(class) &gt; Description | Returns | Parameters | Example</em>. S&rsquo;arrête à la version 1.1.2 mais reste intéressant malgré tout.</li>
    <li><a href="http://www.lesintegristes.net/2007/06/11/inauguration-et-introduction-a-jquery/">Les intégristes</a> &#8212; inauguration et introduction à jQuery : une page aussi amusante que didactique ;)</li>
    <li><a href="http://www.babylon-design.com/site/index.php/2008/01/21/211-apprendre-et-comprendre-jquery-1-3">Balylon-design</a> &#8212; 3 étapes pour comprendre jQuery</li>
    <li><a href="http://www.youtube.com/results?search_query=jquery&amp;search_type=&amp;search=Search">jQuery à poil sur Youtube</a> ? C&rsquo;est possible ;)</li>
</ul>

<h4 id="frameworksJS">Autres frameworks Javascript</h4>

<ul class="texte">
    <li>Plus de <a href="http://edevil.wordpress.com/2005/11/14/javascript-libraries-roundup/">50 bibliothèques javascript</a> &#8212; Le billet date de novembre 2005, alors attendez-vous quand même à quelques pages 404.</li>
    <li><a href="http://www.prototypejs.org/">Prototype</a> &#8212; Le framework Javascript qui vise à faciliter le développement d&rsquo;application web dynamique. Ajoutez-y une pincée de <a href="http://moofx.mad4milk.net/">Moo.fx</a> et/ou de <a href="http://script.aculo.us/">Scriptaculous</a> et c&rsquo;est parti pour des effets en veux-tu en voilà !</li>
    <li><a href="http://developer.yahoo.com/yui/">The Yahoo! User Interface Library (YUI)</a> &#8212; Cette bibliothèque comprend un jeu d&rsquo;utilitaires et de contrôles écrits en Javascript pour concevoir des applications hautement interactives en utilisant le DOM, le DHTML et Ajax. Inclut également un <a href="http://www.css4design.com/frameworks-css-reset-css-design-from-scratch">framework CSS</a>.</li>
    <li><a href="http://extjs.com/">Ext JS</a> &#8212; Cette librairie a débuté comme extension de YUI. Je vous invite à <a href="http://extjs.com/deploy/dev/examples/">consulter les exemples</a> pour vous faire une idée des fonctionnalités. (Merci à <a href="http://frank.taillandier.free.fr/">Frank Taillandier</a> pour l&rsquo;info).</li>
    <li><a href="http://dojotoolkit.org/">Dojo Toolkit</a> &#8212; Nous promet de grandes aventures pour 23 Ko seulement !</li>
    <li><a href="http://mootools.net/">Mootools</a> &#8212; Accompagné de <a href="http://moofx.mad4milk.net/">Moo.fx</a>, vos pages deviennent riches.</li>
    <li><a href="http://www.mochikit.com/">Mochikit</a> &#8212; Avec Mochikit, le Javascript craint moins ;)</li>
    <li><a href="http://qooxdoo.org/">qooXdoo</a> &#8212; La nouvelle ère du développement web.</li>
</ul>

<h3 id="resources">Ressources pour webdesigner</h3>

<h4 id="field">750 liens pour webdesigner sur Webdevelopers Field Guide</h4>

<p>Micro-bloguez, il en restera forcément quelque chose ;) Merci à <a href="http://blog.burninghat.net/">burningHat</a> pour m&rsquo;avoir fourni sur <a href="http://burninghat.jaiku.com/">Jaiku</a> cette formidable ressource qui contient à elle seule <a href="http://webdevelopersfieldguide.com/">plus de 750 liens en relation avec le développement web</a> ! dont voici le menu principal :</p>

<div class="wrapper" style="margin-bottom: 1.5em">
<ul class="texte" style="float: left;width: 162px;margin: 0 18px 0 0">
    <li><a href="http://webdevelopersfieldguide.com/#inspiration">inspiration</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#webdesigndailyreading">web design reading</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#typography">typography</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#fonts">fonts</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#colortheory">color theory</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#colortools">color tools</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#colorschemes">color palettes</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#colorpatterns">color patterns</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#cssdailyreading">css: reading</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#cssgalleries">css galleries</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#csslayouts">css: layouts</a></li>
</ul>
<ul class="texte" style="float: left;width: 162px;margin: 0 18px 0 0">
    <li><a href="http://webdevelopersfieldguide.com/#navmenus">css: nav menus</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#csstechniques">css: techniques</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#csssoftware">css: Firefox</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#csswebtools">css-web-tools</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#htmlwebtools">html-web-tools</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#usabilitya">usability &amp; accessability</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#accessibilitycheckers">accessibility checkers</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#misctools">misc. tools</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#ajaxapps">ajax</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#javascript">javascript</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#dom">DOM</a></li>
</ul>
<ul class="texte" style="float: left;width: 162px;margin: 0 18px 0 0">
    <li><a href="http://webdevelopersfieldguide.com/#rss">RSS</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#cms">CMS software</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#blogging">blogging</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#gettingthingsdone">Get To Done.</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#freelancers">freelancing</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#royaltyfree">royalty free photos</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#specifications">specifications</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#freesearchsubmission">free <acronym title="Search Engine">SE</acronym> submission</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#seotools">seo tools</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#seoreferences">seo references</a></li>
    <li><a href="http://webdevelopersfieldguide.com/#friends">friends of the field guide</a></li>
</ul>
</div>

<h4>Encore des mines d&rsquo;or pour la création de sites web :</h4>

<ul class="texte">
    <li><a href="http://www.webappers.com/">WebAppers </a> &#8212; Le chasseur de ressources OpenSource pour les développeurs web : des widgets et des scripts pour votre blog ou votre site web, des polices de caractère, des palettes de couleurs, des photographies, des frameworks, etc.</li>
    <li><a href="http://blog.bouctoubou.com/2008/03/12/13-javascripts-lightbox-images-galeries-videos/">13 effets lightbox</a> en Javascript pour afficher des images, des vidéos, des pages html, etc. Contient également quelques plugins WordPress et Dotclear pour en simplifier l&rsquo;installation.</li>
    <li>Et plus à venir&#8230;</li>
</ul>

<h4 id="firefox">Firefox</h4>

<p>Les extensions indispensables pour le webdesigner :</p>

<ul class="texte">
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/60">Web Developer</a> &#8212; Véritable couteau suisse : vous avez la main sur l&rsquo;ensemble des éléments de votre page web</li>
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/1843">Firebug</a> &#8212; Si vous ne deviez qu&rsquo;en choisir qu&rsquo;une, Firebug vous permettra d&rsquo;éditer et de modifier vos CSS à la volée, de visualiser le DOM et de débuguer vos scripts.</li>
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/2104">CSSViewer </a>&#8211; Affiche les propriétés CSS calculées en affichant un cadre autour de l&rsquo;élément pris en compte. Très pratique pour voir rapidement la structure d&rsquo;une page tout en ayant les propriétés sous les yeux. Parfois agaçant à supprimer (F5 ou resélectionner l&rsquo;utilitaire).</li>
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/5369">YSlow</a> &#8212; Analyse vos pages web pour en connaitre les goulots d&rsquo;étranglement, d&rsquo;après les règles de performances de Yahoo!</li>
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/271">ColorZilla</a> &#8212; Sélectionne les couleurs sur votre écran. Possède en grand nombre d&rsquo;options souvent méconnues pour retrouver vos couleurs dans l&rsquo;historique ou <a href="http://www.iosart.com/firefox/colorzilla/palettes.html">afficher des palettes</a> de couleurs très complètes.</li>
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/5648">FireShot</a> &#8212; Faites des captures d&rsquo;écran tout en annontant, recadrant la partie qui vous intéresse. Le screeshot peut être enregistré sur le disque dur ou copié pour consommation immédiate !</li>
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/249">HTML Validator</a> &#8212; indispensable pour s&rsquo;assurer de la validité de votre page localement au regard des recommandations. Possibilité de choisir le mode de validation : Tidy ou OpenSP tout deux développés par le <a href="http://www.w3.org/">W3C</a>. Tidy a l&rsquo;avantage d&rsquo;inclure les trois niveaux d&rsquo;accessibilité définis par le <a href="http://fr.wikipedia.org/wiki/Web_Accessibility_Initiative">WAI</a>.</li>
</ul>

<p>Les meilleures extensions <a href="http://www.mozilla-europe.org/fr/products/firefox/">Firefox</a> pour le référencement ? Voici une liste fortement inspirée par celle de <a href="http://www.webrankinfo.com/actualites/200706-extensions-firefox-referencement.htm">webrankinfo</a> :</p>

<ul class="texte">
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/60">Web Developer</a></li>
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/59">User Agent Switcher</a></li>
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/743">Customize Google</a></li>
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/1258">Google Advanced Operations Toolbar</a></li>
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/2323">Cache View</a></li>
    <li><a href="http://www.websiteburo.com/goldorank/index_fr.php">Goldorank</a></li>
    <li><a href="http://extensions.geckozone.org/PageRankStatus">Google PageRank Status</a></li>
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/532">LinkChecker</a></li>
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/3829">Live HTTP Header</a></li>
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/321">SearchStatus</a></li>
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/1668">MetaTags</a></li>
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/3036">SeoQuake</a></li>
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/2279">Niche Watch Tool</a></li>
    <li><a href="https://addons.mozilla.org/fr/firefox/addon/4589">SEOHAND</a></li>
    <li><a href="https://addons.mozilla.org/en-US/firefox/addon/4788">KGen</a></li>
    <li><a href="https://addons.mozilla.org/en-US/firefox/addon/5362">Alexa Sparky</a></li>
</ul>

<h4 id="browserTest">Tester vos pages web dans différents navigateurs</h4>

<p>On n&rsquo;a pas toujours l&rsquo;occasion de pouvoir tester ses pages dans toutes les conditions. Voici quelques liens qui vous permettront de tester le design de votre site dans différents navigateurs. C&rsquo;est rarement la panacée, mais très pratique pour voir si la mise en page résiste globalement à l&rsquo;épreuve du feu&#8230;</p>

<ul class="texte">
    <li><a href="http://browsershots.org/">Browsershots</a> &#8212; Possibilité d&rsquo;avoir une capture d&rsquo;écran de votre page web sous Linux, Windows, Mac OS et BSD : environ 50 navigateurs toutes versions et plate-formes confondues vous attendent.Choix de la résolution, de la profondeur de couleur, activation ou non de Javascript ou Java ou encore Flash.Délais d&rsquo;attente raisonnable selon l&rsquo;heure et le nombre d&rsquo;options activées. Traduit en français.</li>
    <li><a href="http://www.scapture.com/">Scapture</a> &#8212; Propose d&rsquo;effectuer très rapidement des captures d&rsquo;écran de vos pages Web sous Linux avec Firefox, Konqueror, Opera ou Dillo. Vous pouvez aussi vérifier l&rsquo;affichage généré par les navigateurs en mode texte Lynx et Links.</li>
    <li><a href="http://www.browsrcamp.com/">BrowsrCamp</a> &#8212; Permet de tester vos pages sous Safari pour Mac OS X. Possibilité d&rsquo;avoir la main sur une machine Apple équipé de tous les navigateurs pour Mac. Payant, mais idéal pour tester tous les aspects d&rsquo;une page web (Javascript, Ajax, Flash, DHTML), à partir de 3$.</li>
    <li><a href="http://ipinfo.info/netrenderer/">NetRenderer </a>&#8211; Vous permet de vérifier le rendu de vos pages web sur Internet Explorer 7, 6 ou 5.5, de manière très rapide. Il est possible de superposer les screenshot de IE7 sur IE6 en les mixant ou en en faisant la différence. Ce dernier mode est efficace pour visualiser rapidement les décalages des blocs.</li>
</ul>

<h4 id="monitoring">Monitoring de sites web</h4>

<p><a href="http://www.logiste.be/wordpress/2007/10/18/94-outils-pour-monitorer-son-blog/">94 outils pour monitorer son blog</a> trouvés chez <a href="http://www.logiste.be/">Christophe</a> dont voici un échantillon :</p>

<ul class="texte">
    <li><a href="http://www.seomoz.org/page-strength">SEOmoz Page Strength Tool</a> &#8212; Le <a href="http://www.css4design.com/tag/pagerank">PageRank</a> ne vous donne plus satisfaction ? Ce site se proposse un outil pour calculer la “puissance” de votre page en prenant plusieurs facteurs en considération : l&rsquo;âge du domaine, le rank <a href="http://www.alexa.com/">Alexa</a>, le nombre de <a href="http://www.technorati.com/blogs/css4design.com?reactions">liens entrants d&rsquo;après Technorati</a>, le nombre de fois où votre site apparait dans <a href="http://del.icio.us/">del.icio.us</a>, s&rsquo;il est présent dans l&rsquo;annuaire <a href="http://www.dmoz.org/">DMOZ</a> ou <a href="http://fr.wikipedia.org/">Wikipedia</a> et bien sûr le <a href="http://www.google.com/intl/fr/why_use.html">PageRank</a> du domaine, mais aussi le nombre de liens pointant vers le domaine d&rsquo;après <a href="https://siteexplorer.search.yahoo.com">yahoo! Site Explorer</a>.</li>
    <li><a href="http://www.submitexpress.com/analyzer/">Meta Tag Analyzer</a> &#8212; Comme son nom ne l&rsquo;indique pas assez, se site vous donne la liste des mots-clés trouvés dans les liens et le nombre de fois où ils apparaissent ; les mots-clé présents dans les balises alt de vos images et ceux trouvés sur la page avec le nombre de fois où ils sont présents et leur densité par rapport aux autres.</li>
    <li><a href="http://www.iminr.com/">IminR</a> &#8212; Un outil de mesure d’audience web personnalisé, proposé par Stéphane Guerin aussi bien &#8211; sinon mieux &#8211; que Google Analytics : rapports personnalisés, parcours de votre site par les visiteurs, etc. A tester d&rsquo;urgence !</li>
    <li><a href="http://armp.it/2007/04/13/heatmap-for-your-website/">HeatMap</a> &#8212; Pour savoir quelles zones de votre sites sont les plus cliquées.</li>
</ul>

<h4 id="icones">Icônes et goodies pour photoshop</h4>

<ul class="texte">
    <li><a href="http://www.famfamfam.com/lab/icons/silk/">Silk Web Icons</a> de <a href="http://www.famfamfam.com/">FamFamFam</a> &#8212; Souvent imité jamais égalé, le pack à télécharger d&rsquo;urgence.</li>
    <li><a href="http://www.iconbase.com/">IconBase</a> &#8212; Des milliers d&rsquo;icônes pour tous les goût de très bonnes qualités et classées.</li>
    <li><a href="http://nerdbusiness.com/5978-high-quality-icons-web-apps-rss">nerdbusiness</a> &#8212; Pas moins de 5978 icônes de qualité pour agrémenter vos pages web. Petit coucou à <a href="http://www.webfruits.it/">Sonia de Webfruits</a> en passant ;)</li>
    <li><a href="http://www.websiteicons.com/">WebsiteIcons</a> &#8212; Environ 1000 icônes classées par thème : navigation, flèches (plus de 500), applications, hardware, CMS, calendrier, rechercher, compte, etc.</li>
    <li><a href="http://www.pixelgirlpresents.com">PIXELGIRL PRESENTS</a> &#8212; Des centaines d&rsquo;icônes proches du clip-art classées par thème.</li>
    <li><a href="http://www.feedicons.com">Feed Icons</a> &#8212; Tout ce qu&rsquo;il faut savoir sur les icônes pour signaler vos flux RSS : téléchargement des icônes au format .psd de Photoshop ou .ai d&rsquo;Illustrator ; exemples de style CSS pour les intégrer dans votre site ou votre blog et guide d&rsquo;utilisation.</li>
    <li><a href="http://www.svay.com/web/icones/">Svay</a> &#8212; 46 icônes pour le web de bonne facture .</li>
    <li><a href="http://www.ndesign-studio.com/resources/mini-pixel-icons/">N.DESIGN Studio</a> &#8212; Plus de 320 icône en 14&#215;14 avec fond transparent tout spécialement conçues pour vos menus de navigation.</li>
    <li><a href="http://www.iconspedia.com/">IconsPedia</a> &#8212; Nombreuses icônes de qualité classées par thèmes. Un mauvais moment à passer avec la pub un peu envahissante à chaque changement de rubrique.</li>
    <li><a href="http://dezignus.com/category/icons/">Dezignus</a> &#8212; Des icônes sur pratiquement tous les thèmes. Dezignus est aussi une ressource intéressante pour tous ce qui se rapproche du design au sens large : brushes pour Photoshop, tutorials pour Illustrator, photographies aussi diverses qu&rsquo;utiles, etc.</li>
    <li> <a href="http://www.webappers.com/category/design/icons/">WebAppers</a> &#8212; Des liens vers des milliers d&rsquo;icônes très classes pour tous les usages.</li>
    <li><a href="http://speckyboy.com/2008/03/04/top-40-free-icon-resources-for-web-designers-updated-speckyboy/">Speckyboy</a> &#8212; nous propose une liste de 40 ressources d&rsquo;icônes libres de droits.</li>
    <li> <a href="http://www.hongkiat.com/free-rss-feed-icons-the-ultimate-list/">Hongkiat</a> &#8212; la liste ultime d&rsquo;icônes pour vos flux RSS.</li>
    <li><a href="http://www.smashingmagazine.com/2008/03/06/35-really-incredible-free-icon-sets/">Smashing Magazine</a> &#8212; 35 sets d&rsquo;icônes vraiment incroyables. Via <a href="http://www.fran6art.com/webdesign/100-ressources-dicones-pour-votre-blog/">fran6art</a>.</li>
    <li><a href="http://www.hybridworks.jp/readme/yoritsuki/">Hybridworks</a> &#8211;Set de 35 icônes au format `.ico` et `.png` (128&#215;128) dans le plus pur style japonais : élaborée et détaillée. Très classe.</li>
    <li><a href="http://naldzgraphics.com/freebies/300-best-of-the-best-high-quality-abstract-brushes-in-photoshop/">Naldz Graphics</a> &#8212; 300 brosses (brushes) abstraites pour Photoshop.</li>
    <li><a href="http://www.iconfinder.net/">Icon Finder</a> &#8212; Moteur de recherche parmi 113 000 icônes et 238 collections d&rsquo;icônes par mots-clés.</li>
</ul>

<h4 id="tuto">Tutoriels ou tutoriaux webdesign</h4>

<ul class="texte">
    <li><a href="http://www.webdesign-tutoriaux.com/">Webdesign tutoriaux</a> &#8212; Plus de 1000 tutoriels pour Illustrator, Photoshop, PHP, XHTML et CSS, The Gimp, Dreamweaver, Fireworks, Flash.</li>
    <li><a href="http://www.babylon-design.com">Babylon Design</a> &#8212; Plus de 100 ressources autour de Photoshop et du couple XHTML/CSS</li>
    <li><a href="http://www.elitwork.com/tutoriels.html">ELITWORK</a> &#8212; Nombreux tutoriels XHTML, référencement, Ajax, Webalizer, Microformats. Des informations pertinentes malgré un partis-pris en faveur des espaces de nommage XML au détriment des microformats, par exemple.</li>
    <li><a href="http://tutmarks.com/">TUTMARKS.com</a> &#8212;  Un digg-like spécialisé dans les tutoriaux ? Vous en rêviez ? Mehdi l&rsquo;a fait. Très nombreux tutos sur à peu près tout les sujets liés au web. Un flux RSS par statut des propositions (tutoriaux publiés, en attente) est disponible, ainsi que le flux de <a href="http://tutmarks.com/rss2.php?status=all">tous les tutoriels proposés</a></li>
    <li><a href="http://smashingcoding.com/2008/01/31/plus-de-60-tutoriels-web-20-design/">SmashingCoding</a> &#8212;  Plus de 60 tutoriels Web Design 2.0.</li>
</ul>

<h4 id="references">Références, outils et dictionnaires</h4>

<p>Cette grosse liste ne serait pas complète dans les sites de références que l&rsquo;on devrait avoir sous le coude lorsque la mémoire fait défaut. Suite à un billet sur les <a href="http://www.css4design.com/13-outils-pour-integrateur-web">13 outils de l&rsquo;intégrateur web</a>, j&rsquo;ai intégré les liens qui en faisait partie, ainsi qu&rsquo;une partie de ceux qui m&rsquo;on été founis en commentaires :</p>

<ul class="texte">
    <li><a href="http://www.yoyodesign.org/doc/index.fr">yoyodesign</a> — Nombreuses traductions d’articles et de <a href="http://www.yoyodesign.org/doc/w3c/index.php">recommendations du W3C</a>. Voir également <a href="http://www.w3.org/2003/03/Translations/byLanguage?language=fr">la liste des traductions françaises</a> des documents du W3C</li>
    <li><a href="http://www.htmldog.com/">htmldog</a> — C’est en anglais, mais la clarté des explications en fait une référence incontournable pour tout ce qui touche au développement web, avec <a href="http://www.htmldog.com/reference/htmltags/">un dictionnaire HTML</a> où l’on retrouve toutes les balises passées au crible avec des exemples d’utilisation, les attributs requis, les attributs optionels et des exemples !</li>
    <li><a href="http://www.gotapi.com">gotAPI</a> — regroupe les principales <abbr title="Application programmation interface">API</abbr> du web dans une interface Ajax très réactive : HTML, CSS, Javascript, jQuery, PHP, Ruby, asp, mais aussi le fonctionnement de certains CMS comme Drupal ou de services web comme Flickr.</li>
    <li><a href="http://giminik.developpez.com/xhtml/">giminik</a> — La liste des balises XHTML 1.1 (ou 1.0 Strict sans les éléments obsolètes), leur utilité, leurs attributs, leurs évènements et la relation entre parents et enfants (hiérarchie). Indispensable pour construire un document valide.</li>
    <li><a href="http://www.laurent-bernat.com/guide-html">Guide HTML</a> &#8212; Le HTML de A à Z de Laurent Bernat : 95 balises HTML décrites par le menu (version, compatibilité Netscape / IE, type, attributs, usage, exemples) (Merci <a href="http://moriame.fr/">Loïc M.</a>)</li>
    <li><a href="http://fr.opquast.com/">Opquast</a> — l’ensemble des bonnes pratiques pour la qualité des services en ligne. <a href="http://fr.opquast.com/syndication/bonnes-pratiques/">Abonnez-vous au fil RSS des bonnes pratiques</a> pour avoir votre dose quotidienne.</li>
    <li><a href="http://openweb.eu.org/">Openweb</a> — Les bonnes pratiques en action pour les technologies du web (<a href="http://openweb.eu.org/xhtml/">XHTML</a>, <a href="http://openweb.eu.org/rss/">RSS</a>, <a href="http://openweb.eu.org/css/">CSS</a>, <a href="http://openweb.eu.org/dom/">DOM</a>, <a href="http://openweb.eu.org/png/">PNG</a>) et les différents thèmes qui y sont associés (<a href="http://openweb.eu.org/pages_dynamiques/">pages dynamiques</a>, <a href="http://openweb.eu.org/navigateurs/">navigateurs</a>, <a href="http://openweb.eu.org/accessibilite/">accessibilité</a>, <a href="http://openweb.eu.org/etude_cas/">études de cas</a>, <a href="http://openweb.eu.org/mise_en_page/">mise en page</a>, <a href="http://openweb.eu.org/multimedia/">multimédia</a>, <a href="http://openweb.eu.org/structure/">structure</a>).</li>
    <li><a href="http://web.developpez.com/">Développez (pour le web)</a> — toutes les technologies du web à portée de clic. Des tutoriels, des cours, des documents à télécharger. Allez, faites le plein !</li>
    <li><a href="http://forum.alsacreations.com/forum.php">Forum Alsacreations</a> — Presque toutes les questions sur les CSS et le HTML et quasiment toutes les réponses ! Cerise sur le gâteau, la <a href="http://forum.alsacreations.com/faq/">FAQ</a> est complète et bien organisée.</li>
    <li><a href="http://wiki.mediabox.fr/documentation/css/">Wiki Media Box</a> &#8212; Pour obtenir une présention claire (succinte ?) d’une propriété CSS et sa compatiblité avec les navigateurs, c’est nickel (Merci <a href="http://www.plebot.net/">Pierre le Bot</a>),</li>
    <li><a href="http://leftlogic.com/lounge/articles/entity-lookup/">Leftlogic</a> &#8212; Permet de voir le code html d’un caractère, pratique lorsqu’on cherche le code pour ñ par exemple (Merci <a href="http://www.zen-dreams.com/fr">Anthony</a>),</li>
    <li><a href="https://www.google.com/adsense/static/fr/AdFormats.html">Format publicitaire AdSense</a> — Et oui, qui n’a pas eu besoin de prévoir des emplacements publicitaires dans une charte graphique et de chercher les formats les plus courants ? Voici les formats en vigueur chez Google, qu’il s’agisse des formats textes, images ou vidéos.</li>
    <li><a href="http://blogmarks.net/">Blogmarks</a> — Avec <a title="Mes bookmarks delicious" href="http://del.icio.us/br1o">del.icio.us</a> et <a href="http://ma.gnolia.com">ma.gnolia</a>, je me suis remis à utiliser blogmarks qui garde un petit quelque chose en plus par rapport aux autres solutions de bookmarking social.</li>
    <li><a href="http://www.bluevertigo.com.ar/bluevertigo.htm">Bluevertigo</a> — Un maximum de ressources graphiques et typographiques dans une interface toute en scroll horizontal. Au menu : Photothèques, clip-art vectoriel, polices de caractère, logothèques, sons, brosses (brushes) Photoshop, modèles 3D Poser, icônes, palettes de couleurs, générateurs de textes, échantillons graphiques (patterns).</li>
    <li><a href="http://www.wordreference.com/">WordReference</a> — Sans doute le meilleur site de traduction (mot à mot en incluant les locutions idiomatiques). Pour les cas difficiles, vous pouvez utiliser le <a href="http://forum.wordreference.com/">forum</a>. Nombreux <a href="http://mycroft.mozdev.org/download.html?name=wordreference&amp;submitform=Find+search+plugins">plugins Firefox</a> pour la recherche par langue.</li>
    <li><a href="http://www.les-dictionnaires.com/">Les dictionnaires</a> — Un maximum de dictionnaires thématiques classés par catégories : langue française, synonymes, encyclopédie, citations et expressions, gastronomie, humour, acronymes, etc. Mention spéciale pour le <a href="http://atilf.atilf.fr/dendien/scripts/tlfiv4/showps.exe?p=combi.htm;java=no;">Trésor de la Langue Française Informatisée</a> (TLFI pour les intimes) : interface <em>web 0.2</em> mais très efficace <img class="wp-smiley" src="http://www.css4design.com/wp-includes/images/smilies/icon_wink.gif" alt=";)" /> (<a href="http://www.covertprestige.net/">Florent V.</a> sous souffle dans l&rsquo;oreillette que l&rsquo;on peut y accéder via le <a href="http://www.cnrtl.fr/lexicographie/">portail lexical du Centre national de ressources textuelles et lexicales</a>. <a href="http://www.cnrtl.fr/lexicographie/">
</a></li>
</ul>

<h4 id="inspiration">Inspiration, expiration&#8230;</h4>

<p>Section inspirée (ça tombe bien) par <a href="http://e-likko.com/index.php?post/Linspiration">e-likko</a> :</p>

<ul class="texte">
    <li><a href="http://www.typeish.com/">typeish</a> &#8212; Sélection serrée d&rsquo;images inspirantes, provoquantes ou intoxicantes dans le domaine de la photographie, du design, des polices de caractère, de l&rsquo;art, de la mode ou du packaging.</li>
    <li><a href="http://kallegustafsson.com/">Kalle Gustafsson</a> &#8212; Très belle photos de mode, beauté, magazine et voyage.</li>
    <li><a href="http://ffffound.com/">FFFFOUND!</a> &#8212; Véritable mine d&rsquo;or, ce site bookmark des milliers de visuels de toute sorte. Un bol d&rsquo;air frais à inspirer régulièrement !</li>
    <li>Et plus à venir&#8230;</li>
</ul>

<h2 id="wordpress">WordPress</h2>

<h3 id="pluginsWP">Plugins pour WordPress</h3>

<h4 id="official">Listes quasi-officielles</h4>

<ul class="texte">
    <li>A tout seigneur tout honneur : voici une liste de plus de <a href="http://codex.wordpress.org/Plugins/Plugin_Compatibility/2.3">400 plugins compatibles avec WordPress 2.3</a> disponible sur le <a href="http://codex.wordpress.org/">codex</a>.</li>
    <li>La <a href="http://www.wordpress-fr.net/plugins">liste des plugins chez WordPress Francophone</a> classés par thème.</li>
    <li>Autre liste organisée par rubrique sur <a href="http://wp-plugins.net/">wp-plugin</a>.</li>
</ul>

<h4 id="adsense">17 plugins AdSense pour WordPress</h4>

<p>Cette liste concoctée par <a href="http://aziz.typepad.com/">Aziz Haddad</a> a été soigneusement annotée sur <a href="http://fr.mashable.com/2007/09/04/17-plugins-wordpress-pour-adsense/">Mashable France</a></p>

<ul class="texte">
    <li><a href="http://www.acmetech.com/adsense-deluxe/">Adsense Deluxe</a></li>
    <li><a href="http://www.mikesmullin.com/2006/04/01/adsense-widget-wordpress-sidebar/">AdSense Widget for WordPress Sidebar</a></li>
    <li><a href="http://shylockblogging.com/shylock-adsense-plugin/">Shylock AdSense</a></li>
    <li><a href="http://wordpress-plugins.biggnuts.com/adsense-plugin/">Adsense Injection</a></li>
    <li><a href="http://wp.uberdose.com/2006/11/05/adman/">AdMan</a></li>
    <li><a href="http://wordpress.org/extend/plugins/adsense-manager/">AdSense Manager</a></li>
    <li><a href="http://wordpress.org/extend/plugins/adsense-manager/">AdRotator</a></li>
    <li><a href="http://djuki.padrino.co.yu/wordpress-plugins/adsense-attachment-plugin/">AdSense Attachment</a></li>
    <li><a href="http://mightyhitter.com/main-page/plugins/mightyadsense/">MightyAdsense</a></li>
    <li><a href="http://urbangiraffe.com/plugins/google-ad-wrap/">Google Ad Wrap</a></li>
    <li><a href="http://philhord.com/phord/adsense-inline-with-wordpress-blog-posts/">Adsense Inline</a></li>
    <li><a href="http://www.supriyadisw.net/2006/07/adsense-beautifier">Adsense Beautifier</a></li>
    <li><a href="http://www.harleyquine.com/php-scripts/author-adsense-plugin/">Author Adsense </a></li>
    <li><a href="http://www.harleyquine.com/php-scripts/author-adsense-mu-plugin/">Author Adsense MU plugin</a></li>
    <li><a href="http://adsense.ayanev.com/">AdSense Sharing Revenue and Earnings System</a></li>
    <li><a href="http://www.internetvibes.net/2006/09/29/adsense-wordpress-plugin/">Adsense Earnings WordPress Plugin</a></li>
    <li><a href="http://www.abuzant.com/2006/07/10/wp-adsenseprofit.html">WP-AdsenseProfit</a></li>
</ul>

<h4 id="pluginsComments">7 Plugins WordPress pour favoriser les commentaires</h4>

<p>Trouvé grâce à <a href="http://blog.legizz.com/?323-liste-de-plugin-wordpress-pour-recevoir-plus-de-commentaires">legizz</a>, la liste est abondamment commentée sur <a href="http://www.problogdesign.com/general-tips/10-best-plugins-to-get-more-comments/">problogdesign</a></p>

<ul class="texte">
    <li><a href="http://nicedit.com/">nicedit</a></li>
    <li><a href="http://www.raproject.com/wordpress/wp-ajax-edit-comments/">wp-ajax-edit-comments</a></li>
    <li><a href="http://wordpress.org/extend/plugins/subscribe-to-comments/">Abonnement subscribe-to-comments</a></li>
    <li><a href="http://freepressblog.org/wordpress-plugins-2/wordpress-recent-comments-plugin-widget/">wordpress-recent-comments-plugin-widget</a></li>
    <li><a href="http://alexking.org/projects/wordpress">Smilies</a></li>
    <li><a href="http://www.michelem.org/wordpress-plugin-nofollow-free/">nofollow-free</a></li>
    <li><a href="http://www.papygeek.com/?dl_id=1">MBLA</a></li>
</ul>

<h4 id="pluginsTwitter">10 Plugins WordPress pour Twitter</h4>

<p>Traduit vite fait d&rsquo;après la liste de <a href="http://www.quickonlinetips.com/archives/2007/04/10-best-twitter-tools-for-wordpress-blogs/">quickonlinetips</a> aimablement fournie par <a href="http://blog.legizz.com/">legizz</a> ;)</p>

<ul class="texte">
    <li><a href="http://twitter.com/account/badge">Twitter Badge</a> &#8212;  Le code Javascript officiel pour afficher votre statut Twitter</li>
    <li><a href="http://blog.victoriac.net/?p=87">The Twitter Updater</a> &#8212; Ce plugin WordPress se charge de mettre à jour votre statut Twitter chaque fois que créez, publiez ou éditez un billet.</li>
    <li><a href="http://twitthis.com/">TwitThis</a> &#8211;Permet à vos visiteurs d&rsquo;envoyer facilement un tweet à propos de votre blog. Un click sur le bouton TwitThis tinyURLise la page en cours pour leur permettre d&rsquo;envoyer ce raccourcis à leurs followers.</li>
    <li><a href="http://alexking.org/projects/wordpress/readme?project=twitter-tools">Twitter Tools</a> &#8212; Ce plugin crée une passerelle entre votre compte Twitter et votre blog : affichez vos tweets sur votre blog et créez de nouveaux tweets depuis WordPress.</li>
    <li><a href="http://www.velvet.id.au/twitter-wordpress-sidebar-widget/">Twitter WordPress Sidebar Widget</a> &#8212; Personnalise le nombre d&rsquo;updates présent dans votre sidebar ainsi que les liens pointant sur chaque update sur Twitter.</li>
    <li><a href="http://twitterfeed.com/">Twitter Feed</a> &#8212; Publie vos mises à jour sur votre compte Twitter. Connection à Twitterfeed avec votre identifiant OpenID, fournit l&rsquo;adresse de votre flux RSS et la fréquence des mises à jours sur Twitter.</li>
    <li><a href="http://www.deanjrobinson.com/wordpress/twitt-twoo">Twitt-Twoo</a> &#8212; Petit plugin tout simple qui vous permet d&rsquo;envoyer vos tweets depuis votre blog, le tout avec un brin d&rsquo;Ajax pour faciliter le travail.</li>
    <li><a href="http://www.sleepydisco.co.uk/plugins/simpletwitter/">SimpleTwitter</a> &#8212; Ce plugin vous permettra d&rsquo;ajouter facilement vos messages Twitter dans votre template WordPress.</li>
    <li><a href="http://wordpress.org/extend/plugins/twitter-sharts-plug-in-for-wordpress/">Twitter Sharts</a> &#8212; Affichez vos updates où vous voulez dans vos billets ou vos pages WordPress.</li>
    <li><a href="http://paulstamatiou.com/2007/01/26/stammy-script-rss-to-twitter-using-php/">RSS to Twitter</a> &#8212; Ce script PHP nourrit Twitter avec votre flux RSS.</li>
</ul>

<h4 id="pluginsVrac">Vrac de plugins pour WordPress</h4>

<ul class="texte">
    <li><a title="Plus de 50 plugins commentés" href="http://www.papygeek.com/wordpress/plugins-wordpress">La liste de PapyGeek</a> est très bien commentée.</li>
    <li>F-WPPlugins list: les <a href="http://www.fran6art.com/plugins-wordpress/f-wpplugins-list-les-14-plugins-wordpress-les-plus-utilises-dans-la-blogosphere-francophone/">14 plugins WordPress</a> les plus utilisés dans la blogosphère francophone, chez <a href="http://www.fran6art.com">fran6art</a></li>
    <li>La bonne <a href="http://www.calyptratus.com/2007/10/05/liste-des-plugins-wordpress">liste de calyptratus</a> où j&rsquo;ai trouvé le plugin pour <a href="http://www.lbcd78.fr/2007/08/26/plugin-wordpress-listing-de-vos-plugins-actives/">afficher la liste des plugins</a> actifs sur votre blog.</li>
    <li>Encore <a href="http://www.gatellier.be/plugins/">une liste intéressante</a> chez Marin Gatellier.</li>
    <li>La liste de <a href="http://www.eclaireur.net/wordpress/une-liste-de-plugins-qui-stimule-wordpress/">plugin de l&rsquo;éclaireur</a> pour stimuler WordPress.</li>
    <li>Installez <a href="http://www.pluginmeter.com/">PluginMeter</a> de <a href="http://www.zefranck.com/">ZeFranck</a>, et participez à la constitution d&rsquo;une liste de l&rsquo;ensemble des <a href="http://www.pluginmeter.com/plugins.php">plugins installés dans le monde</a> en temps réel !</li>
    <li>Et pour finir, voici la <a href="http://www.wordpress-fr.net/support/forum-5-plugins">section plugin</a> du forum WordPress francophone.</li>
    <li><a href="http://www.blogclic.com/?p=64">59 plugins pour wordpress</a> &#8212; liste de plugin avec une brève description en français, via <a href="http://www.weezonaute.fr/">weezonaute</a>.</li>
</ul>

<h3 id="themesWP">Thèmes pour WordPress</h3>

<ul class="texte">
    <li><a href="http://www.smashingmagazine.com/2008/01/08/100-excellent-free-high-quality-wordpress-themes/">SmashingMagazine</a> &#8212; 100 thèmes gratuits de qualité pour WordPress, ainsi que <a href="http://www.smashingmagazine.com/2007/02/09/83-beautiful-wordpress-themes-you-probably-havent-seen/">83 jolis thèmes</a> que vous avez probablement manqués, et pour finir, <a href="http://www.smashingmagazine.com/2007/05/07/10-fresh-elegant-and-clean-wordpress-themes/">10 thèmes</a> très frais et élégant au service de la lisibilité de votre contenu. Via <a href="http://www.dyblog.fr/index.php?2008/02/11/762-des-liens-pour-les-blogs-et-les-sites-5-design-astuces-pour-bloguer-rss-digg-likes-referencement">DyBlog</a> et <a href="http://www.blomig.com/2008/02/12/deux-mines-dor-sur-les-blogs/">blomig</a> ;).</li>
    <li>Et plus à venir&#8230;</li>
</ul>

<h3>C&rsquo;est déjà fini ?</h3>

<p>Cette liste est loin de faire le tour de la question, alors n&rsquo;hésitez pas à intervenir pour partager les liens qui vous servent le plus dans votre pratique du développement ou du design web. Je prendrais soin d&rsquo;ajouter vos suggestions au fur et à mesure.</p>

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

<ul class='related_post'><li><a href='http://css.4design.tl/blogs-developpeurs-web' title='37 blogs de développeurs web'>37 blogs de développeurs web</a></li><li><a href='http://css.4design.tl/fonctions-metier-integrateur-web' title='Quelques notes sur les fonctions de l&#039;intégrateur web et de l&#039;intégratrice web'>Quelques notes sur les fonctions de l&#039;intégrateur web et de l&#039;intégratrice web</a></li><li><a href='http://css.4design.tl/ctrl-h-wordpress-22-jquery-buzz-f-list-typetester-graybit-pr6' title='Ctrl H = WordPress 2.2 + jQuery + Buzz F-List + TypeTester + GrayBit + PR6'>Ctrl H = WordPress 2.2 + jQuery + Buzz F-List + TypeTester + GrayBit + PR6</a></li><li><a href='http://css.4design.tl/le-petit-journal-du-web-novembre-2012-1' title='Le petit journal du web — Novembre 2012 #1'>Le petit journal du web — Novembre 2012 #1</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></ul>
 <p><a href="http://css.4design.tl/?flattrss_redirect&amp;id=199&amp;md5=d05e481fe30b7aa79fefc963f5e30480" 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/1000-ressources-pour-wordpress-et-le-developpement-web/feed/</wfw:commentRss>
		<slash:comments>131</slash:comments>
		<atom:link rel="payment" title="Flattr this!" href="https://flattr.com/submit/auto?user_id=br1o&amp;popout=1&amp;url=http%3A%2F%2Fcss.4design.tl%2F1000-ressources-pour-wordpress-et-le-developpement-web%2F&amp;language=fr_FR&amp;category=text&amp;title=1000+ressources+pour+le+d%C3%A9veloppement+web+et+WordPress&amp;description=Vous+voulez+un+bon+%C3%A9diteur+de+page+HTML+et+CSS%2C+vous%C2%A0cherchez+le+bon+plugin+jQuery+pour+votre+projet+ou+vous+%C3%AAtes+tout+simplement+friand+de+ressources+indispensables+pour+la+cr%C3%A9ation...&amp;tags=AdSense%2CCSS%2CDreamweaver%2CFirefox%2CjQuery%2CNavigateur%2CPageRank%2CPlugins%2CR%C3%A9f%C3%A9rencement%2CSEO%2CWordPress%2Cblog" type="text/html" />
	</item>
		<item>
		<title>Une blogroll 2.0 avec la liste de partage des flux RSS de Google Reader</title>
		<link>http://css.4design.tl/une-blogroll-20-avec-la-liste-de-partage-des-flux-rss-de-google-reader/</link>
		<comments>http://css.4design.tl/une-blogroll-20-avec-la-liste-de-partage-des-flux-rss-de-google-reader/#comments</comments>
		<pubDate>Sun, 27 Jan 2008 19:26:47 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Content Management System]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Liste de liens]]></category>
		<category><![CDATA[RSS]]></category>
		<category><![CDATA[Tutoriels]]></category>

		<guid isPermaLink="false">http://www.css4design.com/une-blogroll-20-avec-la-liste-de-partage-des-flux-rss-de-google-reader</guid>
		<description><![CDATA[Les plus attentifs auront peut-être remarqué que j&#8217;ai déplacé ma blogroll de la page d&#8217;accueil vers une page dédiée (vu la baisse constante de mon PageRank, personne n&#8217;y perd). A la place, j&#8217;ai préféré introduire une liste de mes lectures de flux RSS via la &#171;&#160;liste de partage&#160;&#187; de Google Reader. Cette liste étant dynamique, elle reflète, mieux qu&#8217;une liste de liens statique, mes intérêts du moment. Cette liste de partage est disponible sur cette page ou à partir du flux RSS généré à l&#8217;occasion. Une troisième méthode consiste à copier-coller un bout de code Javascript pour obtenir la liste [...]]]></description>
				<content:encoded><![CDATA[<p>Les plus attentifs auront peut-être remarqué que j&rsquo;ai <a href="http://www.css4design.com/blogroll">déplacé ma blogroll</a> de la page d&rsquo;accueil vers une page dédiée (vu la baisse constante de mon PageRank, personne n&rsquo;y perd). A la place, j&rsquo;ai préféré introduire une liste de mes lectures de flux RSS via la &laquo;&nbsp;liste de partage&nbsp;&raquo; de <a href="http://www.google.com/reader/">Google Reader</a>. Cette liste étant dynamique, elle reflète, mieux qu&rsquo;une liste de liens statique, mes intérêts du moment.<span id="more-193"></span></p>

<p>Cette liste de partage est disponible <a href="http://www.google.com/reader/shared/18385213655509565132">sur cette page</a> ou <a href="http://www.google.com/reader/public/atom/user/18385213655509565132/state/com.google/broadcast">à partir du flux RSS</a> généré à l&rsquo;occasion. Une troisième méthode consiste à copier-coller un bout de code Javascript pour obtenir la liste (paramétrable) des 10 derniers articles partagés avec la source du billet, comme ici.</p>

<h3>Ma liste de partage</h3>

<h3>Adapter le style en utilisant les classes CSS disponibles</h3>

<p>Par défaut, l&rsquo;intégration du code Javascript provoque un espace plus ou moins important entre la liste de partage et les éléments qui la précèdent. Pour y remédier, on supprimera les retours à la ligne qui séparent les balises script.</p>

<p>Par ailleurs, le lien <em>Lire la suite&#8230;</em> est inclus dans une &lt;div class=&nbsp;&raquo;f&nbsp;&raquo;&gt; (<strong>f</strong>orward ?) en dehors de la liste ul (qu&rsquo;on pourra atteindre avec .reader-publisher-module ul) qu&rsquo;il faudra également penser à styler pour que l&rsquo;affichage de cette liste de partage s&rsquo;harmonise au mieux avec votre blog.</p>

<p>Pour finir, la liste elle-même est constituée de balises li comprenant un lien a class=&nbsp;&raquo;i&nbsp;&raquo; pour afficher les <strong>i</strong>nformations du billet et une div class=&nbsp;&raquo;s&nbsp;&raquo; pour indiquer la <strong>s</strong>ource du lien.</p>

<h3>Un blogroll Bon Chic Bon Geek</h3>

<p>Décidément, ce <em>Google Reader</em> recèle des petits trésors qui méritent leur place dans les blogolistes les plus chics. Il manque peut-être des options de personnalisation comme le choix des textes et des balises utilisées : pour le coup, j&rsquo;aurais bien vu une liste de définition ;)</p>

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

<ul class='related_post'><li><a href='http://css.4design.tl/feedburner-holly-hits-my-feed-is-reach' title='Feedburner &#8212; Holly Hits, my feed is reach!'>Feedburner &#8212; Holly Hits, my feed is reach!</a></li><li><a href='http://css.4design.tl/protegez-votre-flux-rss-avec-authentification-http-de-feedburner' title='Protégez votre flux RSS avec l&#039;authentification HTTP de FeedBurner'>Protégez votre flux RSS avec l&#039;authentification HTTP de FeedBurner</a></li><li><a href='http://css.4design.tl/tutoriels-apprendre-html-css' title='Tutoriels pour apprendre HTML &amp; CSS'>Tutoriels pour apprendre HTML &#038; CSS</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/programme-formation-html-css' title='Quelques notes &#8212; Programme de formation HTML &amp; CSS'>Quelques notes &#8212; Programme de formation HTML &amp; CSS</a></li></ul>
 <p><a href="http://css.4design.tl/?flattrss_redirect&amp;id=193&amp;md5=79355b8647cc915d23574023436a8545" 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/une-blogroll-20-avec-la-liste-de-partage-des-flux-rss-de-google-reader/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		<atom:link rel="payment" title="Flattr this!" href="https://flattr.com/submit/auto?user_id=br1o&amp;popout=1&amp;url=http%3A%2F%2Fcss.4design.tl%2Fune-blogroll-20-avec-la-liste-de-partage-des-flux-rss-de-google-reader%2F&amp;language=fr_FR&amp;category=text&amp;title=Une+blogroll+2.0+avec+la+liste+de+partage+des+flux+RSS+de+Google+Reader&amp;description=Les+plus+attentifs+auront+peut-%C3%AAtre+remarqu%C3%A9+que+j%26rsquo%3Bai+d%C3%A9plac%C3%A9+ma+blogroll+de+la+page+d%26rsquo%3Baccueil+vers+une+page+d%C3%A9di%C3%A9e+%28vu+la+baisse+constante+de+mon+PageRank%2C+personne+n%26rsquo%3By+perd%29.+A...&amp;tags=Liste+de+liens%2CRSS%2CTutoriels%2Cblog" type="text/html" />
	</item>
		<item>
		<title>Bai(s)se de PageRank : au nom du PR, ainsi soit-il&#8230;</title>
		<link>http://css.4design.tl/baisse-de-pagerank-au-nom-du-pr-ainsi-soit-il/</link>
		<comments>http://css.4design.tl/baisse-de-pagerank-au-nom-du-pr-ainsi-soit-il/#comments</comments>
		<pubDate>Sun, 27 Jan 2008 07:12:38 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Google & Référencement]]></category>
		<category><![CDATA[ClickRank]]></category>
		<category><![CDATA[Cloaking]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[PageRank]]></category>
		<category><![CDATA[TrustRank]]></category>
		<category><![CDATA[zobibi]]></category>

		<guid isPermaLink="false">http://www.css4design.com/baisse-de-pagerank-au-nom-du-pr-ainsi-soit-il</guid>
		<description><![CDATA[Effet vente de liens au kilo, mauvaise stratégie de cloaking lors de ma participation au concours Zobibi, tentative de donner une seconde chance aux autres moteurs de recherche ?.. Je l&#8217;ignore. Ce que je sais en revanche, c&#8217;est que &#8211; comme Carla Bruni &#8211; Google a dit &#171;&#160;zobibi&#160;&#187; à mon PageRank qui est passé de 5 à 3&#8230; Ce qui fait qu&#8217;après la première baisse intervenue fin octobre, j&#8217;ai perdu 3 points de PR en moins de trois mois ^_^v. Les mauvaises langues diront que je n&#8217;ai pas caressé Google dans le sens du poil ces derniers temps, mais quand [...]]]></description>
				<content:encoded><![CDATA[<p>Effet <a href="http://www.css4design.com/combien-coute-un-pagerank-de-6-reponse-43166e-le-kg">vente de liens au kilo</a>, mauvaise stratégie de <em>cloaking</em> lors de <a href="http://www.css4design.com/zobibi">ma participation au concours Zobibi</a>, tentative de <a href="http://www.css4design.com/quelques-lignes-de-php-pour-proteger-la-serp-diversite">donner une seconde chance</a> aux autres moteurs de recherche ?.. Je l&rsquo;ignore. Ce que je sais en revanche, c&rsquo;est que &#8211; <a href="http://www.css4design.com/quelquun-ma-dit-zobibi">comme Carla Bruni</a> &#8211; Google a dit &laquo;&nbsp;zobibi&nbsp;&raquo; à mon PageRank qui est passé de 5 à 3&#8230;</p>

<p>Ce qui fait qu&rsquo;<a href="http://www.css4design.com/google-le-pr-fouettard">après la première baisse</a> intervenue fin octobre, j&rsquo;ai perdu 3 points de PR en moins de trois mois ^_^v. Les mauvaises langues diront que j<a href="http://www.css4design.com/?s=pagerank">e n&rsquo;ai pas caressé Google dans le sens du poil</a> ces derniers temps, mais quand même !</p>

<p>M&rsquo;enfin, ce n&rsquo;es pas si grave. D&rsquo;abord parce que depuis le temps qu&rsquo;on nous annonce <a href="http://www.journaldunet.com/solutions/expert/21254/le-pagerank-google-est-mort-vive-le-trustrank.shtml">la mort du PageRank pour nous vendre du TrustRank</a> (en gros, si votre petite soeur à un skyblog, ne la linker surtout pas, on ne sait jamais&#8230;), il fallait bien que ça arrive un jour.</p>

<p>Ensuite, la baisse de mon PageRank n&rsquo;a pas vraiment d&rsquo;influence sur la fréquentation du blog et le nombre d&rsquo;abonnés <a href="http://www.feedburner.com/">FeedBurner</a> ne cesse d&rsquo;augmenter. Ce qui est quand même plus significatif pour juger de la bonne santé d&rsquo;une ligne rédactionnelle ;)</p>

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

<ul class='related_post'><li><a href='http://css.4design.tl/ecrire-pour-google-des-mots-cles-au-clickrank' title='Ecrire pour Google : des mots-clés au clickrank'>Ecrire pour Google : des mots-clés au clickrank</a></li><li><a href='http://css.4design.tl/google-le-pr-fouettard' title='Google, le PR fouettard !'>Google, le PR fouettard !</a></li><li><a href='http://css.4design.tl/7-etapes-pour-demander-une-prime-de-risque-en-qualite-de-trafiquant-de-pagerank' title='7 étapes pour demander une prime de risque en qualité de trafiquant de PageRank !'>7 étapes pour demander une prime de risque en qualité de trafiquant de PageRank !</a></li><li><a href='http://css.4design.tl/css4design-vs-google-pr-impasse-et-manque' title='css4design vs Google : PR, impasse et manque&#8230;'>css4design vs Google : PR, impasse et manque&#8230;</a></li><li><a href='http://css.4design.tl/mesure-d-audience-google-ecriture-des-mots-clefs-au-clickrank' title='Mesure d&rsquo;audience : des mots-clefs au ClickRank'>Mesure d&rsquo;audience : des mots-clefs au ClickRank</a></li></ul>
 <p><a href="http://css.4design.tl/?flattrss_redirect&amp;id=191&amp;md5=edd19ed74964edb41de88004cb1c255f" 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/baisse-de-pagerank-au-nom-du-pr-ainsi-soit-il/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		<atom:link rel="payment" title="Flattr this!" href="https://flattr.com/submit/auto?user_id=br1o&amp;popout=1&amp;url=http%3A%2F%2Fcss.4design.tl%2Fbaisse-de-pagerank-au-nom-du-pr-ainsi-soit-il%2F&amp;language=fr_FR&amp;category=text&amp;title=Bai%28s%29se+de+PageRank+%3A+au+nom+du+PR%2C+ainsi+soit-il%26%238230%3B&amp;description=Effet+vente+de+liens+au+kilo%2C+mauvaise+strat%C3%A9gie+de+cloaking+lors+de+ma+participation+au+concours+Zobibi%2C+tentative+de+donner+une+seconde+chance+aux+autres+moteurs+de+recherche+%3F..+Je...&amp;tags=ClickRank%2CCloaking%2CGoogle%2CPageRank%2CTrustRank%2Czobibi%2Cblog" type="text/html" />
	</item>
		<item>
		<title>Le PR contre-attaque (aujourd&#039;hui, c&#039;est Jedi !)</title>
		<link>http://css.4design.tl/le-pr-contre-attaque-aujourdhui-cest-jedi/</link>
		<comments>http://css.4design.tl/le-pr-contre-attaque-aujourdhui-cest-jedi/#comments</comments>
		<pubDate>Wed, 31 Oct 2007 23:51:05 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Google & Référencement]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[PageRank]]></category>

		<guid isPermaLink="false">http://www.css4design.com/index.php/2007/11/01/148-le-pr-contre-attaque-aujourdhui-cest-jedi</guid>
		<description><![CDATA[Je profite d&#8217;Halloween pour ressusciter infographiste mon premier nom de domaine chez free.fr ! Comme le bon vin, il a pris une certaine rondeur et présente un pagerank une longueur en bouche qui le fait bien&#8230; Vite j&#8217;en profite avant que Gevil ne termine la bouteille :D Yatta. Articles sur le même sujet Aperçu instantané de Google, Webdesign et référencement naturelEcrire pour Google : des mots-clés au clickrankCalcul du PageRankBai(s)se de PageRank : au nom du PR, ainsi soit-il&#8230;css4design vs Google : PR, impasse et manque&#8230;]]></description>
				<content:encoded><![CDATA[<p>Je profite d&rsquo;<em>Halloween</em> pour ressusciter <a href="http://infographiste.free.fr">infographiste</a> mon premier nom de domaine chez free.fr ! Comme le bon vin, il a pris une certaine rondeur et présente <del>un pagerank</del> une longueur en bouche qui le fait bien&#8230; Vite j&rsquo;en profite avant que <a href="http://wwww.google.com">Gevil</a> ne termine la bouteille :D</p>

<p>Yatta.</p>

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

<ul class='related_post'><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/ecrire-pour-google-des-mots-cles-au-clickrank' title='Ecrire pour Google : des mots-clés au clickrank'>Ecrire pour Google : des mots-clés au clickrank</a></li><li><a href='http://css.4design.tl/calcul-du-pagerank' title='Calcul du PageRank'>Calcul du PageRank</a></li><li><a href='http://css.4design.tl/baisse-de-pagerank-au-nom-du-pr-ainsi-soit-il' title='Bai(s)se de PageRank : au nom du PR, ainsi soit-il&#8230;'>Bai(s)se de PageRank : au nom du PR, ainsi soit-il&#8230;</a></li><li><a href='http://css.4design.tl/css4design-vs-google-pr-impasse-et-manque' title='css4design vs Google : PR, impasse et manque&#8230;'>css4design vs Google : PR, impasse et manque&#8230;</a></li></ul>
 <p><a href="http://css.4design.tl/?flattrss_redirect&amp;id=150&amp;md5=a54fc67f6923705c7880216f509f2a80" 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/le-pr-contre-attaque-aujourdhui-cest-jedi/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		<atom:link rel="payment" title="Flattr this!" href="https://flattr.com/submit/auto?user_id=br1o&amp;popout=1&amp;url=http%3A%2F%2Fcss.4design.tl%2Fle-pr-contre-attaque-aujourdhui-cest-jedi%2F&amp;language=fr_FR&amp;category=text&amp;title=Le+PR+contre-attaque+%28aujourd%26%23039%3Bhui%2C+c%26%23039%3Best+Jedi+%21%29&amp;description=Je+profite+d%26rsquo%3BHalloween+pour+ressusciter+infographiste+mon+premier+nom+de+domaine+chez+free.fr+%21+Comme+le+bon+vin%2C+il+a+pris+une+certaine+rondeur+et+pr%C3%A9sente+un+pagerank+une+longueur...&amp;tags=Google%2CPageRank%2Cblog" type="text/html" />
	</item>
	</channel>
</rss>
