Mettre le titre de l'Article dans l'onglet de navigation

Comment mettre le titre du message de la page dans l'onglet de navigation au lieu du titre du blog?
Voici une petite astuce comme on les adore, simple et efficace, un copier/collé quoi !
Elle concerne le titre des pages qui s'affiche dans votre navigateur lorsque vous êtes sur un article.

Vous avez sans doute remarqué que, dans l'onglet de navigation, le titre de votre article ne s'affiche pas, mais on voit plutôt le titre du blog. En fait, le titre du blog s'affiche dans toutes les pages du blog.
Avant l'astuce
tite message barre anglet navigation
Après l'astuce
tite message barre anglet navigation
Pour faire en sorte que dans chaque page, le titre du message de la page s'affiche dans l'onglet de navigation, suivi du titre du blog, il faut changer la ligne <title><data:blog.pagetitle/></title>
Pour cela allez dans (Mise en page / modifier le code html), rechercher cette ligne <title><data:blog.pagetitle/></title> puis remplacer la par le code suivant :
<b:if cond='data:blog.pageType == "index"'>
<title> <data:blog.title/> </title>
<b:else/>
<title> <data:blog.pageName/> </title>
</b:if>
Cela n'est pas très important si vous ne le changez pas mais il paraît qu'on améliore la visibilité sur les moteurs de recherche, et surtout cela permet de personnaliser votre blog aussi bien au niveau de l'esthétique que de l'efficacité.
Dans la page d'accueil ainsi que celles des libellés, le titre du blog s'affiche normalement dans l'onglet de navigation.
78 Commentaires
  1. ca marche pas sur mon blog , car je n'ai pas pu trouver la ligne title .
    SVP Soufiance j'ai besoin de votre aide ?
    mon blog est http://cemination.blogspot.com

    MERCI d'avance !!!

    RépondreSupprimer
  2. savez-vous comment on change le titre des libellés ou labels ?

    Vous expliquez comment le faire pour les posts mais j'aimerais faire la même chose pour les pages de libellés qui reprennent le titre du site et non du libellé.

    Cordialement,

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

    RépondreSupprimer
  4. @ Le blog sur la Thailande
    pour l'instant je ne sais pas comment on fait, mais ça doit être possible en posant une confition b:if
    je te fait signe si je trouve quelque chose,

    RépondreSupprimer
  5. Merci pour tes coms Laurent, je suis ravi.

    RépondreSupprimer
  6. comment on fait ? ça marche pas pour moi

    RépondreSupprimer
  7. @ pluiedinf
    Tu fais copier, puis coller.
    C'est quoi ton blog d'abord.

    RépondreSupprimer
  8. marche bien tes astuce marcher pas avant que je change de templade la sa marche niquel bon jai encore quelque sousci mes bon tu pourra rien faire pour moi et merci de ta reponse que j'ai toujour pa recu

    RépondreSupprimer
  9. Salut!

    Tout d'abord merci pour ton blog qui est utile et a le mérite de prendre ses visiteurs pour des ignorants et non pas des gros geeks, en nous parlant de manière simple :D
    Alors tout ce dont tu parle a très bien marché pour moi, sauf cette rubrique qui me pose pour le coup un gros problème.
    Voilà mon blog : http://hypies.blogspot.com/

    Si tu clique sur un article, le nom de l'article n'apparait absolument pas, meme si je partage le lien, pour seulement garder le nom du blog et sa description, ce qui est très handicapant.

    Merci beaucoup pour ta ou vos réponse(s)!

    RépondreSupprimer
  10. Ok en fait j'ai réussi à mettre le titre de l'article, mais ya plus le titre du blog :/ J'aimerais bien avoir les deux.

    RépondreSupprimer
  11. @ Sid
    ça Devrait faire l'affaire :

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    <b:else/>
    <title><data:blog.pageTitle/></title>
    </b:if>

    RépondreSupprimer
  12. Je débute dans le monde du blog et je peux te dire que ton site m'aura bien aidé... D'autant plus que ça marche! Alors merci non seulement pour cette astuce, mais pour tout ton site :)

    RépondreSupprimer
  13. Une astuce simple comme on les aime ! Encore merci !

    RépondreSupprimer
  14. bonjour,
    je sais pas pourquoi mais les messages de mon blog ne s'affichent pas de la meme manière que celle indiquée en haut.( y a pas de affiche....)
    tu peux vérifier si tu veux.
    http://pfearchitecture.blogspot.com
    merci

    RépondreSupprimer
  15. Salut Soufiane! Désormais le titre des messages est affiché en premier dans google, lorsque je publie un article.
    Mais pour les anciens messages, comment faire pour que cette inversion s'applique également dans google?

    RépondreSupprimer
  16. Tu peux rien faire c'est automatiqe et ça dépend des blogs, si les pages sont bien référencées, google ne mettra que quelques heures pour appliquer des changement pareils....
    Mais je ne suis sûr de rien :((

    RépondreSupprimer
  17. J'ai remarqué que certains anciens messages ont bien le titre en premier dans google, d'autres pas...
    Merci Soufiane!!!

    RépondreSupprimer
  18. J'ai oublié de le préciser mais on peux ajouter le texte que l'on veux après les data:blog.title/> et data:blog.pageName/>

    voir ajouter les deux en même temps .....

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

    RépondreSupprimer
  20. comment ça copier coller !! expliqu

    RépondreSupprimer
  21. Et encore un script mis en place avec succès ! Merci Soufiane pour cet excellent travail que tu partages ! Félicitations !!! C'est un plaisir de venir sur ton blog pour recueillir ces mines d'infos qui en plus sont expliquées "tout simplement" alors que c'est loin d'être évident dans ce domaine. Cordialement. Bernard

    RépondreSupprimer
  22. Merci pour toutes tes astuces, notamment celle-ci! Mais voilà mon problème: j'ai fais comme tu as expliqué seulement apparaît maintenant en onglet:
    Le_Titre_de_votre_blog

    j'ai du louper qqchose, non?!!
    Merci pour ta réponse

    RépondreSupprimer
  23. ? c'est ta réponse à mon post?!
    jsuis perplexe...!

    RépondreSupprimer
  24. En fait, tu as utilisé le tuto pour ajouter des méta tags mais tu devais remplacer "Le_Titre_de_votre_blog" par le titre que tu veux donner à ton blog, ce que tu n'as pas fait d'où ce petit problème.

    RépondreSupprimer
  25. Merci beaucoup pour ton coup de pouce et ta disponibilité, problème résolu!
    -j'avoue que je ne suis pas douée_
    Bonne continuation!!

    RépondreSupprimer
  26. J'ai fait le copié collé, et je n'obtiens pas non plus le résultat escompté...
    Ca reste comme avant ...

    RépondreSupprimer
  27. Tu as zappé mon post, (avec tout le monde qui pose des questions , je comprends), sais tu pkoi avec ton code je ne peux pas personnaliser mon onglet de navigation ?
    Merci par avance

    RépondreSupprimer
  28. @Fred
    Avec tout le buzz autour du Concepteur de Modèles j'arrive même pas à lire les commentaires.
    Ché pas tu es sur d'avoir ajouté les liens au bon endroit ;)
    Envoi moi le code HTML par email et je regarderais :)

    RépondreSupprimer
  29. J ai le titre du blog avant celui des messages ?!! mais sans importance, ca me va comme ca...! merci du tuyau !
    Anne

    RépondreSupprimer
  30. Excellente astuce cela fonctionne à merveille merci

    RépondreSupprimer
  31. Merci, c'est juste énorme, mon blog devient magique grâce à toi :)

    RépondreSupprimer
  32. Merci tout plein, j'adore ton blog et vraiment tu m'aide bien avec tes articles toujours pertinents

    RépondreSupprimer
  33. Merci encore Soufiane pour tes super conseils ! Ton blog est génial !

    RépondreSupprimer
  34. @Alcapone
    Merci, c'est sympa :-)

    RépondreSupprimer
  35. Merciii encore je commence à être accro a tes sites la :D
    Blogs :
    http://all-you-wanna.blogspot.com/
    http://emo-stylish.blogspot.com/
    http://www.theworldcup2010-southafrica.blogspot.com/

    RépondreSupprimer
  36. merci soufiane pour ce petit astuce , mais est ce que ça marche pour la langue arabe ??

    RépondreSupprimer
  37. Là je dirais .. Hadchi bezzzzaf akhay Soufiane. L3azzz! :-)
    Merci pour l'astuce et bonne continuation!

    RépondreSupprimer
  38. bon bon, je dois être une énième cruche, ça ne marche pas sur mon blog.
    Le voici : www.lavieselonl.com
    Help Soufiane !
    Idem pour la Favicon...(et le fichier est bien en .ico)

    RépondreSupprimer
  39. Ca ne fonctionne pas chez moi.
    Pas bien grave, j'ai réussi a "coder" toutes les autres astuces que tu nous donne, BRAVO et MERCI.

    RépondreSupprimer
  40. Salut Sophian et merci encore pour tes astuces (j'ai notamment réussi à envoyer un sitemaps et mon blog et beaucoup mieux référencé maintenant malgré sa "jeunesse").

    Bon, l'ennui, c'est que ça ne marche pas lorsque je veux mettre le titre de l'article dans l'onglet de navigation ou ajouter tes boutons de partage à la fin de mes articles...

    Lorsque je changer le code HTML, tout ce passe bien au niveau de l'enregistrement, mais lorsque j'affiche le blog, aucun changement n'est effectué.

    Tu as une idée du problème ?

    RépondreSupprimer
  41. Astuce découverte un peu tardivement mais appliquée avec toujours autant de plaisir . Merci ....

    RépondreSupprimer
  42. @SOUFIANE Je ne trouve pas la ligne de code à trouver "<title ......" dans mon site.

    http://www.profiga.com

    RépondreSupprimer
  43. Mon site www.cancer-du-sein.org n'est toujours pas indexé :(

    RépondreSupprimer
  44. J'ai essayé de remplacé mais sa ne marche pas, sur les onglets c'est toujours le titre du blog qui s'affiche :/

    RépondreSupprimer
  45. J'ai besoin de votre aide
    impossible de faire ça sur mon blog. ça ne marche que quelques secondes !! ou alors pas du tout.
    mon blog est : karalys.blogspot.com
    j'ai vraiment besoin d'afficher le titre de l'article dans l'onglet de navigation, c'est une priorité. Dans google, c'est toujours le nom de mon blog (communication, identité numérique, médias sociaux le blog de karalys) qui apparait. Ainsi d'ailleurs que le descriptif qui figure à gauche dans ma slidebar. voir ci dessous

    merci de vos conseils !!!!!!!!!!!!!!!!!!!!

    Communication- identite numerique - medias sociaux - Le blog de ...
    3 sept. 2010 ... Le blog de Karalys - communication- identité numérique - médias ..... La communication d'entreprise est le domaine d'activité de l'Agence ...

    RépondreSupprimer
  46. @Karalys
    Le mieux c'est de m'envoyer le code HTML du blog en email et je te dirais ce qu'il faut modifier

    RépondreSupprimer
  47. Bonjour,
    pour mon blog le code ci dessus ne fontionne pas, la balise data:bolog.pagetitle n'existe pas mais c'est plutot $blogpagetitle$ qui est présente dans mon modele.
    Merci de me fournir un code qui fonctionnera pour mon blog de façon que le titre du message précède celui du blog.

    RépondreSupprimer
  48. Merci, c'est merveilleux d'avoir des gens comme toi qui peuvent nous aider précieusement!

    RépondreSupprimer
  49. Bonjour Soufiane,

    Je parcours votre blog depuis maintenant quelques jours et j'ai appliqué plusieurs de vos astuces avec succès : merci infiniment pour votre précieux travail !!!
    Par contre, pour le titre des articles dans l'onglet navigation, j'ai un problème, ils ne veulent pas apparaître, il n'y a toujours que le nom du blog... pourtant ça a marché 1 jours... et depuis plus rien... Pouvez-vous m'aider ?
    Merci d'avance !
    N.B. : voici l'adresse de mon blog si besoin http://mestrouvaillesetc.blogspot.com/

    RépondreSupprimer
  50. Merci Soufiane, encore une super astuce qui fonctionne parfaitement (pas dans l'aperçu de blogger mais une fois enregistré ça marche!!)

    RépondreSupprimer
  51. Salut Soufiane, ça march pas sure mon Blog, je sais pas pourquoi, tu peux m'aider ?

    RépondreSupprimer
  52. Coucou! Sur mon HTML je trouve pas cette ligne . J'ai tout réussi, sauf ça! Tu pourrais m'aider?

    RépondreSupprimer
  53. Ça Fonctionne pas???
    Comment faire pour que ça fonctionne ...
    Ou dois-je coller ce code?

    Mon Blog

    RépondreSupprimer
  54. Bonjour,
    Je viens d’essayer votre astuce et ca marche vraiment bien ! Merci infiniment pour votre gentillesse de l’avoir partagé.

    RépondreSupprimer
  55. Merci pour ce que vous faaites, je vouderais savoir comment on fait pour faire afficher le titre de l'article avant le nom du blog sur google, merci d'avance

    RépondreSupprimer

Copyright 2015 Soufiane.fr