japan.internet.com The Internet & IT Network


RSS｜ニュース検索
カテゴリ
＞ トップページ
＞ Webビジネス
＞ Eコマース
＞ Webファイナンス
＞ Webマーケティング
＞ パブリック
＞ Webテクノロジー
＞ 携帯・ワイヤレス
＞ Linux Today
＞ Linux Tutorial
＞ J.I.C.ブログ
キャリア
＞ 転職ならen
＞ 派遣ならen
＞ アルバイトならen
＞ ＩＴ求人情報
ヘッドライン
＞ 今日のヘッドライン
＞ 週間ヘッドライン
Special Link
＞ フォトフェイシャル
＞ ゴルフ用品なら
＞ レンタルサーバ
＞ ドミノ・ピザ
＞ フォトコミュニティ
＞ ストックフォト
＞ クリップアート
イベント＆セミナー
＞ イベントカレンダー
＞ 書評「IT の耳」
＞ 出張・接待検索
＞ ニュースガジェット 注目
無料ニュースメール
＞ 新規登録
＞ 変更・解除
＞ オプトインメールの登録・変更・解除
インフォメーション
＞ パートナーサイト
転職ならエン
就職ならen
求人ならen
履歴書ならen
アルバイトならエン
CRM/SFAならオラクル
＞ グループ会社
株式会社アエリア
(株)サンゼロミニッツ
株式会社エアネット
＞ お問い合わせ
＞ 広告掲載について
＞ リンクについて
＞ 著作権について
＞ その他お問い合わせ
＞ 利用規約
＞ 個人情報保護方針
＞ 会社概要（地図）
Webビジネス 2007年4月2日 17:50
Webビジネス・バックナンバー
SEO のキホン―なぜ論理構造が必要なのか

著者: ファンサイド AG プリンター用 記事を転送
▼2007年4月2日 17:50 付の記事
□国内internet.com発の記事
このエントリーを含むはてなブックマーク この記事をクリップ！ Buzzurlにブックマーク Yahoo!ブックマークに登録 newsing it!

SEO の基本的な要素のひとつに、HTML で文章の論理構造を構築することがあげられる。 ページのレイアウトや文字の装飾（太字やフォントカラーなど）は CSS で記述し、HTML タグでは文章の論理構造を構築することになる。これは、SEO をやっている人間にとっては非常に当たり前のことなのだが、いまだに、テーブルタグを使ってレイアウトをしたり、<br> タグのみで文章と文章の行間を作っているようなサイトが多い。

Web 標準や W3C 勧告という一般人にはちょっと敷居の高い（でも、重要です）ことは、とりあえずおいておき、SEO において「なぜ論理構造が必要なのか」について話していこう。

弊社でクライアント様のサイトに SEO 施策をする場合、ほとんどといっていいほど、元はテーブルレイアウトになっている。まずは、テーブルレイアウトを廃止し、CSS でのレイアウトにするように指示を出すことになる。リニューアルサイトの場合は、最初から CSS でレイアウトするように指示を出すことになる。

CSS レイアウトでのコーディングに慣れていないクリエイターや、ブラウザ間のレイアウトのズレが生じやすい場合は、ついついテーブルレイアウトになってしまいがちである。しかし、SEO を重視した制作の場合は、デザイン的にも見栄え良くするという条件があったとしても、テーブルレイアウトに頼らなくても済むような、デザインにするべきである。

SEO にとって、なぜ論理構造が必要なのか。テキスト要素が多ければ、論理構造なんてどうでもいいのではないか。そんな思いで、SEO にとっての論理構造の重要性を認識していないクリエイターは、ついついテーブルレイアウトにしてしまうのではないだろうか。

SEO において、HTML での論理構造は、HTML に書かれたテキスト要素を検索エンジンのクローラーに理解させるために構築する。理解させるといっても、クローラーはキーワードやフレーズこそ読み取っていくものの、人間のように文章の行間の意味を感じて読み取ったり、自分が読んでいるテキストについて背景的な知識があるわけではない。そこに書いてあることがすべてである。

例えば、「Fruit Cafe」というサンプルページを見てみよう。以下のような感じで、HTML の見出しタグや段落タグを使用して論理構造を構築している。

「Fruit Cafe」サンプルページ


<h1>りんご</h1>……大見出し

<h2>りんごの紹介</h2>……中見出し

<p>りんごには多くの種類があります。ふじ、デリシャス、ゴールデンデリシャス、ジョナゴールド、つがる、王林、紅玉、世界一などが有名です。味や大きさも様々で、「アルプス乙女」と呼ばれるミニりんごから（以下省略）</p>……段落

<h3>りんごの主な産地と特徴</h3>……小見出し

<p>りんごの主な産地を紹介しながら、日本だけではなく世界各地のさまざまなりんごの種類と特徴についてご紹介します。</p>……段落

この場合、大見出しで「このページは何について書いてあるか（→“りんご”について書いてある）」ということが分かり、大見出しに付随した中見出しを設けることで、再度「このページは“りんご”について書いてある」ということが明確になる。

さらに、段落タグを使用することで、テキストに文章としての意味のまとまりができあがる。つまり、論理構造が正しければ、中見出し「りんごの主な産地と特徴」の後の段落タグには「りんごの主な産地と特徴」について書いてあるはずである。実際にこのページでも、段落タグの最初が「りんごの主な産地を」で始まるので、中見出しと段落タグ内の文章のまとまりに意味が出てくる。

もし、見出しタグや段落タグを使用しないで、<br> タグやテーブルレイアウトだけでページレイアウトを構築したらどうなるだろうか。人間がブラウザで見た場合、視覚的には恐らくあまり変わりないようにすることもできるだろう。

しかし、HTML を読み取っていく検索エンジンのクローラーにとっては、この見出しタグや段落タグがあるかないかが非常に重要になってくる。つまり、すべてのテキスト要素がすべて繋がってしまうのである。クローラーはこれらのテキスト情報の中から、キーワードとなる単語を拾い出していくことは可能であろう。しかし、見出しタグや段落タグを用いないで記述した場合、テキストはメリハリがないものになり、何のことについて書かれているのか読み取りにくいと考えられる。

「りんご」というキーワードが大見出しに入っているから、「このページは“りんご”のページだ」という評価ができるが、そうでなければ、ワードの出現頻度の差は多少あるものの、「りんご」とそれ以外のワードの重要度は等しいものとして扱われてしまう可能性があり、ページ内のテーマ性を構築するという SEO の重要な要素にも影響を及ぼすことになる。

SEO における見出しタグや段落タグは、単にキーワードを強調するためだけのものではない。（zai）

記事提供：ファンサイド AG






関連記事
  • 【アクセス解析】効果検証における視点
  • 【アクセス解析】SEO に役立つキーワード活用法（応用編）
  • フィッツの法則を Web サイトに応用する
  • 【アクセス解析】SEO に役立つキーワード活用法（実践編）
  • 【アクセス解析】SEO に役立つキーワード活用法


    • 関連テーマ
  • ブラウザ
  • SEO


    • このエントリーを含むはてなブックマーク この記事をクリップ！
    BuzzurlにブックマークBuzzurlにブックマーク Yahoo!ブックマークに登録users
    ★最新トップニュース
    海外 【MobileContentToday】iPhone 3G に代わる冴えた選択画像のある記事（携帯・ワイヤレス 7月26日 13:00）
    iPhone 3G タイプの電話機は欲しいが iPhone は不要というすべての巷の人のために、InformationWeek が「iPhone 3G に代わる8つのイケてる端末」と銘打った記事を大々的に掲載した。
    国内 KDDI、au one net の WEB メールサービスを停止―他ユーザーのメールが閲覧できる不具合（Webビジネス 7月25日 21:00）
    KDDI は、2008年7月25日、固定系インターネット接続サービス「au one net」（旧 DION）にて提供している「WEB メール」サービスを、同日停止したことを発表した。
    コラム Apple がどうしても中国と相容れない理由（Webビジネス 7月25日 18:00）
    同社は7月19日、新しいピカピカの Apple ストアを北京にオープンさせた。Apple 関係者によると、中国には Apple ストアを「今後続々」オープンさせていくという。レースは始まっているのだ。しかし、Apple はこの競技で勝てるのだろうか？
    国内 キューピーが「犬夜叉」「めぞん一刻」などとコラボ、「キュージョン」新バージョン登場画像のある記事（E-コマース 7月25日 18:00）
    株式会社ラナは、2008年7月25日、ローズオニールキューピーと有名キャラクターとのコラボレーション「キュージョン」の第5弾として、「キュージョン るーみっくわーるど」バージョンを発売した。
    国内 【今週の Web ミミズク】まだまだ続く HP ミニノート騒動（Webテクノロジー 7月25日 17:40）
    「HP 2133 Mini-Note PC」の後継となるモデルが8月中に販売される予定だが、さて、どうなることやら。iPhone もすごかったが、Mini-Note も、まだまだ後を引きそうだ。
    トピックス
    ＞ オススメのＩＴ系求人情報【毎週月曜日更新】
    footer_301.gif


    リサーチ
    ＞ デイリーリサーチ ／ DLサイト
    ＞ OnlineResearchPortal　(リサーチデータバンク)
    ＞ モバイルリサーチ with goo
    footer_301.gif
    キーワード
    ＞ iPhone ＞ Youtube
    ＞ Google ＞ モバイルノート
    ＞ 半導体 ＞ ウィルコム
    ＞ テーマ一覧はこちら
    footer_301.gif
    セミナー情報
    ＞ 第1回インターネットコムマーケティングセミナー「新規クライアントを効率的に獲得する Web マーケティング手法とは」(3月26日)多数のご参加ありがとうございました
    footer_301.gif
    デベロッパー
    ＞ DevX
    ＞ CodeGuru
    ＞ developer.com
    footer_301.gif
    日本Oracle
    footer_301.gif
    j.i.c.ブログ
    ブログ一覧
    デスマーチからの脱却 【デスマーチからの脱却】
    独自ドメインでiPhoneのメール送受信（7月25日）
    データメーション 【データメーション】
    本物のスパム王様はお名乗り出ください（7月24日）
    Graphic Design Forum 【Graphic Design Forum】
    興味深い（？）90年代 （7月24日）
    エンジニアの独り言 【エンジニアの独り言】
    新入社員が配属される季節ですね。（7月23日）
    ジュピターメディア創設者がITを斬る 【ジュピターメディア創設者がITを斬る】
    Alan を探せ（7月18日）
    ベンチャー専門家の目利きブログ「なぜこの企業は伸びるのか?」 【ベンチャー専門家の目利きブログ「なぜこの企業は伸びるのか?」】
    「『訪問歯科診療』のパイオニア」／デンタルサポート株式会社（7月15日）
    footer_301.gif
    最新コラム一覧
    IT マネジメント IT マネジメント

    Apple がどうしても中国と相容れない理由（7月25日）
    CodeGuru CodeGuru

    Visual C++ 2008 Feature Pack: MFCの強化 (2)（7月25日）
    最新アフィリエイト事例にみる成功の法則 最新アフィリエイト事例にみる成功の法則

    メディアのニーズ 〜アフィリエイトに対する思い〜（7月25日）
    最新ハイテク講座 最新ハイテク講座

    Blu-ray がノート PC でも快適に！インテル「Centrino 2」（7月25日）
    百式のネットビジネス研究 百式のネットビジネス研究

    究極にシンプルなタスク管理ツール「now do this」（7月25日）
    週刊-サイト別アクセス状況データ 週刊-サイト別アクセス状況データ

    ビデオリサーチインタラクティブ調査(月間インターネットオーディエンスデータ)（7月24日）
    ハードウェアから見たデータベース ハードウェアから見たデータベース

    表計算ソフトの計算を支える仕組（7月24日）
    「IT の耳」 「IT の耳」

    【書評】『ネットオークションで騙す。』―全米を揺るがした絵画詐欺犯の告白―（7月24日）
    検索エンジンマーケティング 検索エンジンマーケティング

    ピンポイントマーケティングにおける P4P（検索連動型広告）の“当たり前”（7月24日）
    Eメールマーケティング事情 Eメールマーケティング事情

    大量送信のスパムからターゲット絞り込みスパムメールへ（7月23日）
    footer_301.gif
    専門チャンネル
    ＞ セキュリティチャネル ＞ テレコムチャネル
    ＞ サーチエンジンウォッチ
    footer_301.gif
    海外のインターネットコム　アメリカ｜韓国｜ドイツ｜トルコ
    関連企業のサイト：ストックフォト イラスト ネットストリート ホテル予約サイト タウン情報 出張 事業継承 シミュレーション トランクルーム 優待映画チケット 田舎暮らしガイド オリジナルデザインTシャツ ニタコエ
    Copyright 2008 Jupitermedia Corporation All Rights Reserved. http://www.internet.com/
    		space.gif space.gif