ブロガー(Blogger)検索結果でブログタイトルより先に記事タイトルを表示させる方法

ブロガーの初期設定では、検索結果に表示される際に、「ブログタイトル：記事タイトル」という順で表示されます。これは、SEO的にもあまりよくないので、ブログタイトルよりも記事タイトルを先に表示させる方法をメモしておきます。

ブロガーのブログタイトルと記事タイトル

ブロガーの初期設定では、なぜか検索結果にブログタイトルの方が先に表示されてしまいます。こんな感じ。

ブロガー(Blogger)検索結果でブログタイトルより先に記事タイトルを表示させる方法

これでは、検索結果に表示されてもそこからクリックされにくいなど、不都合な点が多いので、記事タイトルを先に表示させるようにします。

記事タイトルをブログタイトルの前に表示する方法

テンプレートの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.pageTitle/></title>
</b:if>

こうすると、検索結果に以下のようにタイトルが入れ替わった状態になります。

とても、簡単です。ブロガーでブログを作ったらぜひやっておきましょう。

なお今回の記事は、MNTさんの初心者からのBloggerカスタマイズを参照させていただきました。

このブログの人気の投稿

BloggerのブログのPing送信を自動化する方法

BloggerにはPing送信先の追加ができないので、ブログランキングとかに更新情報をおくるには手動でPing送信を行わなくてはいけません。 …って、やっぱりめんどうですよね。それで、自動化できる方法はないかと探してみました。IFTTTというサービス（無料）を使って、Bloggerから自動的にPing送信を行う方法を説明します。

Bloggerのスマホ表示で記事下にラベル(カテゴリー)を表示させる方法

デフォルトのBloggerのスマホ表示は、とってもシンプルで、カテゴリーとして利用する「ラベル」も表示されません。しかし、これでは、ユーザーが記事を探しにくく、ブログからすぐに離脱してしまいますので、ラベルを有効的に活用したいものです。テンプレートのHTML編集を行えば、意外と簡単にBloggerのスマホでも記事下のラベル表示が可能になります。記事下にラベル(カテゴリー)を表示させるには、HTML編集を行います。 HTML編集で、「post-footer-line post-footer-line-2」を検索します。2カ所見つかるはずで、片方がPC用、もう一方がモバイル用となっています。そのモバイル用の方に、次のコードを挿入するだけです。 <span class='post-labels'> <b:if cond='data:top.showPostLabels and data:post.labels'> <data:postLabelsLabel/> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='not data:label.isLast'>,</b:if> </b:loop> </b:if> </span> HTML編集画面は、こんな感じになります。 PC用には、すでにコードが書き込まれているはずなので、それをそのままコピーしてもOKです。こんなふうに、スマホの記事下にラベルが表示されるようになりました。ちなみに、モバイルで記事タイトル下にラベルを表示させる方法は、こちらの記事で書

nendのオーバーレイ広告やインライン広告をbloggerに貼る方法

スマホで広告を最適化して表示してくれるnendは、アフィリエイトを行うならぜひ有効活用したいASPです。 nendで取得したオーバーレイ広告を、Bloggerに貼る方法を説明しています。

ブロガー(Blogger)のカスタマイズとかGoogle界隈

このブログを検索