【Google Blogger】ブログのページタイトルの表示順位を「投稿タイトル」「ブログタイトル」の順にしました

Google Bloggerでブログを投稿していて気が付いたのですが、投稿ブログ単独ページを表示した際のブラウザ･タブへの表示が「ブログ・タイトル：投稿タイトル」という順番になっていました。これは検索エンジンでワード検索した際にも同様で、「ブログ・タイトル：投稿タイトル」という風に出てしまいます。ブログタイトルが長いと投稿タイトルがなんだか訳の分からないものになってしまいますね。このブログの場合、タイトルが「LIFE GOES TO A PARTY」と長いので、投稿ブログの内容が分かるように順番を変えて表示しようと思います。

変更前の投稿ブログ表示

• 今までのブラウザ･タブへの表示

投稿タイトルがブログ･タイトルの後に表示されるために、投稿ブログの内容が判りづらい。





• 今までの検索エンジンへの表示

ブラウザ・タブ同様に、読める投稿タイトルの文章が短いために、表示されている部分からは投稿ブログの内容が判りづらい。

「投稿タイトル：ブログ・タイトル」の順で表示させるにはどうしたらいいの？　と探していると「 Blogger ブログのページタイトルを「投稿タイトル | ブログタイトル」の順にする方法 | クリボウの Blogger Tips」にドンピシャの記事がありました。「クリボウさん、ありがとうございます！」ということで、今回はクリボウさんの記事をそっくり真似して目的を達成させていただきます。

設定手順

Google Bloggerブログの「管理画面」→ 該当ブログの「テンプレート」→「HMTLの編集」ページを開きます。

1. コード検索
以下のコードをHTMLコードの中から探し出します。

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



2. コードの書き換え
該当コードを見つけたら、下記コードに書き換えます。

    <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> 

書き変えたら、「テンプレートを保存」ボタンを押して終了です。

変更後の投稿ブログ表示

• これからのブラウザ･タブへの表示

投稿タイトルがブログ･タイトルの前に表示され、ブログ･タイトルが表示されないこともあるでしょう。でも、これで投稿ブログの内容をタイトルから知ることができるようになりました。





• これからの検索エンジンへの表示

ブラウザ・タブ同様に、投稿タイトルが前に来たので投稿ブログの内容が伝わるようになりましたね。

クリボウさんのブログのおかげで簡単に修正することが出来ました。クリボウさんに感謝です。ありがとうございました。
Blogger ブログのページタイトルを「投稿タイトル | ブログタイトル」の順にする方法 | クリボウの Blogger Tips