Blogger の <title> タグをカスタマイズする

Blogger のデフォルト設定では、<title> は「Blog 名: 記事の Subject」に設定されていますが（この記事だと「Blogger の小枝: Blogger で <title> タグをカスタマイズする」となります）、これだと検索した際に記事の Subject よりも Blog 名が前に表示されてしまうために、ちょっとどうかなー、と思うことがあります。

<title> を、たとえば「記事の Subject - Blog 名」に変更したい場合は、「テンプレート」から「HTML の編集」を選択して、現在のテンプレートのバックアップを取得後に、次のように変更して下さい。

変更前:

    <title><data:blog.pageTitle/></title>

変更後:

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

<data:blog.pageName/> が、記事の Subject 相当の文字列に変換されます。ただ、トップページやアーカイブページなどを開いた場合は <data:blog.pageName/> に値がセットされないため、<title> が「- Blogger の小枝」という、ちと格好悪いものになってしまいます。そのため、<b:if cond='data:blog.pageName == &quot;&quot;'> で <data:blog.pageName/> が未定義の場合のみデフォルト設定に戻すようにしています。


Blogger の小枝