編集って何よ!?
トップホームページってどう作るのよ>(9)フレームとはページの組み込みのカタチ

(9)フレームとはページの組み込みのカタチ

 よくある例ですが、画面の左側にメニュー項目があり、右側に本文が掲載されているというカタチがありますね。左のメニューをクリックすると、右側が変化するというカタチです。左のメニューは変わらず、右側だけが変わります。こうしたページの場合、現在ではすべてのページをごっそり入れ替える形が主流です。左メニューが変化していないように見えますが、実は全く同じものが別ページとして出ているわけです。

 このような形では、すべてに共通するメニューをすべてのページに掲載しているため、ひとたびメニューを変更しようとしると、全部のページを修正しなくてはなりません。そこで、WebオーサリングツールのDreamweaverなどでは「テンプレート」という考え方をもとに、すべてのメニューをクリック一つで修正できる方法をとっています。

 これとは別に、フレームという機能を使うと、メニューを別ファイルにすることができます。もしメニューを修正する必要が出たときは、たった一つのメニューファイルを直すだけで、すべてのページのメニューが更新されることになります。これはとても便利です。

 フレームは、簡単に言うと複数のページを組み上げて一つのページとして見せるものです。上記の例をフレームで作ると、左のメニュー部分と右の本文の部分は、それぞれ違うページになります。さらにこれらのページを組むための土台となるページが必要になります。つまり、画面が左右に分かれたホームページのうち、フレーム機能を使っているものは、三つのページ(ファイル)が組み合わさってできているのです(下図参照)。

フレームセット解説図

フレームセットレイアウト例


 さて、フレームを組んだとき、左のメニュー部分をクリックすると右の本文部分の内容が変わるようにしたいわけですが、単純にメニューページにリンクを付けた場合、それをクリックすると、メニューページの部分(左部分)がクリック先のページになってしまいます。これでは意図したカタチではないですね。こういう場合は、target(ターゲット)という機能を使います。

 左のメニューページにあるリンクをクリックしたら、リンク先が右に出るようにしたいわけですが、これをやるにはターゲットを右のフレームに指定してやるだけです。つまりターゲットとは、ここではリンク先のページを出す場所を指定するものだと思ってください。

 フレームを使うと複雑なページ構成が可能になります。しかしフレームを使いすぎると(四つも五つものファイルで1ページを構成することもできます)、とても見づらいものになってしまいます。それぞれのページごとにスクロールが付きますので(スクロールできないようにもできますが)、煩雑な感じになりがちです。便利な半面、見づらい画面になりがちですので、多用しないようにしたいものです。

SEO対策には不向きなフレーム

 SEO対策(※)の面から考えると、フレームを使ったホームページは不適切であると言われています。一つのページを表現するために、三つ以上のファイルで構成するため、検索エンジンにうまく拾われないからだとか。そのため最近では、フレームを使ったホームページが激減しています。しかしSEOを考えなければ、フレームは便利な機能です。TPOに合わせて利用するといいでしょう。

※「検索エンジン最適化対策」と呼ばれる。GoogleやYahooなどで検索したとき、自分のホームページが上位に出てくるよう対策を施すこと。