「アクセスアップの秘訣!」第7回目の今回は、コンテンツの論理構造を整えようという視点でタグの使い方についてお話をしていきます。

論理構造を整えるってどういうこと?

突然ですが、皆さんは新聞を読む時どのように読みますか?経済面だけは欠かさず毎日読むとか、私はスポーツ面しか読まないとか、いろいろなスタイルがあると思います。でも、共通して皆さんはきっと、各記事の大きな文字で書いてある見出しを見た上で記事を読むか読まないかを判断しているでしょう。

なぜ私たちは見出しを見て記事を読むか読まないかを判断できるかというと、見出しさえ見ればその記事の趣旨・内容を推測することができるからです。どんなに長い文章の記事であっても、その見出しには重要なキーワードが入っているので、ある程度は推測できてしまうわけです。つまり、見出しには記事全体において重要となるキーワードが入っているということですね。

ここでSEOのお話に戻りましょう。ネット上には数百億ものウェブページが存在します。それらをロボット型検索エンジンはクローラを使ってページを収集し、その内容を分析します。分析する時には、各ページにおいて重要な意味を持つキーワードがどれなのかをアルゴリズムを使って判断しなければいけません。それができないと、ユーザーが検索した時に適切な検索結果を返してあげることができないからです。しかし、分析対象となるページは私たち人間が書いたものです。それなら「人間が書いた文章において、重要な言葉が入りそうな箇所」を何らかの方法で特定して、そこにある言葉を「ページと関連性がある言葉」として評価してあげればいいわけです。

私たちが書く文章において、全体を通じて大事な意味を持つ言葉が入りそうなのはどこかというと、先ほど新聞の例であげたような「見出し」や箇条書きした項目、太字や色を変えた文字などでしょう。文章と全く関係ない見出しや小見出しを作る人は普通いませんし、意味もなく太字にして目立たせるようなことはありえないからです。こうした、「この言葉は重要ですよ」ということを人間ではなく検索エンジン(クローラー)に対して効率よく伝達するカギとなるのが、「論理構造を表すタグ」なのです。

クローラに対して情報の論理構造を伝達する

私たちは何が見出しで何が箇条書きなのか、どの文字が他の文字と違うかは視覚的に理解することができます。HTMLタグで記述されたページもブラウザを通じて見れば視覚的に表現してくれるからです。例えばタイ語の新聞でも英語の新聞でも、外国語がわからない人でもどれが見出しでどれが記事本文かは文字の大きさを見て視覚的に判断できますね。しかしクローラは私たちのように視覚情報に頼って何が見出しで何が段落の始まりなのかを理解することはできません。

そこで論理構造を表すタグを使うわけです。例えばページの見出しを作りたい、その文字は大きく表したい場合、次のような表現方法があります。

  1. <h1>レンタルサーバのCPI</h1>
  2. <font size="7">レンタルサーバのCPI</font>
  3. <img src="画像のパス">

文法的に、<h1>~</h1>は見出しを表すものです。クローラもそう解釈します。従って1.のように記述してあげると、クローラは「この文字列は見出し。だからこのページと レンタルサーバや CPIという文字列は大いに関係がある」という解釈をしてくれます。2.の方法でもこの文字列は重要ですということは(結果的に)伝えることはできますが、1.がスマートな方法です。3.のように画像ではクローラは理解してくれません。

もう1つ、箇条書きの表現方法についても取り上げましょう。

1.
<ol>
  <li>レンタルサーバとは</li>
  <li>レンタルサーバのメリット</li>
  <li>レンタルサーバ料金</li>
</ol>

2.
・レンタルサーバとは<br>
・レンタルサーバのメリット<br>
・レンタルサーバ料金<br>

1.のように記述してあげれば、クローラは「ここからここまでは箇条書きをしている。箇条書きには要旨が記述されていることが多いのでこの間の文字列はページと関連性あり」という判断をしてくれます。しかし2.のように記述すると(ブラウザ上は同じでも)クローラにとっては”・”を含む文字列が続いているとしか解釈をしません。

見出しであれば、<h1>~<h6>まであります。段落は <p>~</p>。箇条書きなら <li>~、強調したいなら <strong>といったように、文書の論理構造を定義するタグというのが存在します。

SEOにおけるページ最適化の目的は、特定のキーワードをタグで囲って目立たせることではありません。文書の論理構造を明確に定義して、クローラに適切に情報伝達できるようにすることです。つまり文法的に正しくHTMLタグを使いなさいという非常にシンプルなことです。論理構造をはっきりしてあげれば、クローラはその論理構造から重要な箇所を抜き出し、ページが何のキーワードと関連性があるかを判断しやすくなるのです。ブログが検索エンジンの上位に表示されやすいというのは、文書の論理構造をHTMLで定義し、ブラウザでどう見えるかはCSSで定義するという「論理構造と視覚表現の分離」が適切に行われていることが背景にあるのです。こうした例からも論理構造を明確にしてあげることのSEO上のメリットはおわかりいただけるかと思います。

ちなみに「 strong タグと h5 タグのどちがら検索エンジンは評価してくれるのか?」などと尋ねられることがあるのですが、本当にどうでもよいお話です。もしその文字列が文書の論理構造上、強調を表しているのであればstrong を使えばいいし、論理構造上見出しレベル5であれば h5 を使う、それを判断するだけです。もし論理構造を整えてみた時に、見出しレベルや強調文字に自分が狙っているキーワードが入っていないのであれば、それはタグの使い方が悪いのではなく用意したコンテンツそのものに問題があるということです。

ページTOPへ戻る

ページTOPへ戻る