headのtitleタグの設定

スポンサーリンク


2014年1月22日にA8.netのファンブログはSeesaa Blogのシステムをベースにして生まれ変わりました。よってファンブログ関連の記事は今では当てはまらない可能性があります。新しいファンブログのカスタマイズは別ブログ「ファンブログ テック」で詳しく書いていますので、そちらをご覧ください。

スキンの<title>から</title>の間に入る内容を設定しました。

具体的には、ブラウザの一番上の青いところに表示される内容が変わります。
単独の記事を表示していても、サイトのタイトルしか出ていないので変えました。

当然、検索サイトに表示されるタイトルも変わります

具体的には1記事のスキンには

<title>

|

</title>

と書きました。これはこの記事であれば
headのtitleタグの設定 | ここにブログの名前を入れます」となるように

個別記事のタイトル | メインタイトル

と変換されます。

その他のスキンは、それぞれ

メイン <title>{$BlogName$} | トップページ</title>
アーカイブ <title>{$BlogName$} | アーカイブ</title>
プロフィール <title>{$BlogName$} | プロフィール</title>
ポータル <title>{$BlogName$} | ポータル</title>


としました。{$BlogName$} はブログのメインタイトルに変換されます。

ついでに空欄になっていたkeywordsもすべてのスキンに
HTML,css,JavaScript,スタイルシート,スキン改造」と書き込んでいます。ポータルのスキンには、keywordタグがなかったので、追加しました。

関連記事:descriptionとkeywords

ただdescriptionとkeywordsに書いているように、
Googleなどはキーワードタグは無視しているようです。

ファンブログの設定場面で登録しているdescriptionは現在メインタイトルの下に表示されている「スキン改造プロジェクト in ファンブログ」です。が、descriptionとしてはあまり良くない気がするのでスキンを変更します。

<meta name=”description” content=”

。スキンのカスタマイズ方法などを中心にHTMLとスタイルシート、JavaScriptのお勉強” />

これで画面上の出力は「スキン改造プロジェクト in ファンブログ」のままで、metaタグのdescriptionは「スキン改造プロジェクト in ファンブログ。スキンのカスタマイズ方法などを中心にHTMLとスタイルシート、JavaScriptのお勉強」となります。


関連コンテンツ

スポンサーリンク

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください