ホームページの作成でフレーム代わりはありますか？

質問

ホームページ作成に関して知ってる方教えてください。
ホームページ作成でフレームを使う方法がありますよね。
ただし、フレームはSEO対策としてよくありません。
そこでフレームのよさを持ちつつSEO対策としても通常と変わらないような作成方法は知っていますか？
フレームのよさというのは
すべてのページで統一の形を作れることと
メニューに変更点があった場合、フレームを変えるだけですべてのページに反映できることだと思っていますが、
何かよい方法知っている方がいたら教えてください。
お願いします。

回答No.2

神崎 渉瑠（@taloo） · ベストアンサー

> メニューに変更点があった場合、フレームを変えるだけですべてのページに反映できることだと思っていますが、
これはANo.1で例に出されているスタイルシートでは不可能です。
スタイルシート（CSS）はあくまでデザインの統一であって、メニューの項目などの追加・削除はできません

<object data="menu.html"></object>
という書き方で<iframe src="menu.html"></iframe>と同じ意味にはなりますが、
<iframe>なら表示できるが<object>では表示できない、または思う通り表示しない、というブラウザも多いなど、
ブラウザの<object>への対応状況が怪しいので、私は、<iframe>の方をおすすめします。
SEO、アクセシビリティー、ユーザビリティーに対する考え方は、<object>も<iframe>も全く同じです。

それ以外に、ページの一部分だけを表示更新して、表示の待ち時間を少なくするというメリットがあります。
これの代替案は、JavaScriptのAjaxのみだと思いますが、
SEOは最悪になりやすい（一般的な解説サイトと同じ作り方をすれば、SEOとしては最悪になります）ですし、
製作自体、敷居は低くはないと思います。
（個人的に、SSIと同程度の記述で実現できるライブラリを公開していますが、、、）

> そこでフレームのよさを持ちつつSEO対策としても通常と変わらないような作成方法は知っていますか？
フレーム、とくに<frameset>の良さと同じ良さを持つ代替案はありません。

更新を手軽に、ということに限定するのであれば、SSIやCGIなどを使えば可能です。

SSIはファイルの拡張子やサーバーの設定にも関係しますが、
<!--#include vertual="menu.html" --> とすることで、その部分にmenu.htmlの内容を表示できます。
詳しくは「SSI」で検索して下さい。（このサイトの過去ログにもあると思います）

CGIはPerlやPHPが主流ですが、この目的ならSSIをおすすめします。

お礼

ご解答ありがとうございました。
ただ私の今のレベルではＣＧＩやＳＳＩはとても出来ないので、出来る範囲でスタイルを統一していこうかと思っています。
ただできることと、出来ないことがわかったので大変参考になりました。
ありがとうございます！

回答No.1

三郷北 M君（@mkun55555）

CSSファイルを使ってホームページを作る事が、いまや、世界標準となりつつあります。
■フレームを使う利点
サイドや上部にメニューを簡単に作れるという事だと思いますが、
CSSファイルでも同じような事ができます。

■CSSファイルを利用する利点
●グーグルなどの検索エンジンが重要視する＜body＞の直後に、キーワードを埋め込むのが簡単。
上部に表示されるメインメニューなどをHTMLファイル上では最後の部分に書き、CSSファイルで表示位置を先頭に変更する事ができる。
これにより、検索エンジンが重要視する＜body＞の直後に、本論に関係ないメインメニューなどを書かないですみます。検索上位ヒットしやすくなる。すこしだけ。
●サイト全体の構成を統一するのが、簡単。
共通な配置構成、背景、文字の色、大きさなどをCSSファイルに書いておいて、各HTMLファイルでは、
＜link rel="stylesheet" href="base.css" type="text/css" /＞と１行だけ書けば良い。
余計な手間は省いて、コンテンツの作成に手間をかける事ができる。
●HTMLファイルのサイズが小さくなる。
HTMLファイルに＜h2＞＜fontsize="large"＞XYについて＜/fontsize＞＜/h2＞などと書くより、色の指定、大きさの指定をCSSファイルに書いておけば、たいていの場合、HTMLファイルのサイズは小さくなる。これは、検索エンジンにも、訪問者にも、製作者にもメリットになる。検索上位ヒットしやすくなる。すこしだけ。

■CSSファイルを利用してメニューを作る私の方法
●CSSファイルを自分で全部作るのは面倒です。
最初は見本をコピペして使うと良いと思います。
★CSSファイルの見本は
「CSSファイル」「脱フレーム」「見本」などの語句を組み合わせて検索すれば、見つかると思います。
●コンテンツを除いたHTMLファイルの原型を作っておき、
（各ページに共通のメニューやヘッダー・フッターだけ含む）
各ページを作る時、コンテンツだけ書き加えれば良いでしょう。

お礼

一から全部作るのではなくいいものがあればコピペで使うのがいいのですね。
ありがとうございます！