SEO講座

パンくずリストの項目名はできるだけ短く記述

パンくずリストがあれば、どこのページに直接アクセスされても現在位置をユーザーに知らせる事ができ、サイト構造を把握させやすくなります。

階層構造を簡単に把握できるパンくずリスト

「パンくずリスト」とは、トップページから現在のページまでの移動経路を順番に掲載したリンクリストの事です。

現在位置とサイト構造を把握するのに便利で、階層の深い大規模なWebサイトには必須なナビゲーションだといえます。

パンくずリストは、現在閲覧しているページが、Webサイトの階層構造内のどこに位置しているのか良く解るため便利です。

検索使途などから、途中のページに直接アクセスしてきても、現在の位置をすぐに把握できます。

また、そのコーナーのトップページへアクセスしたいと思ったり、Webサイトのトップページへアクセスしたいと思ったりしたときにも、パンくずリストを使えば簡単に移動する事ができます。

あまりページ数の多くないWebサイトでは活用する機会が少ないかもしれませんが、3階層以上になる箇所が少しでもあるようなら、パンくずリストを用意しておきましょう。

パンくずリストは、全てのページで表示内容が異なりますから、メニューのように「別ファイルを合成」する方法は使えません。

その為、ページ数が多くなってから全ページにパンくずリストを用意するのは大変です。

既にページ数が多い場合は勿論、少ない場合でも、今のうちからパンくずリストを用意しておくほうが、後々の更新が楽になるでしょう。

パンくずリストは位置や構造を把握するのに役立つだけでなく、サイトのトップページやコーナーのトップページなど、階層を越えて移動するにも役立ちます。

大規模でなくともぜひ掲載しておきましょう。

パンくずリストを構成するのは普通のテキストリンクですから、作成に特別なツールは不要です。簡単に作れて優れたナビゲーションだといえるでしょう。

解りやすいパンくずリストを作るために

解りやすくて使いやすいパンくずリストにするために、以下の3点を抑えておきましょう。

1. 項目名は短く
2. 右端（現在位置）の項目名は、ページタイトルと一致させる
3. できるだけ同じ位置に掲載

パンくずリストの項目名はできるだけ短く記述しましょう。

パンくずリストでは、左端がトップページで、右端が現在のページになります。

ですから、複数行にまたがってしまうと把握しにくくなってしまいます。

また、項目名が長すぎると、ナビゲーションである事がわかりにくくもなります。

簡潔に各構造の内容を表現しましょう。

パンくずリストの右端は、常に「現在位置」を示します。

パンくずリストの中では、この右端部分だけ、リンクになっていません（現在位置なのでリンクにする必要が無いためです）。

現在位置を示しているという事を明確にするために、ページタイトルと完全に一致する文字列を記載しておきましょう。

それによって、この部分が「パンくずリスト」ナビゲーションである事がはっきりします。

ページタイトルに「最適化したいキーワード」を含んでいる場合は、パンくずリストの右端にもページタイトルを記載する事で、キーワード出現頻度を向上させることにもつながります。

全てのページで同じ位置に掲載するようにします。

パンくずリストの特定の項目をクリックした直後に、移動先のページでも同じ項目が同じ位置に表示されていると、扱いやすいパンくずリストになります。

また、掲載位置は、すぐに目に付く上部がわかりやすく望ましいでしょう。

横向きのメニューバーを用意しているなら、その直下などがお勧めです。

ほんの1行分のスペースを確保するだけで十分なので、既存のデザインにも含めやすいでしょう。

SEO効果も期待してキーワードを含める

パンくずリストは普通のテキストリンクなので、キーワードを含めればSEO効果も期待できます。

可能ならキーワードを含めていきましょう。最も左端に配置される項目は、Webサイトのトップページです。

その為、トップページへのリンクは、「HOME」や「TOP」などという文字だけにしてしまいがちです。

しかし、それではキーワードの最適化効果が得られないので、Webサイト名など、最適化したいキーワードを含むものにしておきましょう。

パンくずリストの最後はかならず現在位置

パンくずリストでは、常に右端（最後）が現在位置になります。

パンくずは、「これまでに通ってきた道」にのみあるもので、「これから先の道」には存在しないはずだからです。

ですから、パンくずリストを作る際には、必ず右端（最後）に現在のページよりも先のページへのリンクまで書いてしまうと、閲覧者を惑わす事になってしまいます。

例え、道筋が1つしかなく、次に閲覧すべきページが1つしかながったとしても、パンくずリスト内に「次のページ」を書いてはいけません。

次に読むべきページがあるのなら、それは別の場所からリンクさせておきましょう。

本文の最後などがわかりやすくて便利です。

簡単にサイト内を移動できるようにする

メニューは、サイト内にどんなコンテンツがあるのかを伝えられ、ユーザーを適切に誘導する重要な要素です。

主要コーナーへのリンクを用意するメニュー

メニューとは、Webサイト内の主要なコーナーへのリンクを集めた重要なナビゲーションの1つです。ページの上部に横一列に並べた「メニューバー」や、ページ左右の端に縦方向に並べた「サイドメニュー」などが良く使われます。

主要なコー名へのリンクを「メインメニュー」とし、現在閲覧中のコーナーの各ページへのリンクを「サブメニュー」とすることもあります。

これらのメニューは、Webサイト内にどのような情報が公開されているのか簡単に把握できるため、アクセス者にとって非常に便利です。

横向き一列に並べられるメニューバーは、ページの上部（タイトルのすぐ下など）には位置される事が多いメニューです。

上部にあるため必ず閲覧者の目に付きますから、主要なコーナーのリンクに良く使われます。ただし、横方向に長くしすぎると、閲覧者の環境によっては横スクロールバーが表示されたり、メニューが複数行になったりして、醜くなるデメリットもあります。

メニューバーは、項目数が少ないメニューに向いているといえます。

縦向きに並べられるサイドメニューは、ページの左端や右端に配置されます。

一般的にWebページは縦方向に長いのが特徴で、メニューを縦向きにすれば幾らでも項目数を拡張できます。

詳細な項目まで掲載したサブメニューを作りたい場合、割りと全体のコーナー数が多い場合は、縦向きのメニューが良いでしょう。

使いやすいメニューを作るには

使いやすいメニューにするには、以下の3点に気をつけて構成します。

1. 全てのページで同じ位置・同じ内容を掲載
2. わかりやすいコーナー名をつける
3. 階層構造に気をつける

ページの上部や左右端など、常に同じ位置・同じ内容（デザイン）で掲載しておきます。

こうする事で、どこにメニューがあるのかを探す必要が無く、簡単にサイト内を移動できるようになります。

メニューの項目には、できるだけ無い表を推測しやすい項目名をつけます。

日本語のWeb歳との場合は、コーナー名も英語ではなく日本語にしたほうが良いでしょう。

英語のコーナー名だと、（日本語での）検索にもヒットしませんし、意図も伝わりにくい可能性があります。

メニューには、サイト内の同じ階層に属するページだけを並べて掲載するようにしましょう。

なぜなら、複数の階層をごちゃごちゃに記載すると、サイト構造の把握がしにくくなるからです。

どうしても異なる階層の項目を並べたい場合は、「メインメニュー」と「サブメニュー」とに分割しましょう。

横方向のメニューバーなら2行にし、縦方向のサイドメニューなら項目名の戦闘をインデントするなどして視覚的に階層構造を表現するようにします。

SEO効果も期待できるメニュー項目

メニューは、項目をクリックすると当該ページに移動できるナビゲーションですから、各項目は当然リンクになっています。

ですから、項目名（リンク文字）にはキーワードを含めておきましょう。

それによって、リンク先ページの最適化に役立ちます。閲覧者にとってわかりやすく、なおかつキーワードを含められるようなメニュー項目が望ましいでしょう。

多くの場合、キーワードとは、そのコーナーで扱われている話題を端的に表す単語になっているはずですから、単純にキーワードをそのままメニュー項目にしてもかまいません。

横向きの場合は勿論縦向きでも、メニュー1項目当たりにスペースを占有させる事はできません。

したがって、メニュー項目はあまり長い文字列をかけません。

その為、テキストリンクでは旨くキーワードを含められない場合もあります。

そのような時は、メニュー項目を画像で作成し補足的な部分の文字サイズを小さくする事で、比較的長い文字列を含める事ができます。

メニュー項目を画像で作る場合は、代替文字を必ず書いておきます。

それによって画像の読み込み前でもクリックできるようになりますし、また、検索エンジンにも適切に内容が伝わるようになります。

この方法なら、あまりメニュー項目のスペースをとらずに、ある程度のキーワードを含めたメニューにできます。

ただし、画像の代替文字中にたくさんの文字列を含みすぎるとスパムに取られかねません、必ず、画像上に実際に表示されている文字だけを代替文字に含めるようにしましょう。

サイト内検索フォームがあれば更に検索してもらえる可能性

Webサイト内に検索機能を設け、望む情報に簡単にアクセスできるようにしましょう。

検索機能があると便利

「サイト内検索」とは、自サイト内に限定した検索機能のことです。

サイト内限定の検索機能が用意されていれば、メニューを使ったりサイトマップを見たりして望みの情報の所在を探すまでも無く、検索後を入力するだけでコンテンツを探せるため便利です。

どのページにも検索フォームがあり、どこでもすぐに検索できる状態にあるのが望ましいでしょう。

検索サイトから訪れるアクセス者は、最初に閲覧したページに求める情報が無ければ、さっさと別のサイトへ行ってしまいます。

しかし、最初に閲覧したページに求める情報が無くても、サイト内検索フォームがあれば、それを使って検索してもらえる可能性があります。

直帰率を下げるためにも、全てのページにサイト内検索フォームを用意しておきましょう。ロゴなどド一緒にページ上部に記載しておくと、解りやすくて使いやすくなります。

サイト内検索機能を用意する

サイト内検索機能を設置するには、次のような方法があります。

• フリーの前文検索エンジンを利用する
• レンタルサーバが提供している検索機能を利用する
• GoogleやYahoo! JAPANなどが提供しているサイトない検索機能を利用する

自分のWebサーバ上で検索エンジンが動作していれば、インデックスファイルを更新する作業だけですぐに最新のページを検索区データベースに含める事ができます。

検索才知とのサービスを使う場合は、一切の設置が不要な代わりに、検索サイトのデータベースが更新されるのを待たなければ、最新の情報は検索結果に現れません。

フリーの全文検索エンジン

サイト内検索機能は、Namazuなどのフリー全文検索エンジンを使って自前で抵抗する事も可能です。

ただし、自由にCGIを設置できて、ある程度のCPUパワーが利用できるサーバでないと運用は難しいかもしれません。

しかし、検索結果の表示を自由にカスタマイズできるため、サイトデザインと一致した検索結果ページが作れるメリットがあります。

レンタルサーバが提供している機能を利用する

レンタルサーバによっては、サイト内検索機能を標準で提供しているところがあります。

もし利用しているサーバが検索機能を提供しているなら、それを活用するのが楽でよいでしょう。

検索サイトのサイト内検索サービス

Yahoo! JAPANやGoogleなどの検索サイトも、無料で利用でキルサイトない検索サービスを提供しています。

それらを利用すれば、自分では何のシステムも用意する必要が無いため、非常に楽に実現できます。

ただし、対象ファイルを細かく指定したりはできませんし、検索エンジンが情報を取得してからデータベースに反映するまでには時間がかかるので、最新の情報を対称に検索できるわけではないデメリットもあります。

Googleフリー検索

Googleフリー検索は、サイトない検索機能を手軽に実現できる無料のサービスです。

このGoogleフリー検索の「カスタマイズ版」を使えば、検索フォームや、健作家kkページのデザインもある程度カスタマイズできるので、自分のWebサイトにあわせた検索ページを作れます。

Yahoo!検索（ドメイン内検索）

検索結果ページのカスタマイズはできませんが、Yahoo! JAPANでもサイト内検索機能が提供されています。

HTMLに貼り付けるべきソースコードが既に表示されるので、そのソースの中にあるサンプルドメインを自サイトのドメイン名に修正します。

後は、望みのページに張るだけでサイト内検索機能が実現できます。

Google AdSenseの検索

ページの内容と関連する広告を自動配信するGoogleの（コンテンツ連動型）広告配信サービス「AdSense」を利用している場合は、それらの機能を利用する事でも際とない検索機能を用意できます。

AdSense側でサイト内検索機能を作った場合は、検索結果に高校区が表示され、そこからの広告収入が還元されます。

つまり、サイト内検索を無料で作れるうえに、そこに表示される広告からの収入が得られる可能性もあるという事です。

サイト内検索機能の利用者が広告をクリックしない限り収益は発生しません。

LPO中心のユーザビリティ向上テクニックについて