タイトルバーの表示内容を変更

ブラウザのタイトルバー(ブラウザ上部の青い部分)には「ブログカスタマイズのブログ: 更新情報」のようにページタイトルが表示されます。このページタイトルはGoogleなどの検索エンジンの検索結果にも表示される内容です。この文字列を変更しました。

ブラウザタイトルバー

初期の状態ではタイトルバーに次の内容が表示されます。

トップページブログ名
カテゴリページブログ名: カテゴリ名
過去ログページブログ名
記事ページブログ名: 記事タイトル

これを次のように変更しました。

トップページブログ名
カテゴリページカテゴリ名 - ブログ名
過去ログページブログ名
記事ページ記事タイトル - ブログ名

このカスタマイズはページ全体のHTML編集です。マイブログメニューの[デザイン]⇒[HTML]から編集を行います。ソース上段にtitleの記述があります。

<title><% blog.title %><% if:extra_title %>: <% extra_title %><% /if %></title>

<title></title>間がブラウザタイトルバーに表示される内容です。赤文字のif文を次のように変更しました。
<% extra_title %>はカテゴリページではカテゴリ名、記事ページでは記事タイトルになります。

<title><% if:extra_title %><% extra_title %> - <% /if %><% blog.title %></title>

これで作業は完了です。初期値との差分を確認すると次のように表示されます。
「-」が初期値(削除された行)、「+」が変更後(新しく追加した行)です。

初期値との差分

変更後は次のブラウザタイトルバーのように表示されます。

ブラウザタイトルバー
トップページへ戻る

サイトマップ

Seesaaブログのカスタマイズ > サイト全体 > タイトルバーのカスタマイズ
スタイルシート カスタマイズ

スタイルシート作成ツール

HTMLカスタマイズ
サイト全体

記事コンテンツ

コメント、トラックバック
新着記事

カテゴリ

最近のコメント、トラックバック

検索ページ

その他