とあるサイトの新規ページを作成していたところ、既存のページよりあっとうてきにコンテンツボリュームが少なく、サイドカラムのほうがボリュームがでてしまいました。

まあ、そんなことはよくあることなのですが、な・な・なんと、フッター部分に設置した「ページTOPへ戻る」ボタンがサイドカラムにめり込んでいるではないか！

こういった事態に対応すべく、コンテンツが少ないページのサイドカラムのみ、下に余白を取ろうと思い、hr タグを入れてみました。

hrタグをそのまま使うと当然線が表示されます。そこでcssで線が消える（見えない）ように調整します。

hr {
bordr: none;
height: 0;
}

これで線が消えるはず。あとはmarginで余白を取れば設定完了。楽勝楽勝！

などと思いつつ、ブラウザでチェック。IE8やFirefox、Chorome、Operaなどは問題なく表示されている。

しかしIE6で見てみると、なんと線が残っているではありませんか！？

IE6、IE7のバグ

そうです、例によってIE6、IE7のバグが出てしまいました。 一瞬hrタグを使うのはやめようかと思いましたが、ちょっとネットで調べてみることに。

すると「モモンガの森」さんというブログで解決方法が見つかりましたので、参考にさせていただきました。

IE6,7でのバグを回避するには下記の1行をcssに追加してください。

*border-top: 1px solid;

これで無事解決！ モモンガの森さん、どうもありがとう！

サイトのTOPページのURL（ホームページアドレス）が複数存在するというのはご存知でしょうか。

まずはwww.sample.com。そしてwwwがないsample.com。さらにそれぞれにindex.htmlを含めたもの（www.sample.com/index.html、www.sample.com/index.html）。

一般的にはこの4通りのURLが存在することになります。

では、それのどこに問題があるのでしょうか？

その答えとは、ずばりSEOにとても効果があるということです！

• www.sample.com
• sample.com
• www.sample.com/index.html
• sample.com/index.html

この4つのURLはまったく同じページを指しています。ところが検索エンジンはこの4つのページをそれぞれ別のページとして認識してしまうのです。

そうなってしまうと、検索エンジンでの上位表示を狙ってもそのページの評価が分散されてしまい、上位表示が難しくなってしまうのです。

これは非常にもったいないことなので、対策されていないサイトがある場合はすぐにURLの正規化を行うことをオススメします。

301リダイレクトで1つのURLへ統一

さて、URLを統一する方法ですが、毎度おなじみの.htaccess大先生の登場です。

以下のソースを.htaccessへ記入し、サーバへUPするだけでOKです。

RewriteEngine on
RewriteCond %{HTTP_HOST} ^example.jp
RewriteRule ^(.*)$ http://www.example.jp/$1 [R=301,L]

RewriteEngine on
RewriteCond %{THE_REQUEST} ^.*/index.html
RewriteRule ^(.*)index.html$ http://www.example.jp/$1 [R=301,L]

考え方としては、統一したいURLを決めて、それ以外のURLは代表URLへ301リダイレクトをかけるというものです。

301リダイレクトとは、BというURLにアクセスがあった場合に、AというURLへ永久的に転送されるようにすることです。

以上の作業でURLの統一化が完了しました。ブラウザからアクセスしてチェックしてみてください。

さて、MTのインストールが終わってブログの運用が開始できる状態になったので、次はデザインを施します。

とはいえ、デザインをいちから作ってコーディングまでやる！というのは個人ブログではなかなか面倒です。

幸い日本で最も使われているブログウェアのMTにはすばらしいデザインの無料テンプレートが山ほどあります。

そんな数あるテンプレートのなかで今回使わせていただいているのがVicuna CMSさんのMT用テンプレートです。

Vicuna CMS

このテンプレートはcssのclassを変えるだけで、カンタンにレイアウトを変えられたり、SEOを意識したコーディングが施されていたりと、非常に使い勝手がいいです。もちろんデザインも文句なし！ありがたく使わせていただきます。