Un bon référencement et surtout positionnement de vos articles dans les moteurs de recherche nécessite des titres et balises meta détaillés et propres à chaque article. Ce qui est loin d'être gagné avec un blog, encore moins avec la nouvelle version de Blogger.

L'idée ici est d'utiliser un widget blog dans lequel on pourra récupérer les éléments data:post.title et data:post.labels pour en faire respectivement le titre de la page et les mots clés. En outre, la combinaison des deux peut servir de description à la page, sachant que si elle n'est pas pertinente, le moteur de recherche ira chercher une autre description dans le corps de votre article. Tout ceci quand on est sur une page article (voir notre article sur les différents types de pages Blogger).

En dehors d'une page article, il suffit simplement de fixer ces balises, le titre restant data:blog.pageTitle. A l'origine vous n'avez qu'un seul widget de type blog qui a pour id blog1 (consultez notre article Maitriser le widget blog). A moins d'avoir ajouté un autre, notre widget ici aura pour id blog2; ce qui donne comme code:

<b:if cond='data:blog.pageType != "item"'>
  <title><data:blog.pageTitle/></title> <!--(1)titre page autre que article-->
  <meta name='keywords' content='Mettez ici vos mots clés'/>
  <meta name='description' content='Mettez ici la description de votre blog'/>
<b:else/>
  <b:section id='meta'>
    <b:widget id='Blog2' locked='true' title='Messages blog' type='Blog'>
      <b:includable id='main' var='top'>
        <b:loop values='data:posts' var='post'>
  <title><data:post.title/></title> <!--(2) titre de la page article-->
  &lt;meta name=&quot;keywords&quot; content=&quot;<b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>, </b:if></b:loop>&quot;/&gt;
  &lt;meta name=&quot;description&quot; content=&quot;<data:post.title/>. <b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>, </b:if></b:loop>&quot;/&gt;
        </b:loop>
      </b:includable>
      <b:includable id='nextprev'/> <b:includable id='backlinks' var='post'/>
      <b:includable id='post' var='post'/> <b:includable id='commentDeleteIcon' var='comment'/>
      <b:includable id='status-message'/> <b:includable id='feedLinks'/>
      <b:includable id='backlinkDeleteIcon' var='backlink'/> <b:includable id='feedLinksBody' var='links'/>
      <b:includable id='postQuickEdit' var='post'/> <b:includable id='comments' var='post'/>
    </b:widget>
  </b:section>
</b:if>

Ce code intégré dans votre blog, après personnalisation, il ne vous reste plus qu'à associer des labels à chaque article de votre blog à chaque fois que vous publiez, ils seront vos mots clés pour cet article et une partie de sa decription, cette dernière étant complétée par le titre de votre article qui devra être pertinent.

Mise à jour du 05/03/2008
L'équipe de Blogger a désactivé la possibilité de placer une balise <b:section> à l'intérieur d'une balise <head>. Cela se traduit par le message d'erreur suivant: Your template is invalid because the tag 'b:section' appears inside of the tag 'head'.

Une des solutions pour contourner cela, sachant qu'il faut forcément une balise <head>, est de rajouter une autre balise head en xml qui sera ignorée lors de la validation. On l'écrira ainsi:

&lt;head>...&lt;/head> et on y mettra le code ci-dessus (modifié).