japan.internet.comThe Internet & IT Network
Twitter
RSS
  • ニュース
  • コラム
  • リサーチ
  • ヘッドライン
  • 特集
  • ブログ
  • プレスリリース
  • 専門チャンネル
  • イベント
  • ランキング
  • ニュースメール
2009年11月9日
文字サイズ文字サイズ小文字サイズ中文字サイズ大
任天堂が、大画面の「ニンテンドーDSi LL」を発表。欲しいと思いますか?
欲しい
欲しいと思わない
他のDS製品を持っているが欲しい
他のDS製品を持っているのでいらない
投票締切 11/9 12:00
Webビジネス コラム2007年4月2日 17:50
サーチからはじまるインタラクティブエージェンシー
サーチからはじまるインタラクティブエージェンシー 株式会社ファンサイド(ふぁんさいど)メールホーム
SEO をはじめとした検索エンジンマーケティング(SEM)、アクセス解析、ユーザビリティリサーチ、CMS を活用した SEO サイト構築、クリエイティブ&エディトリアルデザインなど SEM クロスメディア事業を展開。広告・マーケティング、制作・デザイン、開発をワンストップで提供するインタラクティブエージェンシー。

SEO のキホン―なぜ論理構造が必要なのか

国内国内internet.com発の記事
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
プライバシー ジャパン・インターネットコム版
【プライバシー ジャパン・インターネットコム版】
認証がオンラインビジネスの鍵である理由(11月4日)
週刊-サイト別アクセス状況データ
週刊-サイト別アクセス状況データ
子供とケータイについて考える〜授業にケータイを活用した取組み〜(ビデオリサーチインタラクティブコラム)(11月9日)
百式のネットビジネス研究
百式のネットビジネス研究
オバマ大統領の着ている服で天気がわかる「Obama-Weather」(11月7日)
不況時代の Web ビジネス最適化講座
不況時代の Web ビジネス最適化講座
こんな話良く聞きます、お客様のよくある失敗談(11月6日)
海外ソーシャルウェブに学ぶ成功の秘訣
海外ソーシャルウェブに学ぶ成功の秘訣
私のおすすめツィート術 〜 何をつぶやけばいいかわからない人から、効率的にツールを使ってツィートしたい人まで(11月5日)
成約率、反応率を上げる Web 文章術
成約率、反応率を上げる Web 文章術
アクショントリガーの法則を用いて、完成度を高める(11月5日)
「Webからの脅威」―その傾向と最新対策
「Webからの脅威」―その傾向と最新対策
新たな対策技術:URL フィルタリングと Web レピュテーション(11月4日)
スマートにソーシャルウェブを構築しよう
スマートにソーシャルウェブを構築しよう
「Twitter」と「2ちゃんねる」、イザというとき役に立つのはどちら?(11月4日)
ROI向上のための戦略的WebPR
ROI向上のための戦略的WebPR
「戦略的 WebPR」の実践メソッド(5)〜ネットを活用した戦略 PR のしかけ方〜(11月4日)
エンジニア転職ノウハウ開発室
エンジニア転職ノウハウ開発室
景気は悪いまま!だからエンジニアよ、立ち上がれ(11月3日)
DevX
DevX
Webアプリケーションのロードバランス(11月3日)
Copyright 2009 Japan Internet.com K.K. All Rights Reserved.http://www.internet.com/