FC2ブログ
2008-02-07(Thu)

第02回-ブログタイトル・記事タイトルへの<h1><h2>タグの追加【生徒さんブログのカスタマイズ事例】

h1・h2タグ追加説明画面

ブラウザのタイトルに、記事タイトルが始めに表示されるように順序を変更します。
ブログタイトル・記事タイトルへ
<h1><h2>タグを追加します。



まず、予備知識から。ブログで書いた記事はテンプレートによって自動的に「htmlタグ」というのがつけられます。
そのタグの中で<h1><h2>タグに書かれている内容はgoogleなどの検索エンジン検索順位結果に大きな影響を与えます。しかしながらこのテンプレートにはこのタグを付ける設定がされていませんでした。
また、ブラウザタイトル欄の記事タイトルの順番がSEO対策的によくないものでした。記事タイトルブログタイトルの次に表示されています。SEO対策的には、【記事タイトル】+【ブログタイトル】の順でブラウザのタイトル欄に表示されるテンプレートが、検索エンジンHIT率影響があると言われております。

今回は、これらhtmlテンプレートスタイルシートテンプレート問題点修正を行いたいと思います。
みなさんも自分の使用しているテンプレートをぜひ確認してみてください。


■テンプレートの修正作業の前に


慣れるまでは、作業はブログ管理画面で直接行わず、該当する入力欄のなかのhtmlテンプレートスタイルシートテンプレートを全てコピーして、テキストエディタなどにペーストしてから作業して下さい。
テキストエディタをお持ちでないのでしたら、以下のページからダウンロードして下さい。
窓の杜 - 【特集】あなたにオススメのテキストエディターあります!
最初は「TeraPad」で始めてみて、html編集になれてきたら「HTML Project2」を使うのがいいと思います。

■では、アフィリエイト対策・SEO対策用テンプレートへの修正作業の第1回目です。


今回の作業内容は記事右上の画像を拡大してご覧下さい。
作業内容は以下の通りになります。

(1):ブラウザの「ブログタイトル」+「記事タイトル」を
  「記事タイトル」+「ブログタイトル」への順序変更。
(2):ヘッダの「ブログタイトル」への<h1>タグの適用。
(3):「記事タイトル」部分への<h2>タグの適用と、リンク設定の追加。
(4):スタイルシートの記事タイトルのリンク色の変更。

以下の順で作業してください。
※重要:この記事での修正作業はこのテンプレートのものです、お使いのテンプレートによって設定が違う場合がありますので確認しながら作業して下さい。(不明点は講座でお気軽にご質問下さい。)

●hinata_0205のhtmlテンプレートの編集


(1):「記事タイトル」+「ブログタイトル」への順序変更。
9行目の
<title><%blog_name> <%sub_title></title>

<title><%sub_title>&nbsp;<%blog_name></title>
に変更してください。
(&nbsp;というのは半角文字を開けるという意味です)

(2):ヘッダの「ブログタイトル」への<h1>タグの適用。
28行目の
<div class="top_title"><a href="<%url>"><%blog_name></a></div>

<div><h1 class="top_title"><a href="<%url>" title="<%blog_name>"><%blog_name></a></h1></div>
に変更してください。

(3):「記事タイトル」部分への<h2>タグの適用と、リンク設定の追加。
52行目の
<div class="entry_title"><a id="<%topentry_no>" name="<%topentry_no>"><%topentry_title></a></div>

<div><h2 class="entry_title"><a id="<%topentry_no>" name="<%topentry_no>" href="<%topentry_link>" title="<%topentry_title>"><%topentry_title></a></h2></div>
に変更してください。

●hinata_0205のスタイルシートテンプレートの編集


(4):スタイルシートの記事タイトルのリンク色の変更。
   ※(3)の部分でリンクを追加した事への対応です。
23行目に以下5行を追加

/* 追加設定 */
.entry_title a:link {color: #ff9a9c; text-decoration: none;}
.entry_title a:active {color: #ff9a9c; text-decoration: none;}
.entry_title a:visited {color:#ff9a9c; text-decoration: none;}
.entry_title a:hover{color: #ff7dbe; text-decoration: none ;}


●最後に


(5):不要な説明書きなどの文章の削除
3行目(ダウンロード、、、)~
16行目(、、、助かります。)までのの文章を削除。


今回のところは以上です。


参考:ブログというのは変数というもので記事の表示などをコントロールしています。
FC2ブログでは下記の変数があります。
FC2ブログテンプレート機能一覧
このページをブックマークしてください。

スポンサーサイト



●ランキング応援お願いします → 

 


comment form

管理者にだけメッセージを送る

comment

No title

ぽっぷ教授に。 質問。

●最後に の(5)が意味不明です。
?????

No title

はじめまして、藤原 誠と申します。

個別ページでのタイトルの順番って重要ですよね!
最初からなっているところってないから
やっておいた方がいいですね♪

応援ポチッと↓
ブログオーナー

教授

管理人:ぽっぷ教授

カテゴリー
アフィリエイトASP紹介
最近の記事
月別アーカイブ
このブログをRSSリーダーに追加
はてなRSSに追加
livedoor Readerに追加
My Yahoo!に追加
Googleに追加
goo RSSリーダーに追加
Bloglinesに追加
Powered by SEO対策 RSSプラス
ソーシャルブックマークに追加
免責事項
当サイトからのリンク先における各サイトの利用・登録につきましては各サイトの注意事項や規約をよくお読みになり自己責任でご利用・ご登録をお願いいたします。 万が一トラブルや、損害などが起きましても、当サイトは責任を負いかねますのでご了承ください。
メールフォーム

名前:
メール:
件名:
本文:

WEB制作のプロが薦めるSEO
Blogテンプレート、SEOマニュアル、サポートフォーラム。すべてにおいて、驚愕のクオリティを提供するSEO対策の3本セットです。特に『賢威』購入者専用SEOフォーラムにはプロも初見の最新のテクニックが集まりこれだけでも値段相応の価値があります。近日発売の「賢威3.0」への無償バージョンアップが可能です。
ランキング
 
ブログ内検索
 



このブログをリンクする
コミュニティ
edita.jp【エディタ】