japan.internet.com The Internet & IT Network


RSSニュース検索
カテゴリ
> トップページ
> Webビジネス
> Eコマース
> Webファイナンス
> Webマーケティング
> パブリック
> Webテクノロジー
> 携帯・ワイヤレス
> Linux Today
> Linux Tutorial
> J.I.C.ブログ
キャリア
> 転職ならen
> 派遣ならen
> アルバイトならen
> IT求人情報
ヘッドライン
> 今日のヘッドライン
> 週間ヘッドライン
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


  • ★最新トップニュース
    海外 【ケータイ USA】イギリスの団体が iPhone の広告における Apple の虚偽に言及(携帯・ワイヤレス 8月30日 13:00)
    イギリスの広告基準協議会(Advertising Standards Authority:ASA)は、Apple に広告における真実について、訓戒を説こうとしているらしい。
    国内 ASUS、電源オンから約7秒で起動するコンパクト PC「Eee Box」を発表画像のある記事(Webテクノロジー 8月29日 18:20)
    ASUS は2008年8月29日、低価格なコンパクト PC「Eee Box B202」を9月13日に発売する、と発表した。
    国内 【今週の Web ミミズク】「予測市場」の将来を予測したい…(Webビジネス 8月29日 18:10)
    「予測市場」という言葉をちらちら耳にする。「予測」と「市場」という組み合わせが、耳新しいのかもしれない。あるいは、未来を予想できるかもしれない、という期待もあるかもしれない。
    国内 G DATA がゼロアワー攻撃の拡大を警告(Webテクノロジー 8月29日 18:00)
    G DATA が、国内でのゼロアワー攻撃が拡大している、と警告を発している。同社が2008年8月29日、明らかにした。
    国内 KDDI、「光で操作ナビ」などを搭載した簡単ケータイ「W62PT」を8月30日発売画像のある記事(携帯・ワイヤレス 8月29日 18:00)
    KDDI、沖縄セルラーは、2008年8月29日、au 携帯電話新ラインアップとして、パンテック&キュリテル製の簡単ケータイ「W62PT」を8月30日に全国一斉発売することを発表した。
    トピックス
    > オススメのIT系求人情報【毎週月曜日更新】
    footer_301.gif


    リサーチ
    > デイリーリサーチDLサイト
    > OnlineResearchPortal (リサーチデータバンク)
    > モバイルリサーチ with goo
    footer_301.gif
    キーワード
    > iPhone > Youtube
    > Google > モバイルノート
    > 半導体 > ウィルコム
    > テーマ一覧はこちら
    footer_301.gif
    セミナー情報
    > 第2回インターネットコムマーケティングセミナー
    「モバイルマーケティングの世界」〜これだけはやっておきたいモバイルマーケティング施策とは〜
    9月24日(水)13:00〜17:00 ITS 山王健保会館
    ※詳しくはこちら
    footer_301.gif
    デベロッパー
    > DevX
    > CodeGuru
    > developer.com
    footer_301.gif
    j.i.c.ブログ
    ブログ一覧
    ベンチャー専門家の目利きブログ「なぜこの企業は伸びるのか?」 【ベンチャー専門家の目利きブログ「なぜこの企業は伸びるのか?」】
    「選択と集中」選択をして集中しない限りは勝てない/メディカル・コミュニケーションズ株式会社(8月29日)
    データメーション 【データメーション】
    Apple は顧客の忠誠心にあぐらをかいているのか? (8月27日)
    Graphic Design Forum 【Graphic Design Forum】
    次へとつながる輪 (8月27日)
    最新テクノロジーの意外な処方箋 【最新テクノロジーの意外な処方箋】
    あなたが舌なめずりしたくなるようなもの(8月26日)
    エンジニアの独り言 【エンジニアの独り言】
    データをローカルに保存するWebアプリケーション(8月22日)
    デスマーチからの脱却 【デスマーチからの脱却】
    30min. iPhoneアプリリリース(8月18日)
    footer_301.gif
    最新コラム一覧
    台湾企業が席巻する電子製品製造 台湾企業が席巻する電子製品製造

    世界の IT 産業を担う台湾製造企業、馬政権誕生で中・台産業関係さらに緊密へ(8月29日)
    IT マネジメント IT マネジメント

    IT を変えつつあるのはどの技術?(8月29日)
    最新ハイテク講座 最新ハイテク講座

    繁栄か滅亡か!巨大なエネルギー「原子力」の未来(8月29日)
    developer.com developer.com

    レガシーWebアプリケーションをWebLogic Portal内のフルページIFrameとして統合する(8月29日)
    百式のネットビジネス研究 百式のネットビジネス研究

    友達にあなた特製のクスリを贈ることができる「Get Your Drug On」(8月29日)
    週刊-サイト別アクセス状況データ 週刊-サイト別アクセス状況データ

    ビデオリサーチインタラクティブ調査(月間インターネットオーディエンスデータ)(8月28日)
    「IT の耳」 「IT の耳」

    【書評】『1回の会議・打ち合わせで必ず結論を出す技術』――無意味な会議を撲滅する(8月28日)
    ハードウェアから見たデータベース ハードウェアから見たデータベース

    巨大テーブル活用術1(8月28日)
    ウチのサイトを SEO ウチのサイトを SEO

    検索エンジンが見ている世界(8月27日)
    エンジニア転職ノウハウ開発室 エンジニア転職ノウハウ開発室

    目指せecoエンジニア!グリーンITで地球を救え(8月26日)
    footer_301.gif
    専門チャンネル
    > セキュリティチャネル > テレコムチャネル
    > サーチエンジンウォッチ
    footer_301.gif
    海外のインターネットコム アメリカ韓国ドイツトルコ
    関連企業のサイト:ストックフォト イラスト ネットストリート ホテル予約サイト タウン情報 出張 事業継承 シミュレーション トランクルーム 優待映画チケット 田舎暮らしガイド オリジナルデザインTシャツ ニタコエ
    Copyright 2008 Jupitermedia Corporation All Rights Reserved. http://www.internet.com/
    space.gif space.gif