FC2ブログ－SEOに適したhtmlのテンプレートを選ぶ2

前項に続き、
FC2ブログでテンプレートを選ぶ際の参考に、
検索エンジン対策（SEO）に適した構造のhtmlについて書きます。

ここでもtk[wikuna]さんの作った[ w-origin ] テンプレートを例にして
解説します。

あなたのブログ、
もしくは私がこの解説のために作ったブログ（下記URL）を開いてください。
http://diet023.blog133.fc2.com/

ブログの構成は、記事を書く本体と、
カテゴリメニューやリンク等を載せるサイドメニューに大別されます。

今回お話するのは、
この「本体」と「サイドメニュー」の
「htmlでの記載位置」についてです。
ブラウザで見た「見た目の位置」ではありません。
検索エンジンが読むhtmlファイルでの位置であることに注意してください。

結論から言えば、
記事の小タイトルや、キーワードを挿入した記事などが書かれる「本体」が
htmlのなるべく上の方にある方が好ましいです。

[ w-origin ] テンプレートのhtmlソースを見てみましょう。
トップページより個別ページの方がわかりやすいので、個別ページのソースを見てください。
（ソースを見たいページを表示させ、右クリック→「ソースの表示」を左クリック）

[ w-origin ] テンプレートでは、
本体は＜div id="main"＞～＜/div＞の間に書かれています。
そしてサイドメニューは、その下の方
＜div id="utilities"＞～＜/div＞の間に書かれています。

つまり、検索エンジンが重視する
＜h1＞＜/h1＞に書かれた記事タイトルや、
狙ったキーワードを含んだ記事本文などが上部にあり、
重要度が低いサイドメニューの記述が下にあるのです。

テンプレートによっては、
これが全く逆になっているものがあります。
延々とサイドメニューについての記述が続き、
下の方にやっと本文が出てくるようなサイトと比べると、
[ w-origin ] のようなhtmlは検索エンジンにとって親切であり、
探しやすいサイトになります。

つまり、結果的に検索エンジン上位表示に有利になると考えられるのです。

ですから、テンプレートを選ぶ際には、
記事本体がなるべくhtmlの上部に書かれているものを選びましょう。

※
tk[wikuna]さんのテンプレートは、
見た目のサイドメニューの位置を、
左、右、両方、下、と自由に設定出来ます。
やり方は簡単。

ブログ管理メニューの
「テンプレートの設定」でhtmlの
＜body class="mainIndex double"＞タグの
""の中を書き換えるだけです。

例えば、メニューを本文の下にした「１カラム」表示にするときは、
HTMLの＜!-- ★トップページはじまり --＞、＜!-- ★個別ページはじまり --＞、
＜!-- ★カテゴリページはじまり --＞、＜!-- ★アーカイブページはじまり --＞
のすぐ下にある＜body class="mainIndex double"＞タグを
＜body class="single"＞と書き換えます。

右にメニューの２カラムにしたいときは、
＜body class="double"＞に。

左メニューの２カラムにしたいときは、
＜body class="double-l"＞に。

両サイドメニューの３カラムにしたいときは、
＜body class="multi"＞に。

右に２メニューの３カラムにしたいときは、
＜body class="multi2"＞にします。

左に２メニューの３カラムにしたいときは、
＜body class="multi2-l"＞

※ここでは都合上、タグの＜＞を全角で書いていますが、
HTMLに記述する時は半角英数にしてください。

※HTMLの下にあるスタイルシートに、
上記したサイドメニュー表示の項目があります。
これをコピーしてHTMLの所定の場所にペーストしましょう。