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.

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
25 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
  4. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  5. 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
  6. 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
  7. 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
  8. @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
  9. @Dom
    Non ces balises ne servent à rien pour le SEO et Blogger.

    Il faut juste une balise meta Title et Description

    RépondreSupprimer
  10. bonsoir sofiane,

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

    comment puis-je faire ?

    RépondreSupprimer
  11. 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
  12. 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
  13. Ce commentaire a été supprimé par l'auteur.

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

    RépondreSupprimer
  15. Merci pour cette serie de tutos indispensable si on veut faire partie de la toile :)
    Si tu as deux minutes, pourais tu faire un tour sur mon blog (crée depuis 15 jours) histoire de me dire si je n'ai pas fais d'impairs.Merci en tout cas pour toute l'aide que tu propose.

    http://lemondedelyllou.blogspot.fr/

    RépondreSupprimer
  16. Ce commentaire a été supprimé par l'auteur.

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

    RépondreSupprimer
  18. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  19. Pardonnez-moi mes 3 loupés précédents. Dur, dur, de m'exprimer sur un sujet que je ne maîtrise pas ... Je suis sur Blogger, et je n'ai rien modifié du tout. Je remarque que mes articles à contenu unique, et à caractère commercial, sont bien positionnés. Le reste, ma foi ... Je me demande si je ne vais pas poster un article avec pour titre : 'acheter mes BD sur mon blog' pour que mon blog soit au top du top ...

    RépondreSupprimer
  20. Offre de prêt particulier par compte bancaire.

    Besoin d'un prêt financière? Vous êtes rejetés par la banque et vous
    désirez avoir un prêt pour subvenir a vos besoins quelconque? Quel que
    soit votre situation financière ou pour développez vos projet . Je
    vous offre Les prêts hypothécaires, prêts commerciaux, les prêts
    internationaux, les prêts personnels et de prêts Exclusive Prêts
    éducatifs . J'offre des prêts à la disposition des sociétés de
    personnes, d'autres publics et privés, et de nombreux. Je suis
    disponible à vous octroyer n'importe quel prêt, immobilier,
    financement, et plus. Offrez vous à la fois des prêts de long et court
    terme.mon intérêt de 2% Contactez-moi dès aujourd'hui et bénéficiez
    d'une première classe de services financiers. Email:
    landrin36000@gmail.com

    D'avance merci de bien vouloir passer le message pour ceux qui sont
    dans le besoin.
    Et merci pour la compréhension.

    RépondreSupprimer

Copyright 2015 Soufiane.fr