リニューアルしました! 2010年バージョンです。

ワンクリックで全てのページに移動出来る仕掛けを作りました。サイト内移動がかなり便利になりました。

サイト改装,javascript,iframe,遅延ローディングなどについて。

リニューアルしました! 2010年バージョンです。

ブログのテンプレートを新しくしましたのでご報告します。2010年バージョンです(´∀`)ノ
見た目は殆ど変わりませんが、大改造しました!

2010年バージョン
▲JavascriptをONしにてブラウジングしている方は、左メニューリストからワンクリックでサイト内のほぼ全部のページへ移動出来るようになりました。
(2010年1月5日現在、全557記事中551記事へ移動可)

メニュー部分は約100Kbのリストファイルを遅延ロードで呼び出す形で実装しています。

どのくらい重くなるのか少し不安でしたが、サブのノートPC(Pentium M1.6Ghz、メモリ512MB)マシンでも表示に引っかかり無く軽快に作動したので、本日より導入です。

今回のサイト改造は自分のためです(^_^;

今までサイト改造を行う時は、
  ・「こうすると閲覧する人は見やすいんじゃないか?」とか
  ・「こうすると検索エンジンに表示されやすくなるんじゃないか?」とか
  ・「ここを改造するとPV増えるんじゃないか?」
などなど、どうにかしてネット上で自分のサイトの評価が上がるよう頑張っていましたが、今回は完全に自分自身の使いやすさ追求です(^_^;

500記事超えた辺りから自分で書いた過去記事を探すのに苦労するようになったので、なるべく少ない手間で目的の記事にたどり着けるよう、カテゴリーの再編集と、一気に全ページにアクセス出来るようなリスト作成を頑張りました。

前のメニューが出るページ、新しいメニューが出るページがある

お手数お掛けします。
以前に閲覧してPCにキャッシュが残っているページには、以前のメニューが表示されます。

気になる方はブラウザのキャッシュオールクリアをお願いします。
また、3日もするとキャッシュが切れるよう仕掛けが入れてありますので、何もしなくても今週末には全ページが新しいメニューに切り替わると思います。

F5キーを押してリロードしても新しいメニューが表示されますが、これでは1ページずつの更新になりますので、何度も作業を行う必要が出てきます。

作動確認

作動は IE6、7、8、Firefox3.5、GoogleChrome3.0、Opera9.8、Safari4.0で確認しています。
多少レイアウトにズレはありますが、満足に作動していると思います。
「どうにもおかしい」という方がおられましたら、PC環境を含め、不具合報告をコメント欄に入れくれると嬉しいです。

(時々メニューが消えなくなる現象がありますが、私の実力不足です(^_^;
メニューを数回マウスでなぞると消えますので、そのように対処してください。)

人気記事アクセスボタン
▲ちなみに今回も この「先月の人気記事へのアクセス」ボタンは、IE6では作動しません。

読み込みはjavascript + iframeで実装

今回のメニューリストの実装は、javascript + iframeで行っています。
カテゴリメニュー、広告メニューへのリンクボタンにマウスを乗せると、その時点で外部ファイルの読み込みが始まるように設計されています。

読み込んだファイルはiframeとして表示され、Javascriptで各レイヤーの表示・非表示を切り替えています。

今回の改造を行う際に参考にしたページは
JavaScript + Ajax 実践サンプル集 - ドロップダウンメニュー
Javascript/iframeの中身から親を操作する - 俺の基地
Javascript/iframeの中身を操作する - 俺の基地
遅延ロードでJavaScriptのお勉強 - Born Neet
▲上記4記事です。

本当は昨年中に実装、今年の元日からスタートしたかったのですが、、、
JavascriptでのIframeの中身の操作方法やロード完了のタイミングの測り方、遅延ローディングの方法などなど、勉強する事が多くて間に合いませんでした。

年末年始の休暇は全部これに費やして終わりました。。。( ̄▽ ̄;)

検索エンジンはどう評価するだろうか?

Googleの提案するWebマスターガイドには、「1ページからの発リンクは100以下に抑えるように」という指標があります。一般的なWebページならば100以下のリンクに抑えるのは簡単ですが、ブログ形式を取っているサイトは1ページ100~300個の発リンクを有しているのは当たり前の時代です。

私は1ページ300件位までの発リンクならGoogle、Yahoo、MSN(Bing)辺りも問題視していないと考えています。しかし現在、このサイトは通常ページで1ページに110~150個のリンク、左メニューのリスト機能を利用すると1ページに900近いリンクが存在する事になります。

このあたり、各種検索エンジンはどう評価して来るんだろう?
と一抹の不安を覚えながらも、このメニュー機能の便利さは捨てがたいので導入してみました。

検索エンジンの評価があまりにもガタ落ちした場合は少し考え直すつもりもありますが、多少のことなら挫けずにこの表示方法を取って行こうと思います。

あとがき

上記に書いた通り、年末年始をサイト改造に費やしました。
いやもうコント、頭の中はサイト改造の事で一杯でした(^_^;
完成して、ようやくお正月気分が訪れました。

元日にも書いたけど、もう一度

みなさま、あけましておめでとう!!!

今年も宜しくね~(´∀`)ノ



次のページへ
前のページへ
リニューアルしました! 2010年バージョンです。
TOPページへ

コメント(多忙中のため休止中) C[0] T[0]

人気ブログランキング
このブログを応援する・このブログに寄付する
mona:MEmMcKYAWfdX1r3XkoWBoweJTSjtDgdqRo
btc :1342ndtQDJ3NKkTw1BfP8AD4xMy8NJ4kWb


広告&サイト内おすすめページ

 

関連記事(ぜんぶ見る>> 2010年
逆アクセスランキングについて
今年は平成何年?を簡単に覚える方法
Youtubeが見れない・Web表示が上手く行かない等々の補足
年越しはへこみました(^_^;

※コメント欄の一時休止中につき、Monacoin企画も休止中です。
ドスパラ amazon
次のページへ
前のページへ

更新日 2010/01/05(2010年01月公開)このページはリンクフリーです

カテゴリ(メニュー)
このページ

Amazon

Amazon 日替わりタイムセール
サイト内検索
Special Thanks (TOP15)

Amazon
リンク集
楽天市場/ブログランキング
a8 a8