<?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; Balise meta</title>
	<atom:link href="http://css.4design.tl/tag/balise-meta/feed" rel="self" type="application/rss+xml" />
	<link>http://css.4design.tl</link>
	<description>Le blog de l&#039;intégrateur web</description>
	<lastBuildDate>Sun, 20 May 2012 15:30:49 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>WordPress &#8212; Une meilleure indexation avec Not at All in One SEO</title>
		<link>http://css.4design.tl/wordpress-une-meilleure-indexation-avec-not-at-all-in-one-seo</link>
		<comments>http://css.4design.tl/wordpress-une-meilleure-indexation-avec-not-at-all-in-one-seo#comments</comments>
		<pubDate>Sat, 13 Sep 2008 07:23:57 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Google & Référencement]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Balise meta]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Moteur de recherche]]></category>
		<category><![CDATA[Mots-clés]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Tutoriels]]></category>

		<guid isPermaLink="false">http://www.css4design.com/?p=1753</guid>
		<description><![CDATA[Les plugins c'est bien, s'en passer, c'est mieux. Dans la série sans plugin, après la création d'une page faisant office de <a href="http://www.css4design.com/wordpress-version-mobile-de-votre-blog-sans-plugin">version mobile du blog</a>, voici l'astuce <em>Not at All in One SEO</em>.]]></description>
			<content:encoded><![CDATA[<p>Pour optimiser l&#8217;indexation de vos articles par Google, chaque article de votre blog doit sortir accompagné d&#8217;une courte description. Contrairement à ce qu&#8217;on lit souvent, WordPress n&#8217;est pas spécialement taillé pour le référencement : il ne propose pas de description ni de <em>title</em> adaptés à chaque billet. C&#8217;est là qu&#8217;intervient un plugin comme <a href="http://wordpress.org/extend/plugins/all-in-one-seo-pack/">All in One SEO</a>. Les plugins c&#8217;est bien, s&#8217;en passer, c&#8217;est mieux. Dans la série &laquo;&nbsp;sans plugin&nbsp;&raquo;, après la création d&#8217;une page faisant office de <a href="http://www.css4design.com/wordpress-version-mobile-de-votre-blog-sans-plugin">version mobile du blog</a>, voici l&#8217;astuce <em>Not at All in One SEO</em>.<span id="more-1753"></span></p>

<p>À l&#8217;usage, les champs ajoutés par <em>All in One SEO</em> n&#8217;offrent pas vraiment d&#8217;avantages supplémentaires par rapport aux <em>customs fields</em>. Alors pourquoi continuer à utiliser un plugin au lieu de mettre les <a href="http://codex.wordpress.org/fr:Utiliser_les_champs_personnalisés">champs personnalisés</a> à contribution ? D&#8217;autant plus que si vous avez déjà installé <em>All in One SEO</em>, vous devriez pouvoir le supprimer sans perdre les données <code>title</code>, <code>description</code> ou <code>keywords</code> déjà saisies puisque je reprends les mêmes noms de variables ;)</p>

<h3>Quelque chose à déclarer ?</h3>

<p>Pour arriver à nos fins, il faut éditer le fichier <code>header.php</code> depuis l&#8217;interface d&#8217;administration <em>Apparence -&gt; Éditeur de thème</em> en sélectionnant <em>En-tête (header.php)</em> ou en téléchargeant le fichier sur votre poste de travail avec un client FTP (<a href="http://www.filezilla.fr/">Filezilla</a>) et en le modifiant avec un éditeur de texte (<a href="http://notepad-plus.sourceforge.net">Notepad++</a>). Je vous conseille la deuxième solution qui vous permettra de faire une copie de sauvegarde !</p>

<h4>Les variables associées aux champs personnalisés</h4>

<pre><code>ID, 'title', $single = true);
    $description = get_post_meta($post-&amp;gt;ID, 'description', $single = true);
    $keywords = get_post_meta($post-&amp;gt;ID, 'keywords', $single = true);
?&amp;gt;
</code></pre>

<p>Déclarons la variable <code>$title</code> qui remplira la balise <code>title</code> et les variables <code>$description</code> et <code>$keywords</code> qui prendront place dans l&#8217;attribut <code>content</code> des balises <code>meta</code> idoines.</p>

<h5>Balise meta <code>title</code></h5>

<p>Le titre <code>title</code> fait partie des éléments les plus importants pour le référencement de votre page. Il est important d&#8217;optimiser les mots-clés qu&#8217;il contient.</p>

<pre><code>    &lt;title&gt;&lt;/title&gt;

    &lt;title&gt;&lt;/title&gt;


    &lt;title&gt;&lt;/title&gt;

    &lt;title&gt;&lt;/title&gt;

    &lt;title&gt;&lt;/title&gt;
</code></pre>

<ul>
<li><p><strong>Accueil</strong> &#8212; Courte description du blog,</p></li>
<li><p><strong>Article</strong> &#8212; Contenu du champs personnalisé <code>title</code> ou titre du billet,</p></li>
<li><p><strong>Catégories et tags</strong> &#8212; Nom de la catégorie et du tag en cours précédé d&#8217;un texte personnalisé,</p></li>
<li><p><strong>Autres pages</strong> &#8212; Description alternative du blog différente du slogan renseigné dans les préférences du blog afin de placer des mots-clés supplémentaires.</p></li>
</ul>

<p>J&#8217;ai placé les variables suivantes dans le fichier <code>header.php</code> :</p>

<pre><code>$my_title_home = "Le blogzine de l'intégrateur web : HTML, CSS et design web";
$my_single_cat = "Tous les articles appartenant à la rubrique";
$my_single_tag = "Tous les articles partageant le tag";
$my_desc = "Blog consacré aux techniques de création de sites web : conception, intégration et référencement";
</code></pre>

<p>A priori, rien n&#8217;empêche de mettre ces variables dans un fichier <code>mes-variables.php</code> inclus dans <code>header.php</code> de la manière suivante (en supposant que vous avez créé un dossier <code>includes</code> à la racine de votre thème) pour simplifier les mises à jour :</p>

<h5>Balise meta <code>description</code></h5>

<p>Après le titre, la balise meta <code>description</code> est essentielle au bon référencement de votre page : le contenu de cette balise est souvent repris par les moteurs de recherche comme descriptif dans les résultats.</p>

<pre><code>   &amp;lt;meta name=&amp;quot;description&amp;quot; content=&amp;quot;post_content, 170); } ?&amp;gt;" /&amp;gt;

    &amp;lt;meta name=&amp;quot;description&amp;quot; content=&amp;quot;" /&amp;gt;

    &amp;lt;meta name=&amp;quot;description&amp;quot; content=&amp;quot;" /&amp;gt;

    &amp;lt;meta name=&amp;quot;description&amp;quot; content=&amp;quot;" /&amp;gt;
</code></pre>

<ul>
<li><p><strong>Article</strong> &#8212; <del datetime="2008-09-15T07:45:18+00:00">Champs personnalisé ou titre du billet.</del> <strong>MàJ :</strong> suite à une <a href="#comment-6591">remarque</a> de <a href="http://www.lumieredelune.com/">Marie-Aude</a> et à une <a href="#comment-6610">intervention musclée</a> de <a href="http://www.webinventif.fr/">Julien</a>, je n&#8217;affiche plus le titre du billet, mais les 170 premiers caractères du billet si le champs personnalisé <code>description</code> n&#8217;est pas renseigné, ce qui est bien plus judicieux ;)</p>

<p>Par ailleurs, comme le fait <a href="#comment-6612">à nouveau</a> remarquer Julien, il est possible d&#8217;utiliser l&#8217;extrait optionnel en dehors de la boucle, ce qui en fait un bon candidat pour la description. En mixant toutes les possibilités, voici mon dernier mot pour générer une description digne de ce nom lorsque l&#8217;article est affiché seul :</p>

<pre><code>&amp;lt;meta name=&amp;quot;description&amp;quot; content=&amp;quot;post_excerpt !== '') { echo strip_tags( $post-&amp;gt;post_excerpt); } else { echo wp_html_excerpt($post-&amp;gt;post_content, 170); } ?&amp;gt;" /&amp;gt;
</code></pre>

<p>En l&#8217;absence du champs personnalisé <code>description</code>, on affiche l&#8217;extrait optionnel. Sinon, on récupère les 170 premiers caractères du billet.</p></li>
<li><p><strong>Catégorie</strong> &#8212; Description de la catégorie (accessible dans <em>Gérer -&gt; Catégories -&gt; clic sur la catégorie</em>). C&#8217;est l&#8217;occasion ou jamais de remplir ce champs ! Comme il est possible de saisir du HTML dans cette description, j&#8217;utilise la fonction <code>strip_tags</code> pour supprimer les balises HTML le cas échéant,</p></li>
<li><p><strong>Tags</strong> &#8212; Tag en cours,</p></li>
<li><p><strong>Autres pages</strong> &#8212; Description renseignée dans le champs <em>slogan</em> des préférences du blog.</p></li>
</ul>

<h5>Balise meta <code>Keywords</code></h5>

<p>La balise meta <code>keywords</code> tombe peu à peu en disgrâce mais ça ne mange pas de pain de les ajouter. En l&#8217;absence du champs personnalisé <code>keywords</code>, j&#8217;affiche les mots-clés de l&#8217;article en utilisant la fonction <code>st_meta_keywords()</code> du plugin <a href="http://wordpress.org/extend/plugins/simple-tags/">Simple Tags</a> :</p>

<pre><code>&amp;lt;?php if($keywords !== &amp;#039;&amp;#039;) { echo &amp;#039;'; } else { st_meta_keywords(); } ?&amp;gt;
</code></pre>

<h3>utilisation des champs personnalisés pendant la rédaction des articles</h3>

<p>Les <a href="http://codex.wordpress.org/fr:Utiliser_les_champs_personnalisés">champs personnalisés</a> (<em>Customs fields</em>) sont une combinaison de clés/valeurs. Lors de la première utilisation, il faut renseigner la clé et la valeur. Dès la deuxième utilisation, on sélectionne les clés déjà saisies dans le menu déroulant <code>clefs</code>. Reste à saisir le titre alternatif, la description ou les mots-clés dans le champs <code>Valeur</code>.</p>

<h4>Quel est l&#8217;intérêt de mettre un titre alternatif ?</h4>

<p>Il se peut que vous ayez envie de mettre une pointe d&#8217;humour dans votre titre. Or, vous devez vous douter que Google n&#8217;a pas un sens de l&#8217;humour très développé. Ainsi, cette technique vous permettra de mettre un titre sous forme d&#8217;allusion dans votre billet tout en ménageant Google avec un <code>title</code> informatif.</p>

<p>Par ailleurs, il est conseillé d&#8217;utiliser des titres relativement courts et de mettre le maximum de mots-clés pertinent, ce qui n&#8217;est pas toujours facile. Cette technique vous permettra en quelque sorte d&#8217;avoir deux versions complémentaires.</p>

<h4>Pourquoi une description ?</h4>

<p>Si vos articles ne possèdent pas de description, Google va piocher dans votre contenu pour afficher le résumé placé sous le titre des SERP. Si les articles de votre blog ne se situent pas au plus près de la balise <code>body</code>, Google peut utiliser n&#8217;importe quelle portion de texte située entre le début du document et votre billet. Si ce texte est présent sur toutes les pages de votre blog, votre balise description ne sera pas optimisée et Google pourrait ne pas proposer ces pages aux visiteurs même si elles répondent parfaitement à la requête.</p>

<h4>Pourquoi les mots-clés ?</h4>

<p>Si votre thème WordPress affiche les mots-clés associés aux articles, il se peut qu&#8217;un trop grand nombre de mots-clés entraine plus de bruit qu&#8217;autre chose et vous incite à en mettre moins. Un affichage différents dans les meta <code>keywords</code> pourrait vous permettre de placer tous les mots-clés qui vous viennent à l&#8217;esprit dans la limite du nombre optimum pour cette balise.</p>

<h3>Alléger votre table options</h3>

<p>Conclusion. Cette solution n&#8217;offre pas toutes les options proposées par le plugin <em>All in One SEO</em> et ne prétend d&#8217;ailleurs pas le remplacer. Toutefois, elle va à l&#8217;essentiel tout en ménageant la table <code>options</code> qui prend du poids chaque fois que l&#8217;on installe un plugin.</p>

<p>Si vous voulez voir à quoi ressemble cette table <code>options</code> sans utiliser <em>phpMyAdmin</em>, rendez-vous à l&#8217;adresse suivante : <em>xxx/wp-admin/options.php</em> pour afficher l&#8217;ensemble des champs de cette table (via <a href="http://www.iptima.com/2008/08/23/acceder-aux-options-de-wordpress-depuis-linterface-dadministration/">iptima</a>).</p>

<p>scoopeo_url=&#8217;http://www.css4design.com/wordpress-une-meilleure-indexation-avec-not-at-all-in-one-seo&#8217;</p>

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

<ul class='related_post'><li><a href='http://css.4design.tl/mesure-d-audience-google-ecriture-des-mots-clefs-au-clickrank' title='Mesure d&#8217;audience : des mots-clefs au ClickRank'>Mesure d&#8217;audience : des mots-clefs au ClickRank</a></li><li><a href='http://css.4design.tl/ameliorer-la-recherche-sur-votre-blog-wordpress-avec-google-coop' title='Améliorer la recherche sur votre blog WordPress avec Google Coop'>Améliorer la recherche sur votre blog WordPress avec Google Coop</a></li><li><a href='http://css.4design.tl/apercu-instantane-google-webdesign-referencement-naturel' title='Aperçu instantané de Google, Webdesign et référencement naturel'>Aperçu instantané de Google, Webdesign et référencement naturel</a></li><li><a href='http://css.4design.tl/tutoriels-seo-liens-referencement' title='4 tutoriels SEO et quelques liens pour surveiller votre référencement'>4 tutoriels SEO et quelques liens pour surveiller votre référencement</a></li><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></ul>
 <p><a href="http://css.4design.tl/?flattrss_redirect&amp;id=1753&amp;md5=8387aff6a35114decdffdeec8b4796e8" 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/wordpress-une-meilleure-indexation-avec-not-at-all-in-one-seo/feed</wfw:commentRss>
		<slash:comments>55</slash:comments>
		<atom:link rel="payment" href="https://flattr.com/submit/auto?user_id=br1o&amp;popout=1&amp;url=http%3A%2F%2Fcss.4design.tl%2Fwordpress-une-meilleure-indexation-avec-not-at-all-in-one-seo&amp;language=fr_FR&amp;category=text&amp;title=WordPress+%26%238212%3B+Une+meilleure+indexation+avec+Not+at+All+in+One+SEO&amp;description=Pour+optimiser+l%26%238217%3Bindexation+de+vos+articles+par+Google%2C+chaque+article+de+votre+blog+doit+sortir+accompagn%C3%A9+d%26%238217%3Bune+courte+description.+Contrairement+%C3%A0+ce+qu%26%238217%3Bon+lit+souvent%2C+WordPress+n%26%238217%3Best+pas+sp%C3%A9cialement+taill%C3%A9...&amp;tags=Balise+meta%2CGoogle%2CMoteur+de+recherche%2CMots-cl%C3%A9s%2CSEO%2CTutoriels%2CWordPress%2Cblog" type="text/html" />
	</item>
		<item>
		<title>WordPress &#8212; Gérer les images avec les champs personnalisés (Customs fields)</title>
		<link>http://css.4design.tl/wordpress-gerer-les-images-avec-les-champs-personnalises-customs-fields</link>
		<comments>http://css.4design.tl/wordpress-gerer-les-images-avec-les-champs-personnalises-customs-fields#comments</comments>
		<pubDate>Thu, 07 Aug 2008 02:29:03 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Balise meta]]></category>
		<category><![CDATA[Boucle]]></category>
		<category><![CDATA[Customs fields]]></category>
		<category><![CDATA[Loop]]></category>
		<category><![CDATA[Magazine]]></category>
		<category><![CDATA[Tutoriels]]></category>
		<category><![CDATA[URL]]></category>

		<guid isPermaLink="false">http://www.css4design.com/?p=503</guid>
		<description><![CDATA[Les champs personnalisés permettent d&#8217;ajouter des informations avant ou après le contenu de votre billet (dans la boucle WordPress) sans quitter l&#8217;interface de rédaction. Il s&#8217;agit d&#8217;associer une valeur (le contenu) à une clé choisie librement (ou parmi celles que vous avez déjà définie) et d&#8217;utiliser la fonction get_post_meta() dans votre thème. De nombreux thèmes à tendance &#171;&#160;magazine&#160;&#187; se servent des champs personnalisés pour afficher une image au-dessus d&#8217;un billet. Pour cela, on crée la clé illustration et on met l&#8217;URL de l&#8217;image dans le champs valeur. Voici un exemple concret : ID, 'illustration', $single = true); ?&#38;gt; Le contenu [...]]]></description>
			<content:encoded><![CDATA[<p>Les <a href="http://codex.wordpress.org/fr:Utiliser_les_champs_personnalis%C3%A9s">champs personnalisés</a> permettent d&#8217;ajouter des informations avant ou après le contenu de votre billet (dans la <a href="http://codex.wordpress.org/fr:La_Boucle">boucle WordPress</a>) sans quitter l&#8217;interface de rédaction. Il s&#8217;agit d&#8217;associer une valeur (le contenu) à une clé choisie librement (ou parmi celles que vous avez déjà définie) et d&#8217;utiliser la fonction <code>get_post_meta()</code> dans votre thème.<span id="more-503"></span></p>

<p>De nombreux thèmes à tendance &laquo;&nbsp;magazine&nbsp;&raquo; se servent des champs personnalisés pour afficher une image au-dessus d&#8217;un billet. Pour cela, on crée la <code>clé</code> <em>illustration</em> et on met l&#8217;URL de l&#8217;image dans le champs <code>valeur</code>.</p>

<p>Voici un exemple concret :</p>

<pre><code>ID, 'illustration', $single = true); ?&amp;gt;
</code></pre>

<p>Le contenu de la clé <em>llustration</em> est placée dans la variable <code>$image</code> pour l&#8217;afficher plus loin :</p>

<pre><code>&amp;lt;img src=&amp;quot;" /&amp;gt;
</code></pre>

<p>C&#8217;est déjà fini ?</p>

<h3>Les problèmes commencent</h3>

<p>Maintenant, il faut saisir l&#8217;URL de votre image dans la section <em>Champs personnalisés</em> en bas de l&#8217;interface d&#8217;édition du billet.</p>

<p>Oui, mais voilà, cette URL, vous ne l&#8217;a connaissez pas encore. En effet, WordPress s&#8217;occupe lui-même de l&#8217;emplacement de votre image dans un dossier du genre <code>/files/2008/08/...</code></p>

<h4>1ère solution : télécharger l&#8217;image via un client FTP</h4>

<p>Certains ont résolu le problème en créant un répertoire dédié pour ces images et en les téléchargeant avec un client FTP. Mais à l&#8217;usage, ça reste très lourd au point d&#8217;enlever presque tout intérêt à l&#8217;affichage d&#8217;images par ce moyen.</p>

<pre><code>&amp;lt;img src=&amp;quot;mes-images/" /&amp;gt;
</code></pre>

<p>Toutefois, il existe une option sous forme de case à (dé)cocher (<em>organiser mes fichiers envoyés dans des dossiers mensuels et annuels</em>) pour mettre toute les images en vrac dans le dossier <code>/uploads</code>. Comme ça, il suffit d&#8217;ajouter le nom du répertoire dans le thème et de saisir le nom de l&#8217;image dans le champ <code>valeur</code> :</p>

<pre><code>&amp;lt;img src=&amp;quot;uploads/" /&amp;gt;
</code></pre>

<p>Toutefois, ces images en vrac ne sont pas une solution satisfaisante : on risque de créer plus de problèmes sur le long terme que ça en a réglé sur le court terme. Et puis, il est toujours nécessaire de télécharger les images à part, même si l&#8217;on économise la création d&#8217;un dossier ;)</p>

<h4>2ème solution : utiliser la boite de dialogue prévue&#8230;</h4>

<p>En réfléchissant un peu à la question, j&#8217;ai trouvé une petite astuce toute simple pour connaitre cette fameuse URL en évitant de mettre le bazar dans <code>/uploads</code></p>

<ol>
    <li>Ajouter une image comme vous le feriez si vous vouliez l&#8217;afficher dans le billet,</li>
    <li> Copier l&#8217;adresse de l&#8217;image qui apparait dans la boite de dialogue.</li>
    <li>Fermer la fenêtre d&#8217;importation</li>
    <li>Coller l&#8217;adresse de votre image dans le champ <code>valeur</code> à côté de la <code>clé</code> <em>llustration</em> dans les Champs personnalisé.</li>
</ol>

<p>Voilà, c&#8217;est simple, efficace et sans bavure ;)</p>

<p><strong>MAJ :</strong> Dans la version 2.7, l&#8217;adresse n&#8217;apparait plus dans la boite de dialogue d&#8217;importation. Il est nécessaire d&#8217;incorporer l&#8217;image pour obtenir l&#8217;url.</p>

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

<ul class='related_post'><li><a href='http://css.4design.tl/danse-avec-les-loops-1-un-theme-wordpress-mis-a-nu' title='Danse avec les loops #1 : un thème WordPress mis à nu'>Danse avec les loops #1 : un thème WordPress mis à nu</a></li><li><a href='http://css.4design.tl/wordpress-26-un-nouveau-tag-conditionnel-avec-has_tag' title='WordPress 2.6 &#8212; un nouveau &quot;tag&quot; conditionnel avec has_tag()'>WordPress 2.6 &#8212; un nouveau &quot;tag&quot; conditionnel avec has_tag()</a></li><li><a href='http://css.4design.tl/wordpress-26-mes-news-carburent-a-press-this' title='WordPress 2.6 &#8212; Mes news carburent à &quot;Press This&quot; (chaine inside)'>WordPress 2.6 &#8212; Mes news carburent à &quot;Press This&quot; (chaine inside)</a></li><li><a href='http://css.4design.tl/wordpress-une-meilleure-indexation-avec-not-at-all-in-one-seo' title='WordPress &#8212; Une meilleure indexation avec Not at All in One SEO'>WordPress &#8212; Une meilleure indexation avec Not at All in One SEO</a></li><li><a href='http://css.4design.tl/quelques-notes-sur-un-theme-magazine-de-a-a-z-e-comme-epure' title='Quelques notes sur un thème magazine de A à Z &#8212; E comme épure'>Quelques notes sur un thème magazine de A à Z &#8212; E comme épure</a></li></ul>
 <p><a href="http://css.4design.tl/?flattrss_redirect&amp;id=503&amp;md5=8438c45fb39fea52c7435009929a7c07" 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/wordpress-gerer-les-images-avec-les-champs-personnalises-customs-fields/feed</wfw:commentRss>
		<slash:comments>49</slash:comments>
		<atom:link rel="payment" href="https://flattr.com/submit/auto?user_id=br1o&amp;popout=1&amp;url=http%3A%2F%2Fcss.4design.tl%2Fwordpress-gerer-les-images-avec-les-champs-personnalises-customs-fields&amp;language=fr_FR&amp;category=text&amp;title=WordPress+%26%238212%3B+G%C3%A9rer+les+images+avec+les+champs+personnalis%C3%A9s+%28Customs+fields%29&amp;description=Les+champs+personnalis%C3%A9s+permettent+d%26%238217%3Bajouter+des+informations+avant+ou+apr%C3%A8s+le+contenu+de+votre+billet+%28dans+la+boucle+WordPress%29+sans+quitter+l%26%238217%3Binterface+de+r%C3%A9daction.+Il+s%26%238217%3Bagit+d%26%238217%3Bassocier+une+valeur+%28le...&amp;tags=Balise+meta%2CBoucle%2CCustoms+fields%2CLoop%2CMagazine%2CTutoriels%2CURL%2CWordPress%2Cblog" type="text/html" />
	</item>
		<item>
		<title>Mesure d&#8217;audience : des mots-clefs au ClickRank</title>
		<link>http://css.4design.tl/mesure-d-audience-google-ecriture-des-mots-clefs-au-clickrank</link>
		<comments>http://css.4design.tl/mesure-d-audience-google-ecriture-des-mots-clefs-au-clickrank#comments</comments>
		<pubDate>Thu, 16 Nov 2006 03:21:59 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Google & Référencement]]></category>
		<category><![CDATA[Mesure d'audience]]></category>
		<category><![CDATA[Rédaction web]]></category>
		<category><![CDATA[Balise meta]]></category>
		<category><![CDATA[Cloaking]]></category>
		<category><![CDATA[Content Management System]]></category>
		<category><![CDATA[Dotclear]]></category>
		<category><![CDATA[Ecrire pour le web]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Menu]]></category>
		<category><![CDATA[PageRank]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Tutoriels]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.css4design.com/blog-reloaded/?p=50</guid>
		<description><![CDATA[Pour savoir pourquoi et comment vous lisez mon blog, j&#8217;ai installé quatre scripts de mesure d&#8217;audience : Google Analytics, phpMyVisites, MyBlogLog et HitTail. Sans compter Webalizer&#8230; Ce billet est découpé en deux parties qui devaient faire chacune l&#8217;objet d&#8217;un article séparé. Or, les statistiques fournies par les outils présentés dans la partie Quatre outils de mesure d&#8217;audience sont utiles parce qu&#8217;elles fournissent des éléments objectifs et quantifiables pour faire évoluer un site : améliorer le design ou encore réorganiser les rubriques. Dans une optique de positionnement dans l&#8217;index de Google, les stats peuvent également contribuer à optimiser ce qui fait [...]]]></description>
			<content:encoded><![CDATA[<p><img class="il" src="/images/billet/mesure-audience.png" alt="mesure-audience.png" /> Pour savoir pourquoi et comment vous lisez mon blog, j&#8217;ai installé quatre scripts de mesure d&#8217;audience : <em>Google Analytics</em>, <em>phpMyVisites</em>, <em>MyBlogLog</em> et <em>HitTail</em>. Sans compter <em>Webalizer</em>&#8230; Ce billet est découpé en deux parties qui devaient faire chacune l&#8217;objet d&#8217;un article séparé. Or, les statistiques fournies par les outils présentés dans la partie <em>Quatre outils de mesure d&#8217;audience</em> sont utiles parce qu&#8217;elles fournissent des éléments objectifs et quantifiables pour faire évoluer un site : améliorer le design ou encore réorganiser les rubriques. Dans une optique de positionnement dans l&#8217;<em>index</em> de Google, les stats peuvent également contribuer à optimiser ce qui fait l&#8217;intérêt d&#8217;un site : son contenu. Attention à la longueur du billet qui pourrait heurter la sensibilité des plus jeunes !<span id="more-59"></span></p>

<p>Contrairement à ceux qui affichent un désintérêt suspect dès qu&#8217;on parle d&#8217;audience, les statistiques concernant la fréquentation de <em>css4design</em> m&#8217;intéressent beaucoup. D&#8217;abord, parce que vous le valez bien. De plus, la connaissance des pages que vous consultez le plus, les sites d&#8217;où vous venez, ou encore les requêtes que vous formulez pour arriver jusqu&#8217;à ce blog me donnent une idée sur vos motivations à me lire ou à rebondir ailleurs dès l&#8217;atterrissage&#8230; De toutes les données disponibles, le nombre de visites n&#8217;est peut-être pas le plus important, mais c&#8217;est celui que je consulte en premier :)</p>

<p>Le choix des mots en fonction des chiffres étudiés sera abordé dans la partie <em>Quelques mots sur les moteurs de recherche et l&#8217;écriture pour Google</em>. Un seul article, donc, vu que les deux sujets s&#8217;articulent plutôt bien : les choix rédactionnels dépendent de l&#8217;analyse en amont des données statistiques, de même que les chiffres dépendent étroitement de l&#8217;intérêt porté ou non au contenu par les visiteurs.</p>

<p>Comme un esprit <strong>Shadok</strong> peut aussi carburer au <strong>Cosmogol 999</strong>, je tiens à préciser d&#8217;emblée que certaines <em>extravagations</em> sur l&#8217;algorithme de Google, (<em>clusters</em>, <em>ClicRank</em> et autres suppositions) sont encore en version <em>Bêta</em> :)</p>

<h2 class="partie">Quatre outils de mesure d&#8217;audience</h2>

<hr class="space" />

<h3>1. Google Analytics</h3>

<blockquote cite="http://www.google.com/analytics/fr-FR/index.html">Google Analytics vous indique comment les visiteurs ont trouvé votre site et décrit leur activité sur celui-ci. Vous pouvez ainsi concentrer vos ressources marketing sur les campagnes et les initiatives offrant le meilleur retour sur investissement et améliorer votre site afin d&#8217;augmenter le nombre de visiteurs.</blockquote>

<p>Les rapports proposés par <a href="http://www.google.com/analytics/">Google Analytics</a> sont orientés <em>marketing</em> : quels sont les mots-clés qui amènent le plus grand nombre de visiteurs ? Quels sont ceux qui rapportent le plus ? Il est également possible de suivre le processus de cheminement des visiteurs en fixant un objectif de parcours (de la page d&#8217;accueil au panier en passant par la case abonnement à la <em>newsletter</em>, par exemple).</p>

<p>Pour autant, <em>Google Analytics</em> n&#8217;est pas réservé aux seuls sites marchands. Ses rapports donneront à l&#8217;administrateur web ou au dirigeant d&#8217;entreprise, une vision riche de la fréquentation de ses pages grâce à une quantité impressionnante de paramètres.</p>

<h6>Après trois mois d&#8217;utilisation, je suis loin d&#8217;en avoir fait le tour.</h6>

<p class="imgBilletCenter"><img src="/images/billet/mesure-audience/google-analytics.png" alt="google-analytics.png" /></p>

<h4>Les plus</h4>

<p>Outre la richesse des rapports et la beauté des graphiques en <em>Flash</em> (pratique pour agrandir la <em>synthèse géographique</em>), les données sont hébergées et calculées chez et par Google. Si vous deveniez <em>Analytics Addict</em>, l&#8217;utilisation intensive de l&#8217;outil ne pénaliserait pas les performances de votre hébergement. Intéressant si vous êtes mutualisé. En effet, à part le copié-collé du script dans template.php ou footer.php, il n&#8217;y a pas de base de données à créer.</p>

<p>Un script de <em>tracking</em> permet de suivre les liens sortants. Indispensable pour obtenir les données relatives aux liens qui mènent vers des fichiers, il peut s&#8217;avérer utile pour connaître les portes de sorties de votre site. Je précise toutefois qu&#8217;il faut mettre le script dans tous les liens, ce qui peut s&#8217;avérer fastidieux.</p>

<p>A cet égard, les fonctions <em>chercher / remplacer</em> de <em>Dreamweaver</em> donnent toute leur mesure dans ce genre de situation, contrairement à un environnement lourd comme <em>Eclipse</em> (<em>troll inside</em>, n&#8217;est-ce pas Gameplayer ?). Ca se soigne ? Oui, une bonne infusion de <a href="http://xhrconnection.sutekidane.net/exemples/tracker-les-liens-internes-et-externes/">soluté de tracking</a> de chez Mr Thanh à base d&#8217;<a href="http://xhrconnection.sutekidane.net/">XHRConnection</a>, et hop ! c&#8217;est parti.</p>

<p>Pour finir avec les fleurs, le service est gratuit et localisé dans une dizaine de langues dont le français. Le <a href="http://www.google.com/support/analytics/">support utilisateur</a> est bien conçu (bien qu&#8217;en anglais), et vous pourrez poser des questions ou partager votre expérience avec d&#8217;autres utilisateurs dans le <a href="http://groups.google.com/group/analytics-help">groupe de discussion</a>. Pour finir, l&#8217;<a href="http://analytics.blogspot.com/">AnalyticsBlog</a> vous tiendra informé de l&#8217;évolution du site et des dernières astuces pour mieux utiliser <em>GA</em>.</p>

<h4>Les moins</h4>

<p>Le fait que Google s&#8217;occupe de tout peut présenter plusieurs inconvénients : vous n&#8217;avez pas la maîtrise du système. Si un jour l&#8217;action GOOG chute et que le service s&#8217;arrête ou devient payant, il ne vous restera que les exports que vous avez bien évidemment effectuées depuis le début&#8230; En même temps, j&#8217;ai du mal à imaginer le web sans Google. Pas trop inquiet quand même.</p>

<p>Ensuite, les stats ne sont pas disponibles en tant réel. Les données sont mises à jour toutes les quatre heures. Bien évidemment, on n&#8217;est pas obligé d&#8217;appuyer sans arrêt sur F5 en attendant une visite. Par ailleurs, selon la rapidité de votre connexion, l&#8217;affichage des rapports peut prendre un certain temps.</p>

<p>Autre bémol qui justifie à mon avis l&#8217;installation d&#8217;un autre outil, c&#8217;est que certaines informations utiles sont absentes (cumul du temps passé sur l&#8217;ensemble des pages, <em>referrer</em> complets des pages qui mènent à votre site) ou éparpillées dans plusieurs rapports. Et puis, plusieurs avis valent mieux qu&#8217;un, car les chiffres sont souvent différents entre les différents systèmes.</p>

<h3>2. phpMyVisites</h3>

<blockquote cite="http://www.phpmyvisites.net/">phpMyVisites est un puissant logiciel gratuit et libre (licence GPL) de statistiques et de mesure d&#8217;audience de sites Internet. phpMyVisites donne de très nombreuses informations sur les visiteurs d&#8217;un site internet, les pages vues, le matériel utilisé, les moteurs de recherches et les mots clés, etc. L&#8217;interface est agréable et pratique, l&#8217;installation entièrement automatisée et très simple. Les statistiques proposées sont très complètes et proposent de nombreux graphiques. Le logiciel est traduit en plus de 30 langues !</blockquote>

<p>L&#8217;installation de <a href="http://www.phpmyvisites.net/">phpMyVisites</a> nécessite la création d&#8217;une base de donnée <em>MySQL</em> pour fonctionner. Ensuite, un assistant vous accompagne efficacement jusqu&#8217;à la dernière étape de l&#8217;installation. Beaucoup plus simple qu&#8217;<em>Analytics</em>, cet outil se concentre sur l&#8217;essentiel (exit <em>marketing</em> et <abbr title="Return On Invest">ROI</abbr>).</p>

<h6>La barre de navigation vous propose un menu qui va à l&#8217;essentiel :</h6>

<p class="imgBilletCenter"><img src="/images/billet/mesure-audience/phpmyvisites.png" alt="phpmyvisites.png" /></p>

<p>Rapide et testé avec des montées en charge que je souhaite à tout le monde, <em>phpMyVisites</em> présente (dans une interface un peu <em>cheap</em> il faut bien le dire), les données sous forme de graphiques et de tableaux. J&#8217;apprécie particulièrement l&#8217;utilisation discrète et efficace des pouvoirs d&#8217;asynchronisation d&#8217;<em>XMLHttpRequest</em> : un clic sur un domaine <em>Affluent</em>, affiche toutes les <abbr title="Uniform Resource Locator">URL</abbr> du site qui vous envoient des visites en ne chargeant que le strict nécessaire.</p>

<h4>Les plus</h4>

<p>Vous gardez la maîtrise des données. En effet, les statistiques d&#8217;accès à votre site vous appartiennent et peuvent présenter un capital que vous pouvez avoir envie de protéger si vous travaillez dans un secteur concurrentiel ou simplement si vos graphiques de fréquentation restent désespérément plats et que vous ne voulez pas que ça se sache. De plus, et c&#8217;est son point fort, l&#8217;outil est intuitif et donne en quelques minutes une vision synthétique de la fréquentation de votre site.</p>

<p>La version 2.2 propose deux nouvelles fonctions : elle mouline vos stats en PDF ou les transforme en flux RSS. Depuis la version précédente vous pouviez les recevoir par courrier électronique.</p>

<h4>Les moins</h4>

<p>A part l&#8217;interface qui mériterait d&#8217;être repensée, ainsi que le nom qui date un peu&#8230; <em>phpMyVisites</em> est parfois pénible à utiliser avec <em>DotClear</em> car le <abbr title="Content Management System">CMS</abbr> utilise des <abbr title="Uniform Resource Locator">URL</abbr> avec des dates séparées par des <em>slash</em> qui sont représentés comme autant de répertoires&#8230;</p>

<h6>La consultation du nombre de fois où une page à été vue, donne l&#8217;image ci-contre.</h6>

<p class="imgBilletCenter"><img src="/images/billet/mesure-audience/pages-vues.png" alt="pages-vues.png" /></p>

<p>Vous me direz que ce n&#8217;est peut-être pas la faute de <em>phpMyVisites</em>, mais bon, c&#8217;est parfois contre-productif comme système (il paraît que les <abbr title="Uniform Resource Locator">URL</abbr> ont changé dans <a href="http://www.dotclear.net/">DotClear 2</a>). En même temps, ce défaut peut présenter un avantage car il classe d&#8217;emblée les résultats par année, par mois, puis par jour. Ce n&#8217;est peut-être pas un bug, mais une fonctionnalité, après tout ;)</p>

<h3>3. MyBlogLog</h3>

<blockquote cite="http://www.mybloglog.com/buzz/about/">Vous en savez probablement des tonnes au sujet de vos blogueurs favoris &#8211; ce qu&#8217;ils pensent à propos des sujets qu&#8217;ils abordent, peut-être en savez-vous un peu sur leur travail ou sur l&#8217;histoire de leur vie&#8230; vous pouvez même connaître la marque de dentifrice qu&#8217;ils utilisent. Mais que savez-vous à propos de toutes les autres personnes qui lisent leur blog ? Et combien en savent-ils sur vous ?</blockquote>

<p>J&#8217;ai déjà écrit sur <a href="http://www.css4design.com/index.php/2006/11/08/48-reseaux-sociaux-et-esprit-web-2-0">la dimension communautaire</a> de <a href="http://www.mybloglog.com/">MyBlogLog</a> à plusieurs reprises. Je remercie <a href="http://www.css4design.com/index.php/2006/11/08/48-reseaux-sociaux-et-esprit-web-2-0#c342">Cyberien</a> (pour attendre ;) ) pour m&#8217;avoir rappelé que <em>MyBlogLog</em> proposait <em>aussi</em> un outil de mesure d&#8217;audience.</p>

<h6>La version gratuite est limitée à dix entrées par rubrique : provenance des visiteurs, pages consultées et liens sortants. Le tout, affiché sur trois colonnes assez <em>cheap</em>. Et encore, il s&#8217;agit des données de la veille.</h6>

<p class="imgBilletCenter"><img src="/images/billet/mesure-audience/stats-mybloglog.png" alt="stats-mybloglog.png" /></p>

<p>Les chiffres du jour se bornent au total des colonnes vues précédemment. Une version <em>Pro</em> permet d&#8217;obtenir les statistiques sans limitation, mais je ne sais pas si la présentation est améliorée par rapport à la version gratuite.</p>

<h4>Les plus</h4>

<p>Si vous consultez souvent votre profil <em>MyBlogLog</em> pour savoir qui vous rend visite, vous apprécierez peut-être d&#8217;avoir quelques données statistiques sous les yeux. Surtout si votre but est de gérer la notoriété de votre blog et avoir une idée de sa fréquentation sur la même page. Je n&#8217;ai pas testé la version <em>Pro</em>. Si une bonne âme passait pas là pour nous éclairer,je suis preneur des retours d&#8217;expérience.</p>

<h4>Les moins</h4>

<p>Le script ralentit parfois le chargement complet de la page. Et si ce temps de chargement supplémentaire ne bloque pas le navigateur, il empêche le script <em>lightbox.js</em> de fonctionner correctement. En effet, l&#8217;utilisation de ce script conjointement avec <em>prototype.js</em> nécessite que la page soit totalement chargée.</p>

<h3>4. HitTail</h3>

<blockquote cite="http://www.hittail.com/what/">Révéler en temps-réel, les mots-clés les moins utilisés mais néanmoins prometteurs cachés dans la longue traine de la recherche naturelle. Nous vous suggérons ces termes qui, s&#8217;ils sont pris en compte, peuvent contribuer à booster la recherche naturelle pour votre site. C&#8217;est si simple.</blockquote>

<p><a href="http://www.hittail.com/">HitTail</a> fait référence à la <a href="http://www.wired.com/wired/archive/12.10/tail.html">théorie de la Longue Traine</a> qui va à l&#8217;encontre de la théorie selon laquelle, par exemple, 10% seulement des titres musicaux seraient rentables et paieraient pour les autres, alors qu&#8217;il existe en réalité une demande pour chacun des 10 000 titres du catalogue.</p>

<p>Finalement, dans le gâteau, l&#8217;important, c&#8217;est les miettes ! <em>HitTail</em> a vu juste en proposant un ramasse-miettes parfumé à l&#8217;<em>Ajax</em> afin de valoriser les mots-clés qui ne paient pas de mine et qui en ont encore sous le pied.</p>

<h6><em>HitTail</em> propose d&#8217;analyser sous cet angle les mots-clés qui amènent des visiteurs sur votre site.</h6>

<p class="imgBilletCenter"><img src="/images/billet/mesure-audience/hittail.png" alt="hittail.png" /></p>

<p><strong>Your HitTail</strong> m&#8217;annonce tranquillement que le <em>Top Ten</em> des <em>keywords</em> ne représente que 14.4% de tout mon trafic lié aux moteurs de recherche.</p>

<p><strong>Seach Hits</strong> liste ensuite les <abbr title="Uniform Resource Locator">URL</abbr> complètes et propose un lien pour reproduire la recherche. Et ça, c&#8217;est plutôt bien vu ! Il m&#8217;arrive de temps à autre de copier-coller des requêtes dans Google pour voir le contexte de la recherche effectué par l&#8217;internaute ainsi que la position de la page en question. Ce qui est plutôt ingrat, autant que <em>HitTail</em> s&#8217;en occupe (ne pas laisser faire à un humain le travail d&#8217;un robot et vice-versa).</p>

<p><strong>Keywords</strong> donne les termes saisis, le moteur utilisé et le score lié au classement de la page.</p>

<p><strong>Suggestions</strong> indique les mots-clefs qui ont une marge de progression en terme de trafic potentiel. Cet onglet est le plus mystérieux. C&#8217;est si simple ! nous dit-on, mais comment ça marche ?</p>

<p>La société a l&#8217;air branché sur tout ce qui touche à l&#8217;achat de mots-clés et travaille avec <em>Amazon</em>, <em>GoTo</em>, etc. On peut imaginer qu&#8217;elle accède à un index des mots-clés qui ont une certaine valeur sur le marché du <abbr title="Cost Per Click">CPC</abbr>, et que parmi les termes issues de la recherche naturelle qui amènent déjà des visiteurs sur votre site, l&#8217;algorithme suggère ceux qui génèrent le plus de <em>cash</em> sur les réseaux de vente. C&#8217;est plutôt malin. Surtout si le service devient payant : les mots-clés seront vendus deux fois. Faut pas gâcher ;)</p>

<p>Un clic sur ces termes suggérés et hop ! dans l&#8217;onglet <strong>To Do</strong> pour traitement ultérieur. Dans l&#8217;exemple donné plus haut, si j&#8217;en crois <em>HitTail</em>, quelques billets à propos des outils ou des modes colorimétriques dans <em>Photoshop</em>, ou encore un tutoriel sur les <em>balises meta</em> et les motifs zébrés boosterait mon trafic. Evidemment, si en plus de ça, je transforme css4design en <em>blog pour adultes</em>, alors là, je ne vous en parle même pas :)</p>

<h4>Les plus</h4>

<p>C&#8217;est nouveaux, c&#8217;est puissant, c&#8217;est utile, c&#8217;est gratuit, ça sent bon l&#8217;<em>Ajax</em>. Le site contient une <a href="http://www.hittail.com/demo/">présentation du service</a> qui est à mes yeux ce qui se fait de mieux dans le genre sobre et efficace. C&#8217;est grâce à ce genre de démo que les anglo-saxons ont vingt longueurs d&#8217;avance sur nous dans les nouvelles technologies&#8230; et le marketing !</p>

<h4>Les moins</h4>

<p>Le service risque de ne pas rester gratuit très longtemps.</p>

<h3>Conclusion de la première partie</h3>

<p>Il me paraît difficile de supprimer <em>Google Analytics</em> dont je n&#8217;ai pas encore fait le tour et qui contient la totalité des rapport de fréquentation de mon blog. Par ailleurs, <em>Analytics</em> est imbattable pour comparer des périodes entre elles : les fonctions de calendrier sont très bien étudiées.</p>

<p>En ce qui concerne <em>phpMyVisites</em> que j&#8217;ai installé en même temps qu&#8217;<em>Analytics</em>, je l&#8217;avais supprimé déjà une fois pendant un mois, pour le réinstaller le weekend dernier suite à la sortie de la version 2.2 avec les flux RSS. Et puis, il faut avouer que les stats en temps réel, c&#8217;est quand même plus sympa.</p>

<p><em>MyBlogLog</em> est peut-être le moins indispensable, et s&#8217;il continue à ralentir l&#8217;affichage de mes pages&#8230;</p>

<p>Bien qu&#8217;il ne s&#8217;agisse pas d&#8217;un outil de mesure d&#8217;audience au même titre que les autres, <em>HitTail</em>, s&#8217;il tient ses promesses, me semble carrément indispensable dans un contexte commercial et concurrentiel générant un gros volume de données en provenance des moteurs de recherche (voyages, musique, etc.) pour distinguer les pépites d&#8217;or charriées par <a title="Je ne touche rien dessus malheureusement ;)" href="http://www.eyrolles.com/Informatique/Livre/9782212119039/livre-la-revolution-google.php">la base de donnée de nos intentions</a>.</p>

<p>Si vous voulez connaître un peu mieux la matière première dont sont fait les rapports d&#8217;audience, je vous conseille la lecture du <a href="http://www.mrunix.net/webalizer/simpleton.html">Simpletons Guide to Web Server Analysis</a> écrit par <em>Bradford L. Barrett</em>, l&#8217;auteur de l&#8217;outil <em>Webalizer</em>, installé souvent en même temps que le serveur web <em>Apache</em>, disponible sur le site collectif <a href="http://www.mrunix.net/software.html">Mr Unix</a>.</p>

<h3>Prospective</h3>

<p>Je pense revenir vers vous sur ce sujet avec d&#8217;autres outils dont notamment <a href="http://www.gougueule.com/Spongestats">Spongestats</a> qui existe comme <em>plugin</em> pour <em>Dotclear</em>. En attendant, vous pouvez prendre de l&#8217;avance en jetant un oeil sur la <a href="http://www.gougueule.com/spongestats/">démo en live</a>.</p>

<p>Si vous utilisez d&#8217;autres outils d&#8217;analyse de logs et que vous voulez en faire profiter les autres, sentez-vous libre de me faire parvenir les <abbr title="Uniform Resource Locator">URL</abbr> qui vont bien ou carrément un texte (mais là, je rêve un peu, non ?) décrivant votre expérience de l&#8217;outil en question en respectant la charte d&#8217;écriture de ce blog : du vécu (ça intéresse bien les visiteurs), les fonctions que vous utilisez le plus (inutile d&#8217;ennuyer les autres avec des fonctions que vous n&#8217;utilisez pas vous-même), un brin de légèreté (certains lecteurs rentrent peut-être d&#8217;un travail harassant ;) ).</p>

<h2 class="partie">Quelques mots sur les moteurs de recherche et l&#8217;écriture pour Google</h2>

<hr class="space" />

<p>Des statistiques, des chiffres, des pourcentages, c&#8217;est bien tout ça, mais maintenant, on fait quoi, avec ? Il ne s&#8217;agit évidemment pas de s&#8217;extasier ou de pleurer devant ses rapports en restant les bras croisés.</p>

<p>L&#8217;analyse des mots-clés en provenance des aiguilleurs du réseau 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, et plus ces derniers auront des occasions de vous lire. C&#8217;est bête comme choux, mais pas si facile à réaliser ;)</p>

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

<p>J&#8217;espère ne choquer personne, mais il m&#8217;arrive de considérer les visiteurs potentiels comme des bancs de poissons à la recherche de nourriture. Le contenu des billets est semblable à l&#8217;asticot qui gigote au bout de l&#8217;hameçon. Chacun sait qu&#8217;on n&#8217;attrape pas tous les poissons avec le même appât. Et que l&#8217;eau dans laquelle on lance la ligne, n&#8217;abrite pas les mêmes espèces. En fonction de la thématique globale du site et des sujets abordés dans les billets, on parvient à intéresser certaines espèces ou pas.</p>

<p>Il peut arriver aussi que les aiguilleurs du net se prennent le 12&#8243; dans le tapis et fassent un peu n&#8217;importe quoi. A ce sujet, des blogueuses et des blogueurs font assez régulièrement état des mots-clés <a href="http://leblogdemaurine.canalblog.com/archives/2006/11/10/3112449.html">farfelus,</a> voire <a href="http://gdesplac.free.fr/?pedophiles-on-vous-aura">criminels</a> qui errent comme des fantômes dans une maison étrangère.</p>

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

<p>Si votre site est spécialisé, vous aurez des chances d&#8217;être vu par les moteurs de recherche. Ceux-ci accorderont au contenu de vos pages une attention particulière à condition que vous accordiez la même lors de l&#8217;écriture de vos articles. L&#8217;emploi de termes spécifiques et d&#8217;expressions du métier au lieu d&#8217;un vocabulaire passe-partout peut vous propulser très haut sur la scène <em>googlienne</em>.</p>

<p>Ce qui ne doit pas vous faire oublier que beaucoup de visiteurs interrogent peut-être justement les moteurs pour apprendre le jargon du métier. Pour cette raison, je relis souvent mes billets en me mettant à la place des visiteurs. J&#8217;imagine les mots ou les phrases qu&#8217;ils pourraient utiliser. Il s&#8217;agit de trouver le juste équilibre entre l&#8217;emploi de termes ésotériques et de formules toutes faites.</p>

<p>Contrairement à ce que l&#8217;on pense souvent, la répétition d&#8217;un même terme dans la page n&#8217;a pas d&#8217;effet positif. Au contraire : évitez autant que possible les répétitions et privilégiez l&#8217;emploi de synonyme. Vous élargirez le diamètre de l&#8217;entonnoir. Mais attention au goulet d&#8217;étranglement : il ne sert pas à grand chose d&#8217;avoir des visiteurs qui resteront au plus 20 secondes sur votre site. Un lecteur déçu et c&#8217;est dix de perdus.</p>

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

<p>Le première fois que j&#8217;ai regardé les mots-clés en provenance <del>des moteurs de recherche</del> de Google, je me suis dit : tiens, c&#8217;est marrant, tout le monde cherche à faire du <a href="http://www.css4design.com/index.php/2006/06/13/6-design-css-fixe-elastique-ou-liquide">design liquide</a>, puis plus tard se sont ajouté ceux qui voulait des informations sur l&#8217;<a href="http://www.css4design.com/index.php/2006/07/26/30-opacite-avec-css-et-effet-de-trame-avec-un-gif-transparent">opacité et les effets de transparence</a>, puis sur les <a href="http://www.css4design.com/index.php/2006/07/21/29-pied-de-page-toujours-en-bas-avec-dom-javascript-et-css">pieds de page toujours en bas</a>.</p>

<p>Aujourd&#8217;hui une bonne part des requêtes qui mènent sur ce blog concerne <a href="http://www.css4design.com/index.php/2006/11/12/50-detourer-les-cheveux-avec-photoshop">le détourage et les sélections dans Photoshop</a>, etc. Vous l&#8217;avez compris : je ne regardais pas la lune, mais mon doigt. C&#8217;est comme des cercles concentriques : plus les sujets d&#8217;une même thématique globale sont nombreux et plus vous aurez de chance de correspondre aux requêtes qui fusent dans le cyberespace.</p>

<p>En tout cas, c&#8217;est très net : la diversification apportée par le billet sur le détourage dans Photoshop a provoquée une très nette augmentation des moteurs comme Yahoo!, MSN, Club Internet, AllTheWeb, AltaVista (si, si, je vous assure&#8230;) qui n&#8217;apparaissait pour ainsi dire jamais dans mes stats avant.</p>

<p>J&#8217;y vois le signe que Google est un outil fait principalement par des <em>geeks</em> qui semblent soigner particulièrement les thèmes liés au web ;) En revanche, malgré mes billets concernant le <a href="http://www.css4design.com/index.php/2006/06/01/49-web-2-0">web 2.0 et les réseaux sociaux</a>, rien à l&#8217;horizon ni chez Google ni chez les autres. Ce qui me fait pencher pour l&#8217;existence de <em>clusters thématiques</em>.</p>

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

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

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

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

<p>De ce point de vue, écrire un article au lieu de deux n&#8217;est peut-être pas très judicieux. Dans quel <em>cluster</em> Google va-t-il placer celui-ci : dans les outils de mesure d&#8217;audience et autres données statistiques ? ou bien dans les thèmes liés aux mots-clefs, au <abbr title="Search Engine Optimization">SEO</abbr>, au référencement ou à l&#8217;écriture pour le web ? <em>Just wait and see</em>&#8230;</p>

<h3>Veuillez formuler votre requête ?</h3>

<p>Dans certains cas, un <em>thesaurus</em> élargit d&#8217;office la requête. Ainsi, j&#8217;ai vu de mes propres yeux la requête <em>détourer un visage</em>, mettre en évidence le terme <em>détourage</em> dans les résultats. Etonnant, non ? Mais jugez plutôt :</p>

<p class="imgBilletCenter"><img src="/images/billet/mesure-audience/resultat-google.png" alt="resultat-google.png" /></p>

<p>Vous avez peut-être remarqué la convention de nommage des images : ici <em>detourage-flou-gaussien-8.jpg</em> fait clairement référence au contenu des illustrations qui autrement restent hermétiques pour les moteurs de recherche.</p>

<p>Pour info, le dossier qui les contient s&#8217;appelle <em>detourage-photoshop</em>. Tout celà concourt à propulser la page en question à la 7<sup>ème</sup> position sur un total de 13 200 résultats. Et cela, moins de trois jours après la publication de l&#8217;article !</p>

<p>Pourtant, cette requête est plutôt large. Idem pour <em>intégrateur xhtml</em>. Mon blog apparaît en 1<sup>re</sup> position sur 58 600 résultats, mais semble disparaître avec la requête <em>intégrateur html</em> (700 000 résultats). Mais là, c&#8217;est sûrement le rapport de 1 à 12 qui m&#8217;est défavorable.</p>

<p>Néanmoins, toujours motivé, je mets parfois le terme <strong>html</strong> pas trop loin d&#8217;intégrateur en espérant que Google fasse le rapprochement&#8230; C&#8217;est en quelque sorte du mini <a href="http://bvwg.actulab.net/14-do-no-evil-do-cloaking.seo">cloaking</a> puisque je ne fait pas de <em>html</em>, mais du <em>xhtml</em> ^__^v</p>

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

<p>A partir de deux ou trois termes et plus, le contenu reprend la main sur l&#8217;ancienneté et le PageRank (à prendre avec des pincettes quand même), et là, c&#8217;est surtout la présence et la proximité de tout ou partie des termes demandés qui fait le classement. Il semblerait que la fraicheur de l&#8217;information disponible soit ici favorisée au détriment parfois de sites plus qualifié installés de longue date.</p>

<p>Mais c&#8217;est peut-être plus 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>

<h4>Le poids des mots, le choc des photos</h4>

<p>Si le choix des mots et le poids des photos est important, il convient d&#8217;être <em>pinailleur</em> quand il s&#8217;agit des titres H1, H2, H3&#8230; et carrément <em>parano</em> pour le titre de l&#8217;article, surtout s&#8217;il se retrouve &#8211; et je vous le conseille fortement &#8211; dans la balise meta=title et dans la balise <a href="http://www.css4design.com/index.php/2006/09/18/38-balise-meta-description-avec-php-pour-dotclear-et-referencement-google">meta = description</a> !</p>

<p>(Petite parenthèse : la plupart des <abbr title="Content Management System">CMS</abbr> donnent la possibilité de choisir le titre qui compose l&#8217;<abbr title="Uniform Resource Locator">URL</abbr> de la page. A la place de <em>monsite.com/?article=1</em>, on peut choisir une <abbr title="Uniform Resource Locator">URL</abbr> de type <em>monsite.com/titre-de-l-article</em>, ce qui est plus clair pour Google et pour le visiteur qui a une information supplémentaire sur le lien.</p>

<p>Dans <em>DotClear</em> ou <em>WordPress</em>, on peut choisir les termes qui vont composer cette <abbr title="Uniform Resource Locator">URL</abbr> : ne vous gênez pas pour modifier la proposition par défaut en gardant une certaine cohérence entre le titre de l&#8217;article et son adresse sur le réseau !).</p>

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

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

<ul>
    <li>Ceux qui analysent leurs statistiques,</li>
    <li>Les gens du marketing, toujours à l&#8217;affût d&#8217;une information liée à l&#8217;audience,</li>
    <li>Les geeks, toujours intéressés par un terme qui se termine par <em>Rank</em> ;)</li>
    <li>Ceux qui utilisent DotClear ou WordPress,</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>

<p>Si vous ne faites pas partie d&#8217;une ou plusieurs de ces catégories, c&#8217;est sûrement dû à un <em>bug</em> dans la matrice&#8230;</p>

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

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

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

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

<p>Après réflexion, j&#8217;ai choisi <em>mots-clefs</em> qui renvoie dix fois moins de résultats que <em>mots-clés</em>. Ce qui me donnera sans doute plus de chances d&#8217;être positionné dans les premières pages et de gagner ainsi en crédibilité sur le choix des mots-clés. D&#8217;autant plus que dans <em>mots-clefs</em> on trouve <em>mots-cle</em>. On verra bien assez tôt si j&#8217;ai vu juste. A vaincre sans <del>baril</del> péril, on triomphe sans <del>boire</del> gloire.</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&#8217;m dependent on a new currency &#8211; human action. The click is much more potent than the existence of a link.</blockquote>

<p>Tout le monde ou presque connait le <a 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 que même les méchants <a href="http://bvwg.actulab.net/">pirates experts en SEO</a> auraient du mal à <em>dealer with</em>).</p>

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

<p>On pourrait considérer cela 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&#8217;interroge sur le remplacement du <em>PageRank</em> par le <em>ClickRank</em>. En tout état de cause, Google a la possibilité d&#8217;améliorer encore ses résultats et de garder longtemps encore l&#8217;avantage.</p>

<p>Notamment, en utilisant les données d&#8217;<em>Analytics</em> et des <em>Webmaster Tools</em>, pour déterminer toujours plus de critères d&#8217;évaluation d&#8217;une <abbr title="Uniform Resource Locator">URL</abbr> ou d&#8217;un site en entier au regard d&#8217;une requête donnée en prenant en compte le nombre de pages vues sur un site, le temps passés sur ses pages, le nombre de clics effectués, etc.</p>

<h4>En bref</h4>

<p>Tout ce que Google peut enregistrer grâce à nous, n&#8217;a pas finit de lui donner un avantage intellectuel et économique vertigineux. Ce sujet semble inépuisable, mais ce n&#8217;est pas mon cas. Je laisse cette conclusion ouverte, et la fin de ce billet en version <em>bêta</em>, c&#8217;est-à-dire destinée à s&#8217;enrichir avec vos retours d&#8217;expériences sur le sujet. <em>Stay tuned and mind the gap!</em></p>

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

<ul class='related_post'><li><a href='http://css.4design.tl/wordpress-une-meilleure-indexation-avec-not-at-all-in-one-seo' title='WordPress &#8212; Une meilleure indexation avec Not at All in One SEO'>WordPress &#8212; Une meilleure indexation avec Not at All in One SEO</a></li><li><a href='http://css.4design.tl/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/balise-meta-description-avec-php-pour-dotclear-et-referencement-google' title='Adriana K, Google et balises meta dans DotClear'>Adriana K, Google et balises meta dans DotClear</a></li><li><a href='http://css.4design.tl/apercu-instantane-google-webdesign-referencement-naturel' title='Aperçu instantané de Google, Webdesign et référencement naturel'>Aperçu instantané de Google, Webdesign et référencement naturel</a></li><li><a href='http://css.4design.tl/tutoriels-seo-liens-referencement' title='4 tutoriels SEO et quelques liens pour surveiller votre référencement'>4 tutoriels SEO et quelques liens pour surveiller votre référencement</a></li></ul>
 <p><a href="http://css.4design.tl/?flattrss_redirect&amp;id=59&amp;md5=6add9693b9ab77beffe0f229b9dc6d3b" 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/mesure-d-audience-google-ecriture-des-mots-clefs-au-clickrank/feed</wfw:commentRss>
		<slash:comments>15</slash:comments>
		<atom:link rel="payment" href="https://flattr.com/submit/auto?user_id=br1o&amp;popout=1&amp;url=http%3A%2F%2Fcss.4design.tl%2Fmesure-d-audience-google-ecriture-des-mots-clefs-au-clickrank&amp;language=fr_FR&amp;category=text&amp;title=Mesure+d%26%238217%3Baudience+%3A+des+mots-clefs+au+ClickRank&amp;description=Pour+savoir+pourquoi+et+comment+vous+lisez+mon+blog%2C+j%26%238217%3Bai+install%C3%A9+quatre+scripts+de+mesure+d%26%238217%3Baudience+%3A+Google+Analytics%2C+phpMyVisites%2C+MyBlogLog+et+HitTail.+Sans+compter+Webalizer%26%238230%3B+Ce+billet+est+d%C3%A9coup%C3%A9...&amp;tags=Balise+meta%2CCloaking%2CContent+Management+System%2CDotclear%2CEcrire+pour+le+web%2CGoogle%2CMenu%2CPageRank%2CSEO%2CTutoriels%2CWordPress%2Cblog" type="text/html" />
	</item>
		<item>
		<title>Adriana K, Google et balises meta dans DotClear</title>
		<link>http://css.4design.tl/balise-meta-description-avec-php-pour-dotclear-et-referencement-google</link>
		<comments>http://css.4design.tl/balise-meta-description-avec-php-pour-dotclear-et-referencement-google#comments</comments>
		<pubDate>Mon, 18 Sep 2006 00:31:34 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Content Management System]]></category>
		<category><![CDATA[Dotclear]]></category>
		<category><![CDATA[Balise meta]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Référencement]]></category>
		<category><![CDATA[Tutoriels]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://www.css4design.com/blog-reloaded/?p=37</guid>
		<description><![CDATA[Comment ça y dit qu&#8217;y voit pas l&#8217;rapport&#8230; La particularité d&#8217;un bon système de publication de blog comme DotClear ou WordPress est, entre autre, d&#8217;opérer une séparation entre les données et leur affichage. Comme le fait une bonne page web avec le contenu et le design grâce à XHTML et CSS. Cela se traduit souvent par l&#8217;existence d&#8217;un dossier themes qui contient généralement un fichier template.php. Ce fichier regroupe les parties communes de votre site, dont notamment les balises meta. Ce qui peut avoir des conséquences sur la visibilité de vos pages dans Google. Voyons comment&#8230; Bon, c&#8217;est quoi le [...]]]></description>
			<content:encoded><![CDATA[<p>Comment ça y dit qu&#8217;y voit pas l&#8217;rapport&#8230;</p>

<p><img class="il" src="http://www.css4design.com/images/billet/adriana.gif" alt="Google, balises meta, DotClear... Moi c'est tout les jours, et vous ?" /> La particularité d&#8217;un bon système de publication de blog comme <a href="http://www.css4design.com/index.php/2006/06/01/23-cms">DotClear ou WordPress</a> est, entre autre, d&#8217;opérer une séparation entre les données et leur affichage. Comme le fait une bonne page web avec le contenu et le design grâce à <abbr title="Extensible HyperText Markup Language">XHTML</abbr> et <abbr title="Cascading Style Sheets">CSS</abbr>. Cela se traduit souvent par l&#8217;existence d&#8217;un dossier <em>themes</em> qui contient généralement un fichier <em>template.php</em>. Ce fichier regroupe les parties communes de votre site, dont notamment les balises meta. Ce qui peut avoir des conséquences sur la visibilité de vos pages dans <abbr title="1 suivi de 100 zéros (ou 10 à la puissance 100)">Google</abbr>. Voyons comment&#8230;</p>

<p><span id="more-48"></span></p>

<h3>Bon, c&#8217;est quoi le problème avec les meta ?</h3>

<p>La balise meta name=&nbsp;&raquo;description&nbsp;&raquo; retiendra plus particulièrement notre attention. En effet, son contenu fournit souvent le résumé qui suit l&#8217;<abbr title="Uniform Resource Locator ">URL</abbr> du site dans les résultats des principaux moteurs de recherche. (Notez toutefois que ces derniers peuvent aller chercher ces informations dans l&#8217;annuaire <a href="http://dmoz.org/World/Fran%c3%a7ais/">dmoz</a>).</p>

<p>Je trouvais ce système simple et performant jusqu&#8217;au jour où une discussion sur <a href="http://www.outil-referencement.com/index.php/251-balise-meta-description">outil-référencement</a> m&#8217;a permis de comprendre le sens du message suivant que l&#8217;on rencontre assez souvent à la fin d&#8217;une liste de résultat :</p>

<blockquote>Pour limiter les résultats aux pages les plus pertinentes (total : 48), Google a ignoré certaines pages à contenu similaire. Si vous le souhaitez, vous pouvez relancer la recherche en incluant les pages ignorées.</blockquote>

<p>Il arrive donc parfois que Google annonce plus de résultats qu&#8217;il n&#8217;en apparaît à première vue. Alors, comme ça, des pages sans doute très intéressantes pour l&#8217;internaute sont traitées comme quantité négligeable par le moteur pour la recherche en cours ?</p>

<p>Pourtant, j&#8217;ai remarqué à plusieurs reprises que de nombreux résultats ainsi ignorés se seraient bien vu apporter leur contribution&#8230;</p>

<h3>C&#8217;est pas moi, c&#8217;est la faute au template !</h3>

<p>Il semble que ce message apparait lorsque les descriptions sont identiques pour l&#8217;ensemble des pages d&#8217;un site retournées par le moteur. En gros, Google considère que si le contenu de votre balise meta name=&nbsp;&raquo;description&nbsp;&raquo; se retrouve à l&#8217;identique dans les résultats, c&#8217;est que le contenu des pages en question est le même, ou tout au moins suffisamment similaire pour être écarté d&#8217;une pichenette googlienne !</p>

<p>Tout ça à cause d&#8217;une description pas dynamique pour un sou qui ne veut pas s&#8217;adapter au monde moderne.</p>

<h3>Et PHP dans tout ça ?</h3>

<p>Ce qu&#8217;il nous faudrait, c&#8217;est un moyen d&#8217;avoir une description différente lorsqu&#8217;on affiche un billet ou la page principale du blog. Je décidais courageusement de m&#8217;atteler à la tâche quand le mail d&#8217;un spécialiste du référencement attira mon attention : le webmaster d&#8217;outil-referencement.com himself venait à mon aide et me fournissait les éléments du code PHP dont j&#8217;avais besoin pour DotClear. Qu&#8217;il en soit publiquement remercié ;)
<pre> &lt;?php
     $baseLine = " | Intégration XHTML, CSS et JavaScript. Ergonomie, référencement,
     design et développement web. Nombreux articles et tutoriaux accompagnés d'exemples fonctionnels.";
     if ($GLOBALS['mode'] == 'post') { ?&gt;
         &lt;meta name="description" content="&lt;?php $metaDesc=dcPostTitle();
         echo $metaDesc." ".$baseLine;?&gt;" /&gt;
     &lt;?php } else { ?&gt;
         &lt;meta name="description" content="Intégration XHTML, CSS et JavaScript. Ergonomie, référencement,
         design et développement web. Nombreux articles et tutoriaux accompagnés d'exemples fonctionnels." /&gt;
     &lt;?php } ?&gt;</pre>
L&#8217;objectif de ces lignes est de remplacer la description statique par la variable qui contient le titre du billet lorsque la variable globale mode vaut post, tout simplement. Je me suis contenté d&#8217;ajouter la variable $baseLine qui ajoute le texte de la description après le titre. Le beurre et l&#8217;argent du beurre ? Peut-être.</p>

<p>Pour utiliser ce script dans DotClear (version 1.2.5 en ce qui me concerne), il suffit de le coller à la place de votre balise meta description dans le fichier <em>template.php</em> de votre dossier <em>theme</em>. Si vous utilisez un autre système de blog, vous aurez au moins l&#8217;essentiel pour vous dépatouiller ;)</p>

<p>Comme je viens tout juste de faire le changement dans le template, il est encore trop tôt pour en ressentir les effets en terme de visibilité dans les résultats des moteurs. Mais c&#8217;est promis, je vous tiens au courant.</p>

<p><em>P.S. : la suppression pure et simple de cette balise donne aussi d&#8217;excellents résultats puisque le moteur affichera des extraits des textes situés en haut de la page. Néanmoins, je trouve que l&#8217;ajout du script permet de mieux contrôler les mots-clé. Pensez seulement à <a href="http://bvwg.actulab.net/12-partez-en-week-end-avec-adriana-karembeu.seo">bien choisir vos titres</a> ;)</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/ameliorations-cosmetiques-et-ergonomiques-sur-ce-blog' title='Améliorations cosmétiques et ergonomiques sur ce blog'>Améliorations cosmétiques et ergonomiques sur ce blog</a></li><li><a href='http://css.4design.tl/menu-html-et-css-portes-coulissantes-et-item-current-en-php' title='Menu HTML et CSS, sliding doors et item current en PHP'>Menu HTML et CSS, sliding doors et item current en PHP</a></li><li><a href='http://css.4design.tl/mesure-d-audience-google-ecriture-des-mots-clefs-au-clickrank' title='Mesure d&#8217;audience : des mots-clefs au ClickRank'>Mesure d&#8217;audience : des mots-clefs au ClickRank</a></li><li><a href='http://css.4design.tl/exercice-de-style-css-et-html-table-vs-div' title='Exercice de style CSS et HTML : table vs div'>Exercice de style CSS et HTML : table vs div</a></li><li><a href='http://css.4design.tl/blogs-developpeurs-web' title='35 blogs de développeurs web'>35 blogs de développeurs web</a></li></ul>
 <p><a href="http://css.4design.tl/?flattrss_redirect&amp;id=48&amp;md5=812245b7af3afd006e33cd3c880f402d" 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/balise-meta-description-avec-php-pour-dotclear-et-referencement-google/feed</wfw:commentRss>
		<slash:comments>18</slash:comments>
		<atom:link rel="payment" href="https://flattr.com/submit/auto?user_id=br1o&amp;popout=1&amp;url=http%3A%2F%2Fcss.4design.tl%2Fbalise-meta-description-avec-php-pour-dotclear-et-referencement-google&amp;language=fr_FR&amp;category=text&amp;title=Adriana+K%2C+Google+et+balises+meta+dans+DotClear&amp;description=Comment+%C3%A7a+y+dit+qu%26%238217%3By+voit+pas+l%26%238217%3Brapport%26%238230%3B+La+particularit%C3%A9+d%26%238217%3Bun+bon+syst%C3%A8me+de+publication+de+blog+comme+DotClear+ou+WordPress+est%2C+entre+autre%2C+d%26%238217%3Bop%C3%A9rer+une+s%C3%A9paration+entre+les+donn%C3%A9es...&amp;tags=Balise+meta%2CDotclear%2CGoogle%2CHTML%2CPHP%2CR%C3%A9f%C3%A9rencement%2CTutoriels%2CXHTML%2Cblog" type="text/html" />
	</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Page Caching using disk: basic

Served from: css.4design.tl @ 2012-05-24 16:41:14 -->
