「Blogger」ブラウザのタブに表示されるタイトルを変更したい

「Blogger」でブログを始めると、テンプレートによっては、ブラウザのタブに表示されるタイトルが、「ブログ名と投稿記事のタイトル」が一緒に表示されているものがあったりします。ブログ名よりも、投稿記事のタイトルだけを表示させたいと思った事ありませんか。

また、ブログ名が先頭にあると、タブの中に表示されるものが、見切れてしまい、投稿記事のタイトルがわかりづらいくなり、どうしたら投稿記事のタイトルだけを表示できるのか悩んでいました。

よくあるブログでは、トップページはブログ名だけが表示されていたりと、プログラマーでないと仕組みがよくわかりません。

ブログ名や投稿記事のページ名を表示するには

Bloggerのテンプレートには、独自のタグが使われており、それぞれ役割を持っています。

タイトル名や投稿記事のページ名については、以下のような設定になっています。

<data.blog.pageTitle/>

ブログ名: 投稿タイトル

<data.blog.pageName/>

投稿タイトル

 

<data.blog.title/>

ブログ名

 

<data.view.title.escaped/>

標準のタイトル形式からブログ名を非表示

これらがテンプレート内に配置されており、ブログをブラウザで表示した時に、設定された名前が表示されるわけです。

テンプレートを変更するには

「管理画面」→　「テンプレート」→　「HTMLの編集」の流れで、テンプレートを表示させます。

テンプレートの編集画面のどこかをクリックしてから「Ctrl+F」で検索ボックスを表示します。

検索ボックスに以下のタグを入力します。

• <title><data:view.title.escaped/></title>

※titleと入力して、検索してもいいです。

見つけた箇所に以下のようなタグに差し替えると、条件分岐によって、ページ名とブログ名を切り替えて、ブラウザのタブに表示されます。

<b:if cond='data:blog.pageType == &quot;index&quot;'>

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

<b:else/>

<title><data:blog.pageName/> - <data:blog.title/></title>

</b:if>

上の内容で、<data:blog.pageName/> - <data:blog.title/>

とある箇所では、ページ名とブログ名が同時に表示されます。ブログ名が不要であれば、<data:blog.title/>を削除すれば良いでしょう。

自分の場合、ブログ名は外しています。

理由は、アナリティクスなどで、アクセスされたページにもブログ名が表示されてしまい、ちょっと見づらく、管理上不要だと感じたからです。

検索時も、ブログ名よりも投稿記事のタイトルが重要なため、ブログ名は二の次くらいに考えています。