<?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>La Case de l&#039;Oncle Tom &#187; seo</title>
	<atom:link href="http://case.oncle-tom.net/tag/seo/feed/" rel="self" type="application/rss+xml" />
	<link>http://case.oncle-tom.net</link>
	<description>Développement Web, bonnes pratiques et performances</description>
	<lastBuildDate>Sun, 25 Dec 2011 19:33:29 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<atom:link rel="search"
           href="http://case.oncle-tom.net/opensearch"
           type="application/opensearchdescription+xml"
           title="Content Search" />		<item>
		<title>BlogCamp Bordeaux #3 : le dessous des cartes</title>
		<link>http://case.oncle-tom.net/2008/blogcamp-bordeaux-3-le-dessous-des-cartes/</link>
		<comments>http://case.oncle-tom.net/2008/blogcamp-bordeaux-3-le-dessous-des-cartes/#comments</comments>
		<pubDate>Tue, 04 Mar 2008 06:00:29 +0000</pubDate>
		<dc:creator>Oncle Tom</dc:creator>
				<category><![CDATA[Projets]]></category>
		<category><![CDATA[atelier]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[blogcamp bordeaux]]></category>
		<category><![CDATA[bonnes pratiques]]></category>
		<category><![CDATA[bordeaux]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[france]]></category>
		<category><![CDATA[OpenOffice]]></category>
		<category><![CDATA[seo]]></category>
		<guid isPermaLink="false">http://case.oncle-tom.net/2008/03/04/blogcamp-bordeaux-3-le-dessous-des-cartes/</guid>
		<description><![CDATA[J&#8217;ai tenu ma première conférence vendredi 29 février 2008 à l&#8217;occasion de BlogCamp Bordeaux #3. Petite conférence car il n&#8217;y avait &#171;&#160;qu&#8217;une trentaine&#160;&#187; de personnes face à moi. Une fréquentation plus qu&#8217;honorable si on tient compte de la jeunesse de BlogCamp France, à savoir 3 mois. C&#8217;est l&#8217;occasion pour moi d&#8217;aborder cette session par un [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align:center"><img src="http://case.oncle-tom.net/images/2008/02/blogcamp-france-logo.png" alt="Logo BlogCamp France" /></p>
<p>J&#8217;ai tenu ma première conférence vendredi 29 février 2008 à l&#8217;occasion de <strong>BlogCamp Bordeaux #3</strong>. Petite conférence car il n&#8217;y avait &laquo;&nbsp;qu&#8217;une trentaine&nbsp;&raquo; de personnes face à moi. Une fréquentation plus qu&#8217;honorable si on tient compte de la jeunesse de <a href="http://blogcamp.fr/">BlogCamp France</a>, à savoir 3 mois.</p>
<p>C&#8217;est l&#8217;occasion pour moi d&#8217;aborder cette session par un angle un peu différent, en parlant notamment de l&#8217;aspect présentation : où, quand, comment et surtout combien de temps. Ce sera un bon <a href="http://blogcamp.fr/2008/03/04/compte-rendu-blogcamp-bordeaux-3/">complément du résumé officiel</a> et du <a href="http://blogcamp.fr/wiki/bordeaux/blogcamp3">wiki BlogCamp Bordeaux #3</a>.<br />
<span id="more-881"></span></p>
<h3>L&#8217;atelier BlogCamp Bordeaux #3</h3>
<div style="text-align:center"><object width="425" height="355"><param name="movie" value="http://static.slideshare.net/swf/ssplayer2.swf?doc=blogcamp-bordeaux-3-latelier-1204382639117599-4"/><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slideshare.net/swf/ssplayer2.swf?doc=blogcamp-bordeaux-3-latelier-1204382639117599-4" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object></div>
<p>Cette présentation m&#8217;a pris à peu près 8h de travail, en comptant le temps de recherche de la mise en page. On utilisait en effet pour la première fois un modèle commun. Ces 8 heures ont été réparties de la sorte :</p>
<ul>
<li>2 heures de recherche &laquo;&nbsp;artistique&nbsp;&raquo; <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' />  et de manipulations d&#8217;OpenOffice Impress infructueuses</li>
<li>3 heures consacrées aux grosses questions (au nombre de 2)</li>
<li>3 heures consacrées aux petites questions (au nombre de 3)</li>
</ul>
<p>8 heures de préparation pour &#8230; 45 minutes de présentation. J&#8217;avais une crainte là-dessus mais si la présentation avait duré 5 à 10 minutes de moins ça aurait été mieux. C&#8217;est noté pour la prochaine fois <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /><br />
Comme toujours, une présentation en direct est autrement plus parlante puisque les <em>slides</em> ne sont qu&#8217;un support à la discussion.</p>
<p>L&#8217;exercice consistait à répondre à des questions posées au préalable : de la gestion générale à du très précis ciblant la présentation d&#8217;un blog particulier. L&#8217;occasion de vulgariser au maximum des concepts tels que les sauvegardes, le référencement et les feuilles de style.</p>
<h3>Les faits marquants de BlogCamp Bordeaux #3</h3>
<p>Outre la razzia sur les boissons (après 1h il n&#8217;y avait déjà plus rien à boire), j&#8217;ai noté une <strong>grande mixité des participants</strong> : étudiants, salariés, patrons &#8230; tous liés au Web &#8230; ou pas. Le dénominateur commun de toutes ces personnes était clairement la curiosité de découvrir un évènement lié au Web à Bordeaux.<br />
C&#8217;est d&#8217;autant plus satisfaisant que ces personnes en sont reparties le sourire aux lèvres, ravies d&#8217;avoir rencontré de nouveaux contacts et constaté qu&#8217;à Bordeaux, ça bougeait enfin un peu. Une progression à suivre.</p>
<p>Je note aussi la <strong>présence de la &laquo;&nbsp;Dream Team&nbsp;&raquo; bordelaise</strong> avec des représentants des sociétés <a href="http://www.addeo.com/">ADDEO</a>, <a href="http://www.websiteburo.com/">Websiteburo</a>, <a href="http://www.clever-age.com/">Clever Age</a> mais surtout <a href="http://www.temesis.com/">Temesis</a>. J&#8217;espère très sincèrement que la prochaine fois on pourra davantage discuter et échanger tous ensemble sur le Web à Bordeaux.</p>
<p>La rumeur du jour serait qu&#8217;un <strong>blog commun aux sociétés des TIC</strong> serait en cours de création pour diffuser de l&#8217;information liée à l&#8217;économie du Web à Bordeaux. J&#8217;espère que ça se concrétisera et contribuera à dynamiser l&#8217;économie numérique de la région.</p>]]></content:encoded>
			<wfw:commentRss>http://case.oncle-tom.net/2008/blogcamp-bordeaux-3-le-dessous-des-cartes/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Microformats : republier et donner du sens aux contenus</title>
		<link>http://case.oncle-tom.net/2008/microformats-republier-donner-sens-aux-contenus/</link>
		<comments>http://case.oncle-tom.net/2008/microformats-republier-donner-sens-aux-contenus/#comments</comments>
		<pubDate>Tue, 29 Jan 2008 06:00:06 +0000</pubDate>
		<dc:creator>Oncle Tom</dc:creator>
				<category><![CDATA[Développement Web]]></category>
		<category><![CDATA[Standards du Web]]></category>
		<category><![CDATA[bonnes pratiques]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[hatom]]></category>
		<category><![CDATA[hcard]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[logiciels libres]]></category>
		<category><![CDATA[microformats]]></category>
		<category><![CDATA[semantique]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[technorati]]></category>
		<guid isPermaLink="false">http://case.oncle-tom.net/2008/01/29/microformats-republier-donner-sens-aux-contenus/</guid>
		<description><![CDATA[Le Web sémantique. Cette expression est sur toutes les lèvres de ceux qui préparent l&#8217;Internet de demain. Moteurs de recherche, services de pointe, secteur marchand &#8230; après avoir indexé du contenu, ils aimeraient désormais le comprendre. Comprendre pour mieux cibler, mieux profiler et mieux servir. Malgré cet aspect futuriste teinté de recherche et de développement, [...]]]></description>
			<content:encoded><![CDATA[
<p style="text-align:center"><img src="http://case.oncle-tom.net/images/2007/07/logo-microformats.gif" alt="Logo Microformats" /></p>
<p><strong>Le Web sémantique</strong>.<br />
Cette expression est sur toutes les lèvres de ceux qui préparent l&#8217;Internet de demain. Moteurs de recherche, services de pointe, secteur marchand &#8230; après avoir indexé du contenu, ils aimeraient désormais le comprendre. Comprendre pour mieux cibler, mieux profiler et mieux servir.<br />
<span id="more-861"></span></p>
<p>Malgré cet aspect futuriste teinté de recherche et de développement, le concept de Web sémantique est pourtant vieux comme &#8230; le Web. Tim Berners-Lee y pensait déjà lorsqu&#8217;il accouchait d&#8217;Internet sur ses petites tablettes.</p>
<p>Si les hommes arrivent à comprendre les hommes, les ordinateurs ne comprennent <em>que</em> ce pourquoi ils ont été programmés. Le Web sémantique a été imaginé pour palier à ce problème, pour expliquer le sens du contenu, pour lier les contenus entre eux tout en décrivant ces relations.</p>
<p>En ce sens, les formats <acronym title="Ressource Description Framework"><acronym title="Resource Description Framework">RDF</acronym></acronym> et <acronym title="Web Ontology Language">OWL</acronym> figurent comme les étendards du concept. <acronym title="Resource Description Framework">RDF</acronym> décrit les ressources tandis qu&#8217;OWL établit des liens entre eux en leur donnant un sens. Ces relations sont nommées <a href="http://fr.wikipedia.org/wiki/Ontologie_%28informatique%29">ontologies</a> et permettent donc de transformer un Web de données anonymes en un Web sémantique. Un Web où humains et ordinateurs comprennent et échangent.</p>
<p><strong>Les microformats sont nés du constat de complexité de mise en œuvre du couple <acronym title="Resource Description Framework">RDF</acronym>/OWL et d&#8217;un besoin de simplicité</strong>.</p>
<h3>Les microformats</h3>
<p>Tantek Çelik et Adam Rifkin dévoilent le concept des microformats en 2004 après 2 années d&#8217;expérimentation. Ils ne s&#8217;en cachaient pas : ils souhaitaient démocratiser et implanter la sémantique au cœur du Web en s&#8217;affranchissant au maximum de contraintes techniques.<br />
C&#8217;est ainsi qu&#8217;au lieu de créer un énième format de fichier les microformats se greffent sous la forme d&#8217;attributs (X)<acronym title="HyperText Markup Language">HTML</acronym> pour tenter de donner du sens au contenu.</p>
<p>Il existe plusieurs spécifications de microformats :</p>
<ul>
<li><a href="http://microformats.org/wiki/hatom">hAtom</a> (syndication de contenus, basé sur Atom) ;</li>
<li><a href="http://microformats.org/wiki/hcalendar">hCalendar</a> (dates et évènements, basé sur iCal) ;</li>
<li><a href="http://microformats.org/wiki/hcard">hCard</a> (représentation d&#8217;entité, basé sur vCard) ;</li>
<li><a href="http://microformats.org/wiki/hresume">hResume</a> (<acronym title="Curriculum vitæ">CV</acronym>, mélangeant hCard et hCalendar notamment) ;</li>
<li><a href="http://microformats.org/wiki/geo">geo</a> (emplacement géographique) ;</li>
<li><a href="http://microformats.org/wiki/xfn">XFN</a> (relations entre individus) ;</li>
<li><a href="http://microformats.org/wiki/xoxo">XOXO</a> (description de contenus) ;</li>
<li>et de nombreux motifs de conception rel-* (<a href="http://microformats.org/wiki/rel-tag">tags</a>, <a href="http://microformats.org/wiki/rel-nofollow">nofollow</a>, <a href="http://microformats.org/wiki/rel-license">license</a>, <a href="http://microformats.org/wiki/rel-home">home</a> etc.).</li>
</ul>
<h3>Intérêts et utilité des microformats</h3>
<p>La force des microformats réside dans sa souplesse d&#8217;utilisation, leur approche métier et surtout, la réutilisation de formats existants.<br />
Les microformats se basent sur deux attributs [<a id="nh1" title="[1] Il en existe en réalité 3 mais l&#8217;attribut rev n&#8217;est employé qu&#8217;une fois. (&#8230;)&nbsp;&raquo; rel=&nbsp;&raquo;footnote&nbsp;&raquo; href=&nbsp;&raquo;#nb1&#8243;>1</a>] de (X)<acronym title="HyperText Markup Language">HTML</acronym> :</p>
<ul>
<li><code>rel</code> : pour décrire la relation du lien avec sa cible ;</li>
<li><code>class</code> : pour décrire le sens de contenu.</li>
</ul>
<p>Les balises (X)<acronym title="HyperText Markup Language">HTML</acronym> indiquent la nature de leur contenu :</p>
<ul>
<li><code>&lt;p&gt;</code> pour un paragraphe de texte ;</li>
<li><code>&lt;h1&gt;</code> pour un titre important ;</li>
<li><code>&lt;strong&gt;</code> pour une forte emphase ;</li>
<li><code>&lt;img&gt;</code> pour une image ;</li>
<li><code>&lt;li&gt;</code> pour un élément de liste ;</li>
<li><code>&lt;a&gt;</code> pour lier une autre ressource via son <acronym title="Uniform Resource Identifier">URI</acronym>.</li>
</ul>
<p>Les microformats s&#8217;ajoutent par le biais des attributs cités ci-dessus (rel et class) pour affiner leur sens :</p>
<ul>
<li><code>&lt;a rel="nofollow"&gt;</code> indique aux robots d&#8217;indexation des moteurs de recherche de ne pas suivre ce lien ;</li>
<li><code>&lt;span class="tel"&gt;</code> indique que cette balise neutre contient un numéro de téléphone ;</li>
<li><code>&lt;div class="entry"&gt;</code> indique que cette balise neutre contient un article (billet de blog par exemple).<br />
Rassurez-vous, le choix des classes n&#8217;est pas arbitraire et le <a href="http://microformats.org/wiki/">wiki officiel</a> est un bon guide. Il reprend les spécifications des formats cités précédemment tout en les agrémentant d&#8217;exemples.</li>
</ul>
<p>Enfin, et pour achever d&#8217;attiser votre curiosité, voici un résumé des microformats en 7 points :</p>
<ul>
<li> ils s&#8217;adaptent au code et non l&#8217;inverse ;</li>
<li> ils s&#8217;appliquent aussi bien sur des pages statiques que dynamiques ;</li>
<li> ils aident à structurer la page ;</li>
<li> ils n&#8217;ont quasiment aucun coût de mise en place ;</li>
<li> ils aident et aideront à la bonne indexation du contenu dans les moteurs de recherche ;</li>
<li> ils offrent des perspectives d&#8217;interaction et de navigation intelligente pour les visiteurs d&#8217;une page microformatée ;</li>
<li> ils sont un socle pour réutiliser le contenu (cf. « Outils agrégeant les microformats »).</li>
</ul>
<h3>Cas pratique : offrir une carte de visite en visitant une page Web</h3>
<p>Prenons par exemple le cas des fichiers vCard. Nos carnets d&#8217;adresses en raffolent car ils contiennent des informations de contact : nom, prénom, adresse, numéro de téléphone, email etc.<br />
Il n&#8217;est pas rare de recevoir des emails contenant une vCard en pièce-jointe. Un clic dessus et les informations de l&#8217;expéditeur se retrouvent dans notre carnet d&#8217;adresses.</p>
<p><strong>Les microformats proposent la même chose</strong> mais au format Web avec le microformat hCard. Outre la ressemblance de nom, on retrouve dans sa spécification tous les éléments de vCard (nom, prénom, adresse etc.).<br />
La seule différence se trouve dans la représentation. Nous n&#8217;avons plus affaire à un fichier séparé (comme ça aurait été le cas avec <acronym title="Resource Description Framework">RDF</acronym> et OWL)<br />
mais bel et bien à du texte présent sur une page Web.</p>
<p>Si ce code était placé sur une page Web accessible au public, n&#8217;importe quel outil gérant les microformats serait capable d&#8217;en extraire les données et pourquoi pas, de lancer une recherche sur<br />
Google Maps pour obtenir les coordonnées GPS de l&#8217;adresse.</p>
<pre><code class="html">&lt;div class="vcard"&gt;
  &lt;a class="fn org url" href="http://www.clever-age.com/"&gt;Clever Age&lt;/a&gt;
  &lt;div class="adr"&gt;
    &lt;div class="street-address"&gt;37, boulevard des Capucines&lt;/div&gt;
    &lt;span class="postal-code"&gt;75002&lt;/span&gt;
    &lt;span class="locality"&gt;Paris&lt;/span&gt;
    &lt;div class="country-name"&gt;France&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="tel"&gt;
   &lt;span class="type"&gt;Téléphone&lt;/span&gt; +33 1 53 34 66 10
  &lt;/div&gt;
  &lt;div class="tel"&gt;
    &lt;span class="type"&gt;Fax&lt;/span&gt; +33 1 53 34 65 20
  &lt;/div&gt;
  &lt;div&gt;Email: &lt;span class="email"&gt;commercial@clever-age.com&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;</code></pre>
<h3>Outils proposant des microformats</h3>
<p>Les industriels et les leaders du Web contribuent à diffuser les microformats en les adoptant progressivement. Cette adoption apporte une valeur ajoutée à leurs services et facilite la vie des utilisateurs.<br />
Concrètement, ils microformatent leur contenu pour enrichir leur présentation et faciliter les interactions avec d&#8217;autres services.</p>
<p>Voici une liste non-exhaustive de services proposant des contenus microformatés :</p>
<ul>
<li><em>Blogs</em> (<a href="http://wordpress.org">WordPress</a>) ;</li>
<li><em>Cartographie</em> (<a href="http://maps.google.fr">Google Maps</a>, <a href="http://fr.local.yahoo.com">Yahoo ! Local</a>) ;</li>
<li><em>Emploi</em> <a href="http://www.jobijoba.com">JobiJoba</a>) ;</li>
<li><em>Outils sociaux</em> (<a href="http://flickr.com">Flickr</a>, <a href="http://del.icio.us">Del.icio.us</a>, <a href="http://ma.gnolia.com">Ma.gnolia</a>) ;</li>
<li><em>Réseaux sociaux</em> (<a href="http://www.linkedin.com">LinkedIn</a>, <a href="http://www.ziki.com">Ziki</a>).</li>
</ul>
<h3>Outils agrégeant les microformats</h3>
<p style="text-align:center"><img src="http://case.oncle-tom.net/images/2008/01/microformats-operator-c2fc2.png" alt="Extension Operator pour Firefox" /></p>
<p>L&#8217;utilisation la plus intéressante des microformats reste indéniablement l&#8217;agrégation. Vous pourrez ainsi construire un flux <acronym title="Really Simple Syndication">RSS</acronym> à partir d&#8217;une page statique ou explorer<br />
des photos en rapport avec la page visitée.</p>
<p><a href="http://technorati.com">Technorati</a> porte l&#8217;étendard des microformats. Ses différents services, utilisables en appelant une simple <acronym title="Uniform Resource Identifier">URI</acronym>, permettent d&#8217;agréger des <a href="http://technorati.com/contacts/">cartes de visites (vCard)</a> ou encore des <a href="http://technorati.com/events/">calendriers (iCal)</a> pour générer des fichiers réutilisables dans votre carnet d&#8217;adresse ou votre gestionnaire de temps.</p>
<p><a href="http://www.jobster.com/">Jobster</a> propose une utilisation intéressante des microformats. Ce site de recherche d&#8217;emploi vous évite l&#8217;écueil de l&#8217;énième ressaisie de CV. En lui fournissant l&#8217;<acronym title="Uniform Resource Locator">URL</acronym> de votre profil public LinkedIn, il en extrait toutes les données pour en générer un CV en ligne.</p>
<p>Les navigateurs Web jouent également le jeu. Firefox 2 (avec son <a href="https://addons.mozilla.org/fr/firefox/addon/4106">extension Operator</a>) ou encore Firefox 3 et le futur Internet Explorer 8 proposent des outils intégrés.<br />
Sur chaque page visitée, ils en extraient tous les contenus microformatés possibles et proposent différentes interactions possibles.</p>
<p>D&#8217;autres outils plus confidentiels s&#8217;efforcent de défricher le terrain, notamment les agrégateurs de flux <acronym title="Really Simple Syndication">RSS</acronym>/Atom et autres transformateurs <acronym title="eXtensible HyperText Markup Language">XHTML</acronym>/microformats :</p>
<ul>
<li><a href="http://xoxotools.ning.com/hatom2rss.php">hatom2rss</a> ;</li>
<li><a href="http://rbach.priv.at/Microformats/hAtom2Atom/">hAtom2Atom</a> ;</li>
<li><a href="http://atom.geekhood.net/">atom2rss</a> ;</li>
<li><a href="http://suda.co.uk/projects/X2V/">X2V</a>.</li>
</ul>
<h3>Conclusion</h3>
<p><strong>Il est de plus en plus facile de microformater les contenus, d&#8217;interagir avec et de les republier</strong>. Leur faible coût d&#8217;intégration et la rapidité<br />
d&#8217;apprentissage sont d&#8217;autres atouts pour intéresser vos intégrateurs <acronym title="HyperText Markup Language">HTML</acronym>, vos programmeurs ou même vos décisionnels.<br />
La publication de microformats de LinkedIn et leur utilisation par Jobster pour préremplir automatiquement le CV sans ressaisie est le cas de figure idéal.<br />
Ces pratiques ont pour vocation d&#8217;être généralisées, de quoi nous faciliter la vie.</p>
<p>Nous verrons dans une prochaine partie des bonnes pratiques d&#8217;intégration des microformats à des contenus déjà existants. Ce sera d&#8217;ailleurs l&#8217;occasion<br />
de remarquer que <strong>sémantique, respect des standards et accessibilité génèrent une incroyable synergie</strong>.</p>
<h3>Pour en savoir plus</h3>
<ul>
<li><a href="http://tantek.com/presentations/2006/03/microformats-sxsw/">Présentation des microformats en mars 2006 au SXSW Interactive</a> ;</li>
<li><a href="http://www.readwriteweb.com/archives/semantic_web_road.php">En route vers le Web sémantique</a> ;</li>
<li><a href="http://www.readwriteweb.com/archives/10_future_web_trends.php">Les 10 prochaines tendances du Web</a>.</li>
</ul>
<ol class="notes">
<li>[<a id="nb1" rev="footnote" href="#nh1">1</a>] Il en existe en réalité 3 mais l&#8217;attribut <code>rev</code> n&#8217;est employé qu&#8217;une fois. Difficile d&#8217;en déduire une généralité.</li>
</ol>]]></content:encoded>
			<wfw:commentRss>http://case.oncle-tom.net/2008/microformats-republier-donner-sens-aux-contenus/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Ajouter les tags WordPress dans une balise META</title>
		<link>http://case.oncle-tom.net/2007/tags-wordpress-balise-meta-keywords/</link>
		<comments>http://case.oncle-tom.net/2007/tags-wordpress-balise-meta-keywords/#comments</comments>
		<pubDate>Tue, 02 Oct 2007 11:00:38 +0000</pubDate>
		<dc:creator>Oncle Tom</dc:creator>
				<category><![CDATA[Développement Web]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[logiciels libres]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[tags]]></category>
		<guid isPermaLink="false">http://case.oncle-tom.net/2007/10/02/tags-wordpress-balise-meta-keywords/</guid>
		<description><![CDATA[Alexandre Balmes est à la fois content et déçu des tags de WordPress et pour cause, les nouvelles fonctions ajoutées ne permettent leur utilisation que dans the Loop (la Boucle, la boucle d&#8217;affichage du contenu de WordPress). Certes il y a des plugins qui produisent ce même effet (All in One SEO par exemple) mais [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align:center"><img class="aligncenter size-full wp-image-912" title="Logo WordPress" src="http://case.oncle-tom.net/images/2008/05/wordpress-logo.png" alt="Logo WordPress" width="273" height="66" /></p>
<p><a href="http://www.alexandrebalmes.fr/wordpress/wordpress-23-les-tags/">Alexandre Balmes est à la fois content et déçu des <em>tags</em> de WordPress</a> et pour cause, les nouvelles fonctions ajoutées ne permettent leur utilisation que dans <a href="http://codex.wordpress.org/the_Loop"><em>the Loop</em></a> (<em>la Boucle</em>, la boucle d&#8217;affichage du contenu de WordPress).</p>
<p>Certes il y a des plugins qui produisent ce même effet (<a href="wordpress.org/extend/plugins/all-in-one-seo-pack/">All in One SEO</a> par exemple) mais c&#8217;est un peu comme acheter une crémerie juste pour manger un bon coulant : <em>démesuré</em>.<br />
<span id="more-780"></span></p>
<h3>L&#8217;idée</h3>
<p>L&#8217;idée de départ est de collecter la liste des tags employés sur la page et de l&#8217;injecter dans une balise META nommé <em>keywords</em>. WordPress est suffisamment bien fichu pour qu&#8217;on n&#8217;ait pas à tripatouiller son code.</p>
<p>On va donc décortiquer une <strong>fonction qui sera appelée systématiquement sur toutes les pages contenant potentiellement des tags</strong>, on aggrègera tout ça pour l&#8217;afficher dans l&#8217;entête de la page.</p>
<h3>Le code</h3>
<p>En attendant que j&#8217;en fasse un plugin à part entière un peu plus modulable, voici la démarche technique employée.</p>
<ul>
<li><a title="Tags : META keywords" href="http://case.oncle-tom.net/images/2007/10/tags-meta-keywords.txt">Tags : META keywords</a> : code est à copier/coller à la fin du fichier <code>functions.php</code> du thème employé sur votre installation de WordPress</li>
</ul>
<pre><code class="php">/*
 * Petite vérification qui évite :
 * - de générer une erreur le jour où une telle fonction est introduite
 * - d'utiliser des ressources inutiles (dans l'admin, pas besoin de générer de balise keyword)
 */
if (!function_exists('get_all_tags_meta') &amp;&amp; !is_admin()) :
/**
 * get_all_tags_meta()
 *
 * Génère une entête META 'keywords' contenant les tags utilisés sur la page
 */
function get_all_tags_meta()
{
  global $posts;
  //$tags contiendra tous les tags trouvés par la suite
  //Il est tout à fait envisageable de la pré-remplir à la main ou via les options de WordPress (get_option())
  $tags = array();
  //On sort de la fonction si :
  //- les posts n'existent pas (cas d'appel de fonction AVANT que the Loop soit effectuée
  //- il n'y a aucun post (erreur 404, recherche infructueuse, catégorie/tag vide etc.)
  if (!isset($posts) || empty($posts))
  {
    return false;
  }
  //On boucle sur chaque post disponible pour en extraire les tags
  for ($posts_length = count($posts), $i = 0; $i &lt; $posts_length; $i++)
  {
    //Comme il peut y avoir un ou plusieurs tag par post, là encore on boucle
    //Les tags ne sont pas directement stockés dans $posts, il faut passer par l'<acronym title="Application Programming Interface">API</acronym> de taxinomie (wp_includes/taxonomy.php)
    foreach (get_object_term_cache( $posts[$i]-&gt;ID, 'post_tag' ) as $tag)
    {
      $tags[] = $tag-&gt;name;
    }
  }
  //Dédoublonnage du tableau final
  $tags = array_unique($tags);
  //On n'affiche l'entête que si elle n'est pas vide, voilà tout
  if (!empty($tags))
  {
    printf('&lt;meta name="%s" content="%s" /&gt;', 'keywords', implode(', ', $tags));
  }
}
//On exécute la fonction sur le hook wp_head()
//On pourrait le faire sur wp_foot mais cette fonction n'est pas systématiquement incluses (à tort) sur tous les thèmes
add_action('wp_head', 'get_all_tags_meta');
endif;</code></pre>]]></content:encoded>
			<wfw:commentRss>http://case.oncle-tom.net/2007/tags-wordpress-balise-meta-keywords/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Les meilleurs plugins pour WordPress</title>
		<link>http://case.oncle-tom.net/2007/meilleurs-plugins-wordpress/</link>
		<comments>http://case.oncle-tom.net/2007/meilleurs-plugins-wordpress/#comments</comments>
		<pubDate>Mon, 27 Aug 2007 11:00:27 +0000</pubDate>
		<dc:creator>Oncle Tom</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[akismet]]></category>
		<category><![CDATA[flickrrss]]></category>
		<category><![CDATA[logiciels libres]]></category>
		<category><![CDATA[microformats]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[spam]]></category>
		<guid isPermaLink="false">http://case.oncle-tom.net/2007/08/27/meilleurs-plugins-wordpress/</guid>
		<description><![CDATA[WordPress c&#8217;est bien. Bien utiliser WordPress c&#8217;est mieux ! Si je trouve l&#8217;installation de base de cette plateforme de rédaction plus qu&#8217;aboutie, certains plugins sont indispensables pour améliorer votre blog, son suivi et sa présence sur Internet. Je me permets donc de partager ma sélection des plugins que je trouve utiles pour une utilisation quotidienne [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align:center"><img class="aligncenter size-full wp-image-912" title="Logo WordPress" src="http://case.oncle-tom.net/images/2008/05/wordpress-logo.png" alt="Logo WordPress" width="273" height="66" /></p>
<p><a href="http://wordpress.org">WordPress</a> c&#8217;est bien. Bien utiliser <strong>WordPress</strong> c&#8217;est mieux !<br />
Si je trouve l&#8217;installation de base de cette plateforme de rédaction plus qu&#8217;aboutie, certains <em>plugins</em> sont indispensables pour améliorer votre blog, son suivi et sa présence sur Internet. Je me permets donc de partager ma sélection des plugins que je trouve utiles pour une utilisation quotidienne :</p>
<ul>
<li><strong>Akismet</strong></li>
<li>Dofollow</li>
<li>Feedburner FeedSmith</li>
<li>FlickrRSS</li>
<li>Full Text Feed</li>
<li>Google Analyticator</li>
<li>Google <acronym title="eXtensible Markup Language">XML</acronym> Sitemaps</li>
<li><strong>SEO Title Tag</strong></li>
<li><strong>Simple Tagging</strong></li>
<li><strong>Subscribe to Comments</strong></li>
<li><acronym title="WordPress">WP</acronym>-PostViews</li>
<li>WordPress.com Stats</li>
</ul>
<p>Ca en fait n&#8217;est-ce pas ? Tous ne vous seront pas indispensables (notamment si vous ne jouez pas avec <a href="http://www.flickr.com">Flickr</a> ni <a href="http://www.google.com/analytics/">Google Analytics</a>) mais peut-être que la lecture de ce billet vous en apprendra davantage et créer des envies <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /><br />
<span id="more-740"></span></p>
<h3><a href="http://wordpress.org/extend/plugins/akismet/">Akismet</a></h3>
<p>Une de mes plus fortes motivations pour migrer de <strong>Dotclear</strong> à WordPress était la présence d&#8217;<em>Akismet</em>, antispam évolué et mutualisé. Pourquoi mutualisé ? Parce que le travail est déporté sur les serveurs d&#8217;Akismet sur lesquels sont &laquo;&nbsp;branchés&nbsp;&raquo; des milliers de blogs. Autant dire que si un spam est déclaré au service, tous les sites utilisant Akismet en sont protégés.<br />
C&#8217;est redoutable et ça m&#8217;a permis d&#8217;éviter de perdre du temps à modérer les messages en carton qui innondaient le blog. A l&#8217;heure actuelle, ce ne sont pas moins de 20 000 spams qui m&#8217;auront été épargnés. En l&#8217;espace de 12 mois, c&#8217;est appréciable.</p>
<h3><a href="http://www.semiologic.com/software/wp-fixes/dofollow/">Dofollow</a></h3>
<p>Les référenceurs et les personnes sensibilisées au référencement Web se doivent de savoir que <strong>WordPress ajoute la valeur<code>nofollow</code> à l&#8217;attribut <code>rel</code> des liens hypertextes de vos commentaires</strong>. Pour rappel, il s&#8217;agit d&#8217;un <em>microformat</em> spécifiant aux moteurs de recherche de ne pas tenir compte du-dit lien. Ceci a pour effet de ne pas prendre en compte l&#8217;éventuelle relation entre votre site et un site tiers pour des raisons évidentes de spam.</p>
<p>Les spams étant très bien écartés, <strong>autant laisser ce flux de liens sortants faire son effet</strong>.<br />
<em>Seul bémol</em> : ce plugin n&#8217;a pas d&#8217;interaction avec le widget officiel qui continuera à arborer un <code>rel="nofollow"</code>. Un petit <em>plus</em> sympathique qui incitera peut-être davantage au commentaire sur votre blog <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<h3><a href="http://www.feedburner.com/fb/a/help/wordpress_quickstart">Feedburner FeedSmith</a></h3>
<p><a href="http://www.feedburner.com">Feedburner</a> est un service permettant de <strong>mesurer l&#8217;utilisation de vos fils <acronym title="Really Simple Syndication"><acronym title="Really Simple Syndication">RSS</acronym></acronym> et Atom</strong>. <q>Combien de personnes suivent mon fil <acronym title="Really Simple Syndication">RSS</acronym> ?</q>, <q>Combien de nouveaux abonnés aujourd&#8217;hui ?</q> ou encore <q>Quels sont les articles les plus cliqués ou lus depuis les agrégateurs ?</q> seront le genre de questions pour lesquelles vous obtiendez <em>enfin</em> des réponses.</p>
<p><em>Sa configuration est aisée comme tout</em> et il serait dommage de se passer d&#8217;un outil statistique doublé d&#8217;outils de republication d&#8217;une telle envergure.<br />
Pour information, j&#8217;ai également publié un billet expliquant <a href="http://case.oncle-tom.net/2007/03/17/migrer-un-flux-rss-vers-feedburner/">comment migrer un flux <acronym title="Really Simple Syndication">RSS</acronym> vers Feedburner</a> pour celles et ceux ne pouvant installer ce plugin.</p>
<h3><a href="http://wordpress.org/extend/plugins/flickr-rss/">FlickrRSS</a></h3>
<p>Vous utilisez le <a href="http://www.flickr.com">service de gestion et de partage de photos Flickr</a> ? Une bonne idée est d&#8217;<strong>intégrer vos photos directement sur votre blog</strong> de manière &laquo;&nbsp;propre&nbsp;&raquo;, c&#8217;est à dire sans passer par un médaillon en Flash ou JavaScript ; ceci bien sûr dans l&#8217;intérêt de pénaliser le moins de monde possible.</p>
<p>Son gros atout est la personnalisation du plugin et son <em>widget</em> : <em>peu d&#8217;efforts pour un bon résultat</em>.</p>
<h3><a href="http://wordpress.org/extend/plugins/full-text-feed/">Full Text Feed</a></h3>
<p>Depuis une certaine version de WordPress (la 2.1 me semble-t-il), quand bien même on paramètre le blog pour afficher des flux intégraux (contenant l&#8217;intégralité des billets et non un court extrait), à partir du moment où un billet est précédé d&#8217;un chapô, seul celui-ci est publié dans le flux <acronym title="Really Simple Syndication">RSS</acronym>.<br />
Comme vous pouvez vous en douter, ce plugin remet les pendules à l&#8217;heure et c&#8217;est bien <em>dommage qu&#8217;une telle option ne soit pas proposée par défaut dans WordPress</em>.</p>
<h3><a href="http://wordpress.org/extend/plugins/google-analyticator/">Google Analyticator</a></h3>
<p><a href="http://www.google.com/analytics/">Google Analytics</a> est un formidable outil statistiques de sites Internet générant des rapports clairs au sein d&#8217;une interface qui l&#8217;est tout autant. Sans pub et sans logo affiché sur les sites audités, c&#8217;est pour moi le meilleur outil gratuit tant en terme de mesures que d&#8217;outils fournis.</p>
<p>Si jamais vous décidez de suivre votre audience par ce service (Feedburner propose un service similaire mais moins complet, on peut imaginer que tôt ou tard une fusion sera opérée à ce niveau), <strong>Google Analyticator</strong> permet de placer le traceur sans avoir à toucher le code des différents thèmes de votre blog. Il permet même de vous exclure des statistiques pour refléter au mieux le parcours de vos visiteurs.</p>
<h3><a href="http://wordpress.org/extend/plugins/google-sitemap-generator/">Google Sitemaps Generator</a></h3>
<p>Les <a href="http://www.sitemaps.org/">sitemaps</a> ont été initiées par Google afin de mieux signaler de nouveaux contenus ainsi que l&#8217;architecture de votre site. Depuis le format a été adopté par d&#8217;autres géants de la recherche sur Internet (Yahoo!, Ask etc.). En toute honnêteté, <strong>je pense qu&#8217;un site bien construit n&#8217;a pas besoin de <em>sitemap</em> pour être bien référencé</strong> mais comme l&#8217;installation du plugin est facile et ne demande aucune attention post-installation, pourquoi s&#8217;en priver ?</p>
<p>A réserver aux <em>aficionados</em> du référencement.</p>
<h3><a href="http://wordpress.org/extend/plugins/seo-title-tag/">SEO Title Tag</a></h3>
<p>Encore un plugin pour référenceurs ! Un blog gagne à être vu et <strong>SEO Title Tag</strong> est justement là pour ça. Il offre la possibilité de personnaliser son titre de page que ce soit pour une page statique, un billet, les pages d&#8217;archives, les catégories ou toute autre <acronym title="Uniform Resource Locator">URL</acronym> gérée par WordPress.</p>
<p>L&#8217;intérêt ? Eviter d&#8217;avoir des titres à rallonge affichés sur votre blog tout en bénéficiant de titres de pages plus longs et optimisés pour votre référencement. Un exemple concret est ce billet même. Regardez le titre au-dessus du texte (<q>Les meilleurs plugins pour WordPress</q>) et le titre affiché dans la barre de titre (<q>Les meilleurs plugins pour WordPress : Akismet, Feedburner, FlickRSS, SEO Title Tag, Simple Tagging</q>) &#8230; ça parle tout seul <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<h3><a href="http://wordpress.org/extend/plugins/simple-tagging-plugin/">Simple Tagging</a></h3>
<p>Encore un plugin pour référenceurs ? Hélas pour ceux qui s&#8217;en fichent, tant mieux pour ceux qui s&#8217;y intéressent. Les <em>tags</em> (ou labels ou encore mots-clés &#8211; mais ça rappelle l&#8217;époque de la bulle Internet) viennent en complément des catégories de WordPress.<br />
Le plugin est astucieux et pratique puisqu&#8217;il propose une saisie prédictive, suggère des <em>tags</em> et permet de voir des billets relatifs. Il faudra cependant mettre les mains dans le cambouis pour tirer pleinement parti de ses possibilités (lister des billets par tag notamment).</p>
<p><strong>Attention cependant</strong>, avec l&#8217;arrivée de WordPress 2.3, la gestion des tags sera directement intégrée et ne nécessitera pas de plugin (si ce n&#8217;est pour en étendre leurs fonctionnalités). Je vous conseille donc d&#8217;attendre la sortie de cette version. Je conseille ce plugin aux personnes qui ne migreront pas vers WordPress 2.3 mais aussi parce que je l&#8217;utilise depuis quelques semaines. Son utilisation m&#8217;a offert une visibilité dans certains moteurs comme <a href="http://technorati.com">Technorati</a>.</p>
<h3><a href="http://wordpress.org/extend/plugins/subscribe-to-comments/">Subscribe to Comments</a></h3>
<p>Cette fois ce plugin s&#8217;adresse à toutes et à tous mais surtout à vos visiteurs. Qui n&#8217;a jamais répondu à un commentaire et oublié de revenir sur un site pour voir si d&#8217;autres personnes avaient réagi ? Plein de monde dont moi. Difficile de s&#8217;abonner à tous les flux <acronym title="Really Simple Syndication">RSS</acronym> de commentaires de sites sur lesquels on est actif car c&#8217;en deviendrait impossible à gérer.</p>
<p>Heureusement <strong>Subscribe to Comments</strong> ajoute une petite boîte à cocher au niveau du formulaire des commentaires et ceci dans le but de notifier les auteurs de commentaires que de nouvelles réponses ont été publiées. <strong>Vraiment</strong>, vos visiteurs apprécieront et leur retour sur votre blog n&#8217;en sera que facilité.<br />
Du côté administration, il y a quelques statistiques sur les billets présentant le plus d&#8217;abonnés, les derniers abonnés etc.</p>
<h3><a href="http://wordpress.org/extend/plugins/wp-postviews/"><acronym title="WordPress">WP</acronym>-PostViews</a></h3>
<p>Une bonne petite extension narcissique mais qui permet de <strong>mesurer rapidement l&#8217;intérêt que portent les visiteurs à votre contenu</strong>. Comptabiliser le nombre de lectures de chaque article et afficher ce nombre est son dada. Il faudra cependant triturer un petit peu le code des thèmes dans lequel vous voulez intégrer le plugin après activation. Les instructions sont cependant suffisamment claires pour y parvenir avec un faible bagage technique.</p>
<h3><a href="http://wordpress.org/extend/plugins/stats/">WordPress.com Stats</a></h3>
<p>Enfin on termine sur des <strong>statistiques</strong>, <q>encore une fois</q> me direz-vous. Celles-ci sont fournies par l&#8217;éditeur de WordPress à partir du moment où vous disposez d&#8217;une clé <acronym title="Application Programming Interface"><acronym title="Application Programming Interface">API</acronym></acronym> WordPress (c&#8217;est le cas si Akismet est activé et configuré sur votre blog). Il fournit un onglet supplémentaire dans votre tableau de bord et <strong>résume les liens entrants vers votre blog, les billets les plus lus du jour, les liens externes cliqués et de la veille ainsi qu&#8217;une courbe de progression de votre audience</strong>.<br />
Je pense que c&#8217;est un <strong>bon plugin pour débuter</strong> et suffisamment complémentaire avec <em>Google Analytics</em> et <em>Feedburner</em> pour ne pas avoir à s&#8217;en passer.</p>]]></content:encoded>
			<wfw:commentRss>http://case.oncle-tom.net/2007/meilleurs-plugins-wordpress/feed/</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
		<item>
		<title>OpenSearch et Google AdSense</title>
		<link>http://case.oncle-tom.net/2007/opensearch-et-google-adsense/</link>
		<comments>http://case.oncle-tom.net/2007/opensearch-et-google-adsense/#comments</comments>
		<pubDate>Fri, 23 Feb 2007 12:00:42 +0000</pubDate>
		<dc:creator>Oncle Tom</dc:creator>
				<category><![CDATA[Développement Web]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[google adsense]]></category>
		<category><![CDATA[opensearch]]></category>
		<category><![CDATA[seo]]></category>
		<guid isPermaLink="false">http://case.oncle-tom.net/2007/02/23/opensearch-et-google-adsense/</guid>
		<description><![CDATA[Les navigateurs Web modernes intègrent désormais quasiment tous une boîte de texte destinée à effectuer une recherche dans son moteur favori. Ces dits navigateurs permettent également d&#8217;ajouter les sites de son choix grâce au format OpenSearch initié par A9, filiale d&#8217;Amazon. Armez-vous d&#8217;un éditeur de texte et &#8230; c&#8217;est tout. Il n&#8217;en faut pas plus [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align:center;"><img id="image460" src="http://case.oncle-tom.net/images/2007/02/opensearch.png" alt="Logo OpenSearch" /></p>
<p>Les <em>navigateurs Web modernes</em> intègrent désormais quasiment tous une boîte de texte destinée à effectuer une recherche dans son moteur favori. Ces dits navigateurs permettent également d&#8217;ajouter les sites de son choix grâce au format <a href="http://www.opensearch.org">OpenSearch</a> initié par <a href="http://www.a9.com">A9</a>, filiale d&#8217;<a href="http://www.amazon.fr">Amazon</a>.</p>
<p>Armez-vous d&#8217;un <em>éditeur de texte</em> et &#8230; c&#8217;est tout. Il n&#8217;en faut pas plus pour créer son propre module de recherche <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /><br />
<span id="more-459"></span></p>
<h3>Repérer les sites compatibles OpenSearch</h3>
<p>Les sites proposant à leurs visiteurs un moteur de recherche intégrale au navigateur Web se signalent en mettant en surbrillance l&#8217;icône du moteur par défaut. Ca manque de clarté et de mise en avant mais il faudra faire avec en attendant que le format gagne en popularité.</p>
<p style="text-align:center;"><img id="image457" src="http://case.oncle-tom.net/images/2007/02/emunova-opensearch-fx2.png" alt="OpenSearch et Firefox 2" /></p>
<p><em>Moteur OpenSearch dans Firefox 2</em></p>
<p style="text-align:center;"><img id="image458" src="http://case.oncle-tom.net/images/2007/02/emunova-opensearch-ie7.png" alt="OpenSearch et Internet Explorer 7" /></p>
<p><em>Moteur OpenSearch dans Internet Explorer 7</em></p>
<h3>Construire son module OpenSearch</h3>
<p>Pour réussi à construire mon propre module, c&#8217;est simple, j&#8217;ai tout simplement bouquiné la documentation disponible (<acronym title="Read The Fucking Manual"><acronym title="Read The Fucking Manual">RTFM</acronym></acronym> comme on le répète si souvent) :</p>
<ul>
<li><a href="http://www.opensearch.org/Specifications/OpenSearch/1.1/Draft_3" hreflang="en">Spécification OpenSearch 1.1</a></li>
<li><a href="http://developer.mozilla.org/en/docs/Creating_OpenSearch_plugins_for_Firefox" hreflang="en">Créer un greffon OpenSearch pour Firefox</a></li>
</ul>
<p>A noter qu&#8217;en farfouillant dans le module de <a href="http://www.netvibes.com">Netvibes</a>, j&#8217;ai trouvé une fonctionnalité très intéressante : la <strong>mise à jour automatique</strong>. Cela permet d&#8217;actualiser les informations du module de recherche (<acronym title="Uniform Resource Locator">URL</acronym> du moteur, icône, nom du site etc.) sans avoir à inviter les utilisateurs à enlever puis rajouter le module.</p>
<p>Le résultat final est là :</p>
<pre><code>
&lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&gt;
&lt;OpenSearchDescription xmlns=&quot;http://a9.com/-/spec/opensearch/1.1/&quot;
xmlns:moz=&quot;http://www.mozilla.org/2006/browser/search/&quot;&gt;
	&lt;ShortName&gt;Emu Nova&lt;/ShortName&gt;
	&lt;Description&gt;&lt;![CDATA[Jeux vid&amp;eacute;o, &amp;eacute;mulation et retrogaming.]]&gt;&lt;/Description&gt;
	&lt;Url type=&quot;text/html&quot; method=&quot;GET&quot; template=&quot;http://www.google.com/?q={searchTerms}&quot; /&gt;
	&lt;InputEncoding&gt;<acronym title="International Organization for Standardization">ISO</acronym>-8859-1&lt;/InputEncoding&gt;
	&lt;Image width=&quot;16&quot; height=&quot;16&quot;&gt;http://www.emunova.net/favicon.ico&lt;/Image&gt;
	&lt;Tags&gt;emulation retrogaming video games nintendo sony microsoft sega arcade consoles computers&lt;/Tags&gt;
	&lt;SyndicationRight&gt;open&lt;/SyndicationRight&gt;
	&lt;Language&gt;fr-fr&lt;/Language&gt;
	&lt;UpdateUrl&gt;http://www.emunova.net/go/opensearch.xml&lt;/UpdateUrl&gt;
	&lt;IconUpdateUrl&gt;http://www.emunova.net/favicon.ico&lt;/IconUpdateUrl&gt;
	&lt;UpdateInterval&gt;3&lt;/UpdateInterval&gt;
&lt;/OpenSearchDescription&gt;
</code></pre>
<p>J&#8217;ai pris le soin d&#8217;aérer la présentation pour mieux situer les parties distinctes. Je n&#8217;aborderai pas la question du Doctype. Je fais appel à 2 déclarations différentes afin d&#8217;utiliser des balises spécifiques (celles liées à la mise à jour automatique en l&#8217;occurrence).</p>
<h4>Informations de base</h4>
<ol>
<li><strong>ShortName</strong> : nom du moteur qui figurera dans les navigateurs (souvent équivalent au nom du site)</li>
<li><strong>Description</strong> : description du service fourni par le moteur (actualité, fiches etc.)</li>
</ol>
<h4>Moteur de recherche</h4>
<ol>
<li><strong>Url</strong> : <acronym title="Uniform Resource Locator">URL</acronym> du moteur appelé. Le texte <kbd>{searchTerms}</kbd> est remplacé dans l&#8217;<acronym title="Uniform Resource Locator">URL</acronym> par les mots saisis dans la boite de recherche</li>
<li><strong>InputEncoding</strong> : encodage utilisé par le moteur de recherche <em>en entrée</em></li>
</ol>
<h4>Informations complémentaires</h4>
<ol>
<li><strong>Image</strong> : icône à afficher. Il y a également possibilité de la fournir directement en base64 pour éviter de faire appel à un fichier d&#8217;image supplémentaire (<a href="http://software.hixie.ch/utilities/cgi/data/data">encoder une image en base64</a>)</li>
<li><strong>Tags</strong> : quelques mots-clés pour qualifier le moteur</li>
<li><strong>SyndicationRight</strong> : accorde ou pas la possibilité de syndiquer les résultats dans un aggrégateur</li>
<li><strong>Language</strong> : langue employée par le moteur (norme <em><acronym title="International Organization for Standardization">ISO</acronym>-chaipasquoi</em>)</li>
</ol>
<h4>Mise à jour automatique</h4>
<ol>
<li><strong>UpdateUrl</strong> : fichier servant de comparaison (en général le même)</li>
<li><strong>IconUpdate</strong> : icône à afficher lorsqu&#8217;une mise à jour est présente</li>
<li><strong>UpdateInterval</strong> : intervalle de temps entre chaque vérification de mise à jour</li>
</ol>
<p>A noter que je n&#8217;ai <strong>vraiment pas</strong> abordé toutes les options existantes ni même évoqué la possibilité de suggestion de résultats. Le but était de <em>créer rapidement et simplement un module</em> adapté à la plupart des besoins. Le reste est dans la doc.</p>
<h3>Intégrer son module OpenSearch à un site Web</h3>
<p>Créer un fichier de recherche c&#8217;est bien beau mais reste ensuite à l&#8217;intégrer sur son site. Le plus simple reste la promotion par le biais du mécanisme de détection automatique. Une simple balise d&#8217;entête (se situant entre <code>&lt;head&gt;</code> et <code>&lt;head&gt;</code>) fait l&#8217;affaire. La seule difficulté consiste à renseigner le bon chemin d&#8217;accès &#8230; dur, dur.</p>
<pre><code>&lt;link title=&quot;Emu Nova&quot; type=&quot;application/opensearchdescription+xml&quot; rel=&quot;search&quot; href=&quot;mon_fichier_opensearch.xml&quot;&gt;</code></pre>
<h3>Intégrer Google AdSense pour la recherche à un module OpenSearch</h3>
<p>L&#8217;utilisation de la chaîne <code>{searchTerms}</code> permet d&#8217;envoyer de formuler une recherche via l&#8217;<acronym title="Uniform Resource Locator">URL</acronym>. Tous les moteurs connus utilisent un paramètre dans l&#8217;<acronym title="Uniform Resource Locator">URL</acronym> contenant les mots recherchés. Le plus intéressant est évidemment de générer des revenus grâce à un moteur de recherche pertinent et permettant une recherche dans son site (et l&#8217;ensemble du Web).</p>
<p><a href="http://www.google.com/adsense">Google AdSense</a> propose un tel moteur (à base de <a href="http://google.com/coop/cse/">Google Custom</a>). Il suffit de récupérer l&#8217;<acronym title="Uniform Resource Locator">URL</acronym> de recherche du moteur de recherche pour Adsense, de l&#8217;intégrer comme <acronym title="Uniform Resource Locator">URL</acronym> de recherche OpenSearch et en voiture Simone.<br />
Grâce au mécanisme de mise à jour automatique, ce moteur pourra évoluer en fonction de vos besoins (ajout de canal, changements de couleurs, de logos &#038; cie) et ceux de vos usagers. Sans la moindre contrainte.</p>]]></content:encoded>
			<wfw:commentRss>http://case.oncle-tom.net/2007/opensearch-et-google-adsense/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Records d&#8217;audience</title>
		<link>http://case.oncle-tom.net/2007/records-audience/</link>
		<comments>http://case.oncle-tom.net/2007/records-audience/#comments</comments>
		<pubDate>Wed, 07 Feb 2007 12:00:48 +0000</pubDate>
		<dc:creator>Oncle Tom</dc:creator>
				<category><![CDATA[Projets]]></category>
		<category><![CDATA[audience]]></category>
		<category><![CDATA[Emu Nova]]></category>
		<category><![CDATA[seo]]></category>
		<guid isPermaLink="false">http://case.oncle-tom.net/2007/02/07/records-daudience/</guid>
		<description><![CDATA[Je suis tombé il y a quelques jours sur un message des forums Emu Nova. J&#8217;en suis l&#8217;auteur et j&#8217;étais tout fier de notre tout nouveau record d&#8217;audience : 281 visiteurs, 311 visites et 1500 pages vues. C&#8217;était le 13 novembre 2002 soit tout juste 1 mois après le lancement du site. 4 ans et [...]]]></description>
			<content:encoded><![CDATA[<p>Je suis tombé il y a quelques jours sur un message des forums Emu Nova. J&#8217;en suis l&#8217;auteur et j&#8217;étais tout fier de notre tout <a href="http://forums.emunova.net/index.php?showtopic=293">nouveau record d&#8217;audience</a> : 281 visiteurs, 311 visites et 1500 pages vues. C&#8217;était le 13 novembre 2002 soit tout juste 1 mois après le lancement du site.</p>
<p>4 ans et demi plus tard, pour le dimanche 3 février 2007, les chiffres bondissent à 10 332 visites et 34 512 pages vues. Cela représente respectivement une augmentation de 3332% et de 2300%.</p>
<p>L&#8217;<strong>objectif inavoué</strong> : franchir les 15 000 visites et 50 000 pages vues avec la version 3 du site; 100 000 pages vues avec la version 2 du <a href="http://www.emunova.net/veda/">projet Veda</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://case.oncle-tom.net/2007/records-audience/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Changement d&#8217;adresse</title>
		<link>http://case.oncle-tom.net/2006/changement-dadresse/</link>
		<comments>http://case.oncle-tom.net/2006/changement-dadresse/#comments</comments>
		<pubDate>Wed, 16 Aug 2006 17:20:13 +0000</pubDate>
		<dc:creator>Oncle Tom</dc:creator>
				<category><![CDATA[Personnel]]></category>
		<category><![CDATA[dotclear]]></category>
		<category><![CDATA[migration]]></category>
		<category><![CDATA[seo]]></category>
		<guid isPermaLink="false">http://case.oncle-tom.net/2006/08/16/changement-dadresse/</guid>
		<description><![CDATA[Je ne parlerai pas du film puisque la critique débarquera plus tard (et ô combien gratinée) mais bel et bien de ce blog puisque son adresse a changé. Vous ne devriez y avoir vu que du feu ou presque puisque quelques éléments visuels ont été modifiés ainsi que l&#8217;adresse. Oubliez http://honenheim.free.fr/ et mémorisez http://case.oncle-tom.net. L&#8217;adresse [...]]]></description>
			<content:encoded><![CDATA[<p>Je ne parlerai pas du film puisque la critique débarquera plus tard (et ô combien gratinée) mais bel et bien de ce blog puisque son adresse a changé. Vous ne devriez y avoir vu que du feu ou presque puisque quelques éléments visuels ont été modifiés ainsi que l&#8217;adresse.</p>
<p>Oubliez <strong>http://honenheim.free.fr/</strong> et mémorisez <strong>http://case.oncle-tom.net</strong>. L&#8217;adresse est on ne peut plus simple à retenir désormais. J&#8217;en profite également pour changer de moteur de blog et passer à <a href="http://www.wordpress.org/">WordPress</a>, sympathique au demeurant.</p>
<p>J&#8217;en profite également pour planquer quelques billets et réorienter, si on peut parler en ces termes, le contenu du blog : ça sera vraiment personnel, de mon avis propre et totalement en indépendance avec mon travail même si des anecdotes jailliront surement de temps à autre. D&#8217;ailleurs, conseil, dissociez vraiment votre blog et votre travail de sorte à ce qu&#8217;on ne vous retrouve pas en tapant le nom de votre entreprise <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p>Il y a quelques billets à problème, au niveau de l&#8217;encodage des caractères mais ça sera résolu progressivement, le temps me manquant énormément en ce moment.</p>
<p>PS : pensez à mettre à jour vos aggrégateurs (Thunderbird, Firefox &amp; cie) si vous utilisiez les fils <acronym title="Really Simple Syndication">RSS</acronym> et Atom <img src='http://case.oncle-tom.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>]]></content:encoded>
			<wfw:commentRss>http://case.oncle-tom.net/2006/changement-dadresse/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

