Comment ajouter une balise Title / Titre dans Blogger

Dans mon dernier post je vous ai montrer comment ajouter une balise description qui sera utilisée comme résumé des résultats de recherche de Google. Dans ce nouveau tutoriel on va voir comment ajouter une balise TITLE (titre), l'élement le plus important de votre SEO.

Articles de la série

  1. Envoyer un SiteMap Blogger à Google avec Google Webmaster Tools.
  2. Référencement : tout est une question de LIENS.
  3. Ajouter une balise Description dans Blogger - Meta Tags.
  4. Comment ajouter une balise Title / Titre dans Blogger.
  5. Achetez un nom de domaine personnel tôt pour un meilleur référencement.

C'est quoi une balise Title

C'est le truc qui sera affiché au dessus da la barre d'adresse d'un navigateur et qui sera utilisé par Google comme titre des résultats de recherche.
Affichage de la balise TITLE dans les résultats de Google
Affichage de la balise TITLE dans le navigateur Firefox

Comment ajouter une balise TITLE dans Blogger

C'est très simple, connectez vous à Blogger, allez dans "Présentation", "Modifier le code HTML", recherchez <head> et juste après ajoutez ces lignes :
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

Comment ça marche :

Si on se trouve dans la page d'accueil, Blogger va utiliser le titre du blog (il faudrait avoir déjà défini un titre du blog à partir de Elements de page -> Modifier l'en-tête comme sur l'image en dessous) comme balise Title sinon il utilisera le titre de l'article comme balise Titre.
Voici par exemple à quoi ressemble le code de LeBlogger.com
Rappel : vos modifications ne seront pas visibles immédiatement dans les moteurs de recherche et il faut attendre quelques heures/jours pour voir Google modifier les titres d'un blog.

Attention : Avant de faire toute modification, vérifiez d'abord si votre Template utilise déjà une balise Title.
Proposé par : Internet Haute Vitesse
19 Commentaires

  1. Soufiane, Tu n'a fait qu'une ré-actualisation des anciens messages non ?

    RépondreSupprimer

  2. @Lucas
    Non, regard l'URL http://www.leblogger.com/2011/02/comment-ajouter-balise-title-titre.html

    2011/02

    Il y avait un vieux post qui parlait de presque la même chose : Mettre le titre de l'Article dans l'onglet de navigation

    RépondreSupprimer

  3. Grand merci Soufian, depuis mon changement de template, j'avais complètement oublié d'intégrer à nouveau ces balises.... Heureusement que tu penses pour tout le monde ;o)

    RépondreSupprimer

  6. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer

  7. Bonsoir et merci de nous aidé
    euh moi j ai deja une balise title
    donc je n ai pas besoin de prendre votre code je laisse le mien pour faire ce que vous dites?
    merci d'avance
    Cordialement,

    RépondreSupprimer

  9. Bonsoir sofiane , j'ai une question à te poser. Tu as mis après la ligne data:blog.pageName, "le blogger" avec une barre verticale. A quoi ça sert? On doit mettre nous aussi le nom de notre blog comme tu l'as fait?

    Et un truc qui à rien à voir, on voit dans ton code que pour la balise description tu as mis une condition, apparemment pour qu'elle ne s'affiche que pour la page d'accueil. Pourquoi? est-ce que si on ne fait pas ça, la description du blog s'affiche aussi quand google affiche un de nos articles? Parce que c'est c'est mon cas. Pour http://www.parodie-sport.com.
    Pareil pour le gadget facebook que tu donnes dans un de tes articles. Si je met partager, ça me met le titre et la description de mon blog plutot que celui de l'article. est-ce que tout ceci est lié ou pas?

    Merci pour ta réponse et continue à nous faire partager ton savoir ;)

    RépondreSupprimer

  10. Bonjour Soufiane,
    Merci de ton aide précieuse, je visite ton blog chaque jour.
    concernant les balises meta, je constate dans dans fullminima ainsi que dans cet article tu ne parles par des metas suivants:
    meta content='1 Day' name='revisit-after'/>
    META content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
    meta content='text/html; charset=iso-8859-1' http-equiv='Content-Type'/>"
    sont-ils toujours utiles ?
    merci de ta réponse

    RépondreSupprimer

  11. @Parodie-Sport
    Oui LeBlogger est juste un + dans la balise title.

    Pour la home, je définie la balise description et pour les autres je laisse Google/Facebook choisir

    RépondreSupprimer

  12. @Dom
    Non ces balises ne servent à rien pour le SEO et Blogger.

    Il faut juste une balise meta Title et Description

    RépondreSupprimer

  14. bonsoir sofiane,

    Pour ma part cela ne fonctionne pas
    je reçois un message d'erreur en rouge

    comment puis-je faire ?

    RépondreSupprimer

  15. idem pour moi j'ai ceci pour la balise title, alors que la balise meta fonctionnait bien :
    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 : The content of elements must consist of well-formed character data or markup.

    si tu as une idée..merci encore

    RépondreSupprimer

  16. Attention : Avant de faire toute modification, vérifiez d'abord si votre Template utilise déjà une balise Title. Que faire si c'est le cas ? Merci pour ton aide

    RépondreSupprimer

  17. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer

  19. a by the way this is my blog http://goo.gl/B7uHS
    Bon visite à ts les ami(e)s qui sont là.

    RépondreSupprimer

Copyright 2012 LeBlogger.com