ホームページ作成SEOマニアックス

フレームセットは使いやすいですが、SEO的には良くありません。何故フレームセットがいけないのか、フレームセットの利点、欠点の解説です。

最近では作りやすいブログの方が多くなってきたので、手打ちサイトは少なくなってきましたが、ホームページビルダー・AdobeのGoLive・Dreamweaverなどのホームページ作成ソフトもまだまだ現役で使用されています。

あなたがもしホームページ作成で収入を得ているならこの手のソフトは補助的に使用してタグをちゃんと理解して作成するのがベストですが、通常は個人のホームページを作成するのに使用している方が多いはずです。

初級編ではタグの使い方は置いといて、少しでもアクセスを増やせるページと言う物を考えたいと思います。

そこで今回はフレームセットの利点と欠点の説明です。

Advertisement

フレームセットの構造

ホームページ作成が初めての方は、フレームセット???と、なれない言葉に疑問を感じるかもしれません。

フレームセットとは、画面を右と左、もしくは上と下を分けたような作りになっているページの事で、左図のように、1つのページに複数のページを入れ込んだ構造になります。

例では、index.htmlと言うメインのページを上下に分け、上にindex_up.htmlと言うタイトル部分、下にindex_down.htmlと言う本文のページが入れてあります。

よく、上や左側のメニュー部分は固定して有るのに、そのほかの部分がスクロール出来たり、メニュー部分をクリックすると、メニュー部はいつも同じに表示されていて、右や下の部分の表示が変わるような構造になっているサイトがありますよね?
そのようなサイトがフレームセットを使用しているサイトになります。
このようにフレームセットとは、ある意味デザインに優れている部分も有り、作成する側としてはページの見せ方の一つとして重宝する部分があります。

デザイン的に使いやすいフレームセット。では、フレームセットのどこがいけないのか?

下のタグをご覧下さい

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html;charset=Shift_JIS">
<meta  name="keywords" content="キーワード">
<meta name="description" content="サイトの説明">
<title>タイトル</title>
<link rel="shortcut icon" href="favicon.ico">
</head>
<frameset rows="147,*" frameborder="no" border="0"framespacing="0">
<frame name="index_up.html" src="index_up.html" noresize>
<frame name="index_down.html" src="index_down.html" noresize>
<noframes>
<body bgcolor="#ffffff">
<h1>大見出し</h1>
<p>このサイトは、釣りをメインに、「食」に関する話題を掲載しているサイトです。</p>
<p>このページをご覧いただくにはフレーム対応のブラウザが必要です。</p>
<p>ここから、各ページへ直接ジャンプすることも出来ます。</p>
<ul>
<li><a href="index_up.html">「メニュー」のページへ。</a></li>
<li><a href="index_down.html">「本文」のページへ。</a></li>
</ul>
</body>
</noframes>
</frameset>
</html>

通常フレームを使用したサイトの場合、トップページが index.html になります(.htm等の場合有り)

相互リンクなどをしてもらうときは、当然トップページをリンクしてもらう事になります。

検索エンジンを意識したサイトを作るでも記載したように、多くの人は検索エンジンよりサイトを観覧しに来ます。

検索エンジンはリンクをたどってトップページに入ってきます。
そしてページの中身に書いてある文章を読み取り登録していくような仕組みになっています。

その時上のようなトップページの中身ではどうでしょうか?

ご覧の通り、フレームセットを使用したサイトのトップページの中身は殆どカラの状態になっているのです。

メタタグの

<meta name="keywords" content="">
<meta name="description" content="">

の中身にキーワードや説明を入れてみたりすれば少しはマシになりますが、

それでも検索エンジンにキャッシュされる要素は非常に少ないのが事実です。

以上の理由から、出来るだけフレームセットを使用しないサイトを作るのが望ましいと思われます。

ただし、フレームセットを使用していないからと言って、それだけでアクセスが上がる訳ではありません。
フレームセットを使用していてもアクセスの多いサイトは沢山あります。

それはサイトの内容、記事の面白さ・重要さ、サイト管理人の人柄など、人が沢山来るサイトの要因は様々です。

同じ内容でサイトを作るなら、フレームセットを使ったサイトよりも、フレームセットを使用していないサイトの方がアクセスが上がる

と言う事です。

何れにせよ、サイトを観覧しに来るのは人間ですので、検索エンジンの事ばかりに頭を囚われていると内容のおぼつか無いつまらなサイトになってしまいます。

どんな時代であれ最終的に向こう側には人間がいると言う事を常に意識し、尚且つ、検索エンジンやそれに纏わるツールを有効利用してアクセスアップを図りつつ、より面白いサイトを作ってください。

Advertisement
Movable Typeのmt-config.cgi追記で容量の大きいデータファイルをアップロード出来るようにする手順。
phpファイルをインクルードすると文字化けしてしまうという現象の原因と対処方法。って、ただ単に文字コードセットをサイトのencodingとcharsetに合わせるだけなんですけどね...
サクラエディターで入力改行コードを変更する方法です。Unix系サーバーで *.shなどのファイルを作成するときに使用します。デフォルトではCRLFになっています。
使っていなければ分からない格安レンタルサーバーの機能の比較や各サーバーの癖、利点、欠点を公開。ロリポップ、チカッパ、ヘテムル、さくらインターネット、コアサーバー、ハッスルサーバーの比較
相互リンクと被リンクの意味と違いについて簡単に説明します。リンクはSEOでも重要な部分になります。

<<<前の記事へ | 次の記事へ>>> このページのトップへ


■複数キーワードで検索する時は半角スペースで区切ってください
My Yahoo!に追加
IPv4アドレスついに枯渇!
迷惑極まりない問い合わせ
MTおよびMTOS 5.02 セキュリティーアップデート
ロリポップサーバーでのMT公開日時指定投稿(cron)設定
自サイトが悪意のある他サイトにインラインフレーム表示される
Gumblar対策
MTOS 5.0 アップグレード後、携帯サイトが文字化け
MTOS 5.0 アップグレード手順 SQLite
Firefox プロセス終了できない現象
不正なサイト乗っ取りの防止策
MT ファイルアップロード制限変更手順
Apacheサーバーでのindex Of 表示回避手順
SWFなどの埋め込みコンテンツがIE6でエラーダイアログが出る現象
MT4.261アップグレード手順
ロリポップサーバ、ディスク容量増加!
さくらインターネット .htmlをPHPとして動かす
MTOS 4.x インストール手順
MT 4.x ダウンロード 転送 パーミッション変更 SQLiteデータベース作成
さくらサーバーでの Index of 表示をさせない手順
phpのバージョン確認方法
Apache2.2 最新バージョン
PHP インクルード 文字化けする現象
コアサーバーでのcronの設定 MT4.x 日時指定で予約投稿編
サクラエディター 入力改行コードの指定 (LF)
ハッスルサーバーで Service Temporarily Unavailable が頻繁に出る
チカッパphp5バージョンアップ後のphp includeエラー対処
さくらサーバーで.htmlをphpとして動かす
FLVファイルの埋め込みでのIEスクリプトエラー対処
ロリポップサーバーでphp5バージョンアップ時のincludeエラー対処
ハッスルサーバーでMT4.2 PHP化注意事項
格安レンタルサーバーの比較
Google独自ブランドのブラウザGoogle Chrome登場!
Windows MediaPlayer11 でHTML埋め込みwmvが視聴出来ない現象
FLV動画の埋め込み手順
Safariでのcssレイアウトずれ対処
Firefox3 公開!IE7より9.3倍早い!!!
自宅サーバーでの検索エンジン対策
相互リンクと被リンク
metaタグを知ろう!
go-pear.phpが実行できない場合
SEOを考慮したサイトの引越し(301リダイレクト)
IE7でのレイアウトずれ対処
バックリンク(被リンク)について
Thumbs.db ファイルをFTPに残さない(作らない)
自宅サーバ でのwmv埋め込み+Firefox・Mozilla(Apache)
サイト整理=リンク切れのチェック
FireFox Add-ons Edit CSS
Flash(.swf)の埋め込み-IE・Mozilla系共有
wmvファイル埋め込み(Java Script 編)
wmv動画の埋め込み(IE・Mozilla系共用)
IEでのレイアウトずれ対処(css)
IE6以前でpng透過画像を使用する
フレームセットの利点と欠点
htmlファイル整理|ディレクトリ毎のファイル整理
検索エンジンを意識したサイトを作る
ホームページのタイトルと内容
MT作成サイトのPHP化手順
さくらサーバーでのPHPサイト構築
PEARのインストール(さくらサーバー編)
サクラエディターの使い方
サクラエディターのインストール

サイトマップ