Web屋のネタ帳

Webシステム＆デザインの世界では「動的ページ、静的ページ」といった言葉がよく使われる。 近年流行っているＳＥＯ＝Search Engine Optimization＝検索エンジン最適化＝において 動的、静的の違いによる影響が大きいことから、 最近ではエンジニアではない人の会話でもこの言葉が使われるようになってきた。

サーバーサイドWebプログラミングの心得があるたいていのプログラマーやＳＥなら 動的ページと静的ページの違いくらい十分理解している。 しかしそれ以外の人＝Webデザイナーや外注頼りのWebマスター＝は、 理解しきれていない人のほうが断然多い。 「Googlebotは動的ページをクロールできない」といったような誤解も見られる。 単なるJavaScriptによる見かけ上の動的ページと静的ページの区別がついていないことさえある。

結果、Webサイト構築のプロジェクトにおいて静的ページと動的ページの議論になると 話が微妙に噛み合わなかったりする。 そこで、動的ページと静的ページとはそれぞれ何ぞや？ それがＳＥＯにどう結びつくのか？ といった話を今後数回にわたって適当に書いていくことにする。

手始めにまず、この「ネタ帳」サイトのようにGoogleのアドセンス広告を表示している Blogサイトのwebページは動的、静的、どちらなのだろう？ アクセス毎に広告が変わるということは動的ページであると考えられなくも無いが正解は静的ページである。 動的に広告を見せているのはそのJavaScriptを通して実行される Google側のシステムだからだ。広告を載せる側のページでは 固定のJavaScriptコードが書き込まれているだけだ。

なお、この「ネタ帳」サイトは他の多くのblogサイトと同様、 MovableTypeというソフトで作られている。ちなみにniftyのココログをはじめとする商用blogサービスのいくつかもMovableTypeのカスタマイズ版であることが多い。 このソフトではperl言語によるCGIスクリプトが生成した動的ページがblogの管理画面として使用される。 しかし実際の記事自体は普通のHTML形式の単なるファイル（つまり静的ページ）の形に自動生成され、 Webサーバのファイルシステム上にたとえば /usr/local/apache/htdocs/mt/000001.html の ような感じで保存してくれる。トップページであるindex.htmlなども同様だ。 blogを訪れてくれるユーザーはこの静的ファイルにWebサーバを通してアクセスし、記事を読む。

ではヤフーはどうだろう？ヤフーのトップページは、 http://www.yahoo.co.jp/index.html である。 index.php でも index.jsp でも default.asp でもない。ではヤフーのトップページは静的なページなのだろうか？

もちろん答えはＮＯ。中央の特集(?)記事部分のHTMLはアクセス毎にアトランダムに変わっている。これはGoogleアドセンスのような固定されたJavascriptコードによる外部サイトのコンテンツの表示ではなく、includeするコンテンツをアトランダムに変えるという、 純粋なサーバーサイドWebプログラミングの手法である。 右上の個人ツール部分も「こんにちは、○○さん」のようにユーザーごとに違う（Yahoo!IDを持ってログインしていれば）。 こうしたことは動的ページでしかできない技だ。 つまり、それが動的か静的ページかどうかを判別する手段としてはファイルの拡張子などは参考程度にしかならないと考えたほうがいい。 yahooのトップページのindex.htmlは実在のファイルではなくて他の実行スクリプトへのエイリアスでしかない可能性すら高い。

amazon.co.jpのトップページに至ってはファイルの拡張子すらほとんど表に表示されない、というか WebサーバにHTMLファイルを置いてどうのこうのという一般的な概念すら用いていないシステム構成なのだろう。 http://amazon.co.jp/index.htmlなんて勿論存在しない。アマゾンのほとんど全てのページが動的ページである。（追記：perl言語で構築された動的ページである）　しかしGoogleにはwww.amazon.co.jp配下のページが140万ほどインデクスされている。 おいおい、誰だ動的ページは検索エンジンにクロールされにくいとか言ってるのは？！

ということで次回は検索エンジンと動的ページの関係について・・・。