2008/09/14

Blogger の タイトル の表示方法変更

Bloggerではそれぞれの記事のタイトルは

Blog名 : 記事タイトル

と言う風になっています。

 

image

Google検索の場合もこんな風な表示なっています。 でも、一番伝えたいのはBlog名ではなく、記事のタイトルです。

 

それ専用の選択肢はないのでHTMLを編集することで解決します。

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

この部分を

<!-- Start of Changing the Blogger Title Tag -->
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
<!-- End of Changing the Blogger Title Tag -->

このように書き換えることで、トップページではBlog名。個別の記事ではその記事のタイトルが表示されるようになります。 ただ、このままだと、個別記事ではその記事のタイトルしか表示されません。

上の太字の部分を少し修正します。

<title><data:blog.pageName/> ご自身のBlog名 </title>

このように修正することで、Blog名を記事のタイトルの後に表示出来ます。

例えばこのBlogだと現在はこのようになっているはずです。

image

少し小さくて読みにくいかと思いますが、きちんと出来ています。

 

Blog名を表示するタグを入れてみましたがエラー。 どうやら現在は名前を入力してやる必要があるみたいです。

Blog名を変更する場合は忘れずにこの部分も修正する必要があります。

 

via Blogger で title を変更してみる