タイトルタグを「投稿タイトル|ブログタイトル」に変更する方法

タイトルタグを「投稿タイトル|ブログタイトル」に変更する方法

ブログタイトルがちょっぴり長めな私のブログ。分かりやすいタイトルでなかなか気に入っておりますが、その長さゆえGoogleの検索結果だと中途半端なところで切れてしまい「これじゃ誰もクリックしてくれない...」と困っておりました。

「投稿タイトルが先に表示されればクリックされるかも?」と思い色々いじってみたところ、タイトルを「投稿タイトル|ブログタイトル」と変更する方法を発見しましたのでご紹介:)

これ、試す価値あります。

SPONSORED LINK

Googleで検索すると投稿タイトルが切れる

これじゃさっぱり読み取れない

試しにGoogleで検索してみるとこんな感じで表示される。

人並みはずれた読解力&想像力でも持っていなければ、このタイトルからブログの内容を予測するのは不可能でしょう。

タイトルタグを変更する

「テンプレート」-「HTML の編集」をクリック

Blogger管理画面より「テンプレート」→「HTML の編集」をクリック。

コードの中から次の部分を探します。探し方が分からない方は「カスタマイズ初級編!HTMLを編集する方法」を参考にどうぞ。

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

見つかったら以下のコードに置き換えましょう。

<b:if cond='data:blog.pageType == "item"'>
  <title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
  <title><data:blog.title/></title>
</b:if>

このカスタマイズをすると、投稿ページでは

投稿タイトル | ブログタイトル

で表示され、それ以外のページでは

ブログタイトル

が表示されます。

投稿ページで表示されるタイトルの区切り文字を「-(ハイフン)」などに変更したい場合は、上で紹介したコードの赤字部分(|)を「-」にすればOKです。

「テンプレートを保存」をクリック

最後に「テンプレートを保存」をクリックして完了。

これでブログの内容がよくわかる!

タイトルタグを変更すると、Googleではこんな感じで表示されるようになります:)

まとめ

というわけでタイトルタグを「投稿タイトル|ブログタイトル」に変更する方法のご紹介でした。

これは本当にオススメです!ぜひお試しくだされ:)

SPONSORED LINK

この記事がお役にたちましたらシェアをお願いします:)