Des meta tags efficaces

09/01/2011
Sur une suggestion de Jeff, voici un petit article pour aborder la question des meta-tags : comment avoir un titre de page correct, une description cohérente, et faire que le tout soit optimisé pour le référencement !

Etape 1 : localisez les balises

Dans le code HTML de votre template, localisez la ligne ci-dessous :
<title><data:blog.pageTitle/></title>
Cette ligne définit le titre d'une page (balise title). Supprimez cette ligne, et passons à la seconde étape

Etape 2 : ajoutez des meta-tags améliorées

Collez le code ci-dessous en lieu et place du précédent :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <title>Titre général : <data:blog.pageName/></title>
 <meta expr:content='data:blog.pageName + &quot; Description générale&quot;' name='description'/>
<b:else/>
 <title><data:blog.pageTitle/></title>
 <meta content='Description générale' name='description'/>
</b:if>

Les éléments en vert doivent être personnés, selon vos souhaits et le thème de votre blog.
Ce code intègre une condition, pour un peu plus de finesse :
  • Si la page ouverte est un billet
    • son titre est le titre du billet, avec un titre général si vous le souhaitez
    • sa description reprend le titre du billet, et se complète avec la description de votre choix
  • Si la page ouverte est la page d'accueil
    • son titre est le titre du blog
    • sa description est celle de votre choix
J'utilise ce blog de code sur tous mes blogs Blogger, sans problème. Une variante consiste à ne pas mettre de Titre général avant le titre des billets, tout dépend de la façon dont vous construisez les titres de vos billets : ajoutez quelques mots-clés avant (ou après) tous les titres de billets peut être bénéfique pour le référencement.

11 commentaires:

Anonyme a dit…

Bonjour, je ne sais pas si cela peut vous servir mais comme j’aime bien votre site je l’ai ajouté sur mon twitter, facebook, et digg-france, votre lien est là et ça peut attirer du monde http://www.digg-france.com

Jimmy a dit…

Merci visiteur anonyme !

Jeff a dit…

Bonjour Jimmy,

J'ai collé le code tel que montré plus haut et voici le résultat :

Votre modèle ne peut pas être analysé, car sa structure n'est pas conforme. Vérifiez que tous les éléments XML sont bien fermés.
Message d'erreur XML : Element type "b:if" must be followed by either attribute specifications, ">" or "/>".


Tu peux apporter la correction nécessaire ? Merci !

Jimmy a dit…

Quelques guillemets mal passés dans l'éditeur de billets... Ça devrait aller mieux maintenant (enfin j'espère :) )!

Jeff a dit…

Oui, ça fonctionne maintenant. Merci mon ami.

Une dernière question : Avec ces méta tags, si je copie le lien d'un billet, par exemple sur facebook, est-ce que la description partielle du texte va apparaitre ? Ou seulement la description du blogue ?

J'aimerais bien qu'à chaque billet que je publie sur ma page facebook, mes textes partiels apparaissent avec le titre.

Merci pour l'aide... :)

Jimmy a dit…

Si je ne me trompe pas, si tu te sers d'un bouton de partage Facebook tel que celui qu'il y a sur ce blog, Facebook récupère :

- comme titre, la balise title
- comme description, la balise meta description
- comme vignette, la première image qu'il trouve dans la page

Pour avoir un aperçu du texte, il faudrait pouvoir accéder au champ Blogger contenu le texte du billet au moment ou on écrit les meta, et en mettre une partie dans la balise description.

Sans doute faisable mais pas simplement sans doute...
Si quelqu'un a le temps de se pencher sur la question, il est le bienvenu :)

Soldes Vente privée a dit…

Très bonne analyse des meta-tags, votre site est à recommander.

mpoblog a dit…

J'ai envie d'essayer cette astuce, mais je me demande où placer des mots-clés ?

Flolasouricette a dit…

J'ai essayé mais le blog ne s'affiche plus et j'ai un message qui me dit qu'internet explorer a modifié cette page pour empécher le script de site à site. Que puis-je faire ? Merci.

domain hosting india a dit…

I would like to thank you for sharing your thoughts!!

Anonyme a dit…

merciii

http://personnaliser-blogger.blogspot.com/

Enregistrer un commentaire

Contact

Nom

E-mail *

Message *