過去ログを overflow でブログカスタマイズ

以前に過去ログをプルダウン化してブログカスタマイズしてみたんですが、やっぱ css で overflow 指定してスクロール型の擬似フレームっぽい方がいいかなって気もするんです。

overflow でブログカスタマイズしてみると、長かった過去ログリンクにスクロールバーが出現して、わりとすっきりした感じのデザインになるのでこっちの方がいいかなって気がします。

overflow とプルダウンのブログカスタマイズ比較

でも、この overflow とプルダウンのブログカスタマイズではどっちかっていうと、プルダウンの方がスタイリッシュなイメージもあって迷ってしまいます。

どちらのブログカスタマイズ方法も一長一短があると思うんで、overflow とプルダウンを比較してみました。

overflow でリンクファームの可能性

overflow でカスタマイズした際に、一番気になるのはやはり、隠しリンク的なリンクファームのペナルティーを受けないかなってところではないかと思います。

以前にサイバーエージェント関連のサイトで、検索インデックスが大量に削除されちゃったっていうのがありましたが、ぶっちゃけ、どんな感じでリンクファームしたらペナルティーを受けるんでしょうか。

Internet Archive でペナルティーを受ける前のデータを見てみると、だいたいこんな感じのちっちゃめの擬似フレームで、一見するとおすすめですよって感じのごく普通な印象があります。

でも、html ソースを拝見してみると、こんな感じで数十のリンク先が詰め込まれちゃってて、スクロールするとずらっと相互リンク先がならんでるんです。

こんな感じでやってたのがグーグルにばれちゃったみたいで、天誅されちゃったようなんですが、１日か２日ぐらいで削除されたインデックスが復活したみたいです。

でも、大きなサイトと違い、弱小な無料ブログの場合はみつかったら永久にペナルティーってこともありうると思うんで、あんまり overflow でのブログ作成はしたくないなってこともあると思うんです。

でも、外部サイトでなく、自分の内部リンクとして過去ログをブログカスタマイズする場合は、リンクファームにはあたらないと思うんで、たぶん大丈夫なんじゃないかなって気もするんです。

プルダウン化は SEO 的に不利

プルダウン化のブログカスタマイズの場合は、やっぱ <a href= のリンクタグではなくて、スクリプトっぽいＣＧＩなやつで書いていくことになるんで、内部リンクにカウントされなくなっちゃう可能性がけっこうあったりもします。

なので、このブログでは記事ページだけにプルダウンを設置しているんですが、今回の overflow でブログカスタマイズすると、<a href= のままなので、内部リンクも温存されるんじゃないかなって期待してます。

overflow でのブログカスタマイズ方法

このoverflowをスタイルシートに指定してのブログカスタマイズ方法ですが、それほど難しくはないって気がするんで、お試しになってみてはいかがかと思います。

シーサーブログの場合は過去ログタイトルはそのままで、その下に class が side で指定しているdivタグがあると思うんですが、その side を任意の class 属性に書き換えて、スタイルシートで overflow を設定すれば簡単でした。

このブログでは class 属性の side を over って書き換えてますが、英数小文字ならなんでもいいっぽい気がします。

擬似フレームな overflow のＣＳＳ

あとはスタイルシートに指定したクラス属性の設定をすればスクロールバーが表示されると思います。このブログはこんな感じです。

.over {overflow:auto; height:93px;}

overflow はスクロールを指定する overflow:scroll; などなどがあるようなんですが、オートに指定しておけばぶなんな感じになると思います。高さは周りのカテゴリと同じような高さを指定しておけば大丈夫なんじゃないかなって気がします。

このブログでは過去ログのリンクは、トップページをこの overflow のスクロールするやつにして、記事ページではプルダウンに、過去ログには通常の過去ログリンクにブログカスタマイズしてみました。

トップページにプルダウンの過去ログリンクは SEO 的に避けた方がいいと思いますが、この overflow のスクロールバーなら大丈夫なんじゃないかなって気がします。