検索キーワード

キーワードは統一して使用しページ内のキーワードの出現率を増やすキーワードは統一して使用しページ内のキーワードの出現率を増やす

検索キーワードとは検索キーワードとは

SEO対策検索キーワードの選択と記述は最も重要です。

日本語には多数の類似キーワードが存在します。ロボット型検索エンジンは類似キーワードを全く別のキーワードと認識する場合があります。

ホームページ内のキーワードは統一して使用し、ページ内のキーワードの出現率を増やすことでロボット型検索エンジンでの上位表示に有効となります。

スモールキーワード

スモールキーワードとは、SEOにおいて、『Yahoo!』『Google』『MSN』などの検索エンジンで月間の検索回数が少ないキーワードのことをいいます。

スモールキーワードは、『ビックキーワード + ビックキーワード』、『ビックキーワード + スモールキーワード』など対象が限定されたキーワードで構成されます。

スモールキーワードはユーザを絞り込めるため、競合サイトが少なく、検索エンジンの上位表示がビックキーワードより容易になる場合があります。そのため、スモールキーワードの選定もSEO対策において、大変重要な行程となります。

ビックキーワード

ビックキーワードは月間検索回数が多い一方、ライバルも多いため、検索エンジンの上位表示は難しくなります。

そのため、SEO対策において、ビックキーワードもしくはスモールキーワードで検索エンジンの上位表示をねらうかは大変重要です。

例:ビックキーワード:『美容院』スモールキーワード:『新宿 美容院』、『美容院 梅田』ビッグキーワード 【big keyword】ビッグキーワードとは、SEOにおいて、『Yahoo!』『Google』『MSN』などの検索エンジンで月間の検索回数が多いキーワードのことをいいます。

検索キーワードチェックツール検索キーワードチェックツール

http://www.seoseo.net/ では簡単にキーワードポイントチェックが行えます。

キーワードポイントチェックとは、対象とする(調べたい)URLに対して、ある検索キーワードがどの程度の適合性を持っているかを調べるツールです。

各検索エンジンにおける順位が全て1位だった場合を100pppとしています。

各検索エンジンにおいて50位までの検索を行い、各エンジンで最初に該当した順位を抜き出しポイント化合計しています。

キーワード ツール:Google AdWords

https://adwords.google.co.jp/select/KeywordToolExternal キーワード ツールを使用して新しいキーワードの候補を取得できます。

わかりやすい単語またはフレームを入力するには、ウェブサイトの URL を入力します。

Google AdWordsを利用するのでなくともホームページのキーワード選択に役立ちます。

検索エンジンロボット

Googleに代表される[ロボット型]Googleに代表される[ロボット型]

検索エンジンロボットとは検索エンジンロボットとは

検索エンジンにはYahooカテゴリに代表される[ ディレクトリ型 ]と、Googleに代表される[ ロボット型 ]があります。

日本語で検索エンジン最適化と呼ばれているSEOとは英語のSearch Engine Optimizationの頭文字をとったもので、ロボット型検索エンジンでの検索結果ページへ表示されやすくする技術です。

取扱い商品や事業分野を検索した時、自社のホームページが見つからなかったならば存在していないのと同じ。

このままでは検索ユーザーが訪れる機会は僅かしかありません。

SEOにはオンページSEO(英語で Onpage Optimization )とオフページSEO(同 Offpage Optimization )という二つの要素があり、両方がバランスよく揃って初めて期待された効果を発揮します。

SEOは常に研究・進歩している分野で、適切な最適化の実行には幅広い知識と豊かな経験が求められます。

オンページSEO(ページ内SEO)オンページSEO(ページ内SEO)

オンページSEOは簡単に言うとキーワード対策です。

運営者の呼び込みたいと考えるユーザー層が検索するときに使う語句から、お客様ホームページの内容を考慮したキーワード選択を行います。

サイトテーマからページテーマを選び出し、それぞれのページへ割り振ってゆきます。地道な作業の連続ですが検索エンジンで思い通りの検索順位を得るために欠かせない作業です。これを行わないと検索結果ページで自サイトのページ同士が競合する無駄を招き、無視できない損失を生じます。

その後に各ページを最適化してゆく作業に入ります。それは文書構造そのものから始まり、重要な語句の選択・重要度の割当・語句の配置・文字の大きさ・使われる回数など事細かに検討される作業です。

Drupal-CMSをインストールし、SEO関連のモジュールを追加することにより、HTMLを操作することなくSEOに最適化されたコンテンツページを作成することができます。

オフページSEO(ページ外SEO)オフページSEO(ページ外SEO)

外部サイトからのリンクを被リンク又はバックリンクといいます。

良質且つ大量の被リンクを受ける事が検索エンジン上位表示に必要な条件です。

ロボット型検索エンジンはページやリンクの内容を重視する方向へ傾いてきています。

これからは選択的な被リンクを心掛けなければならないでしょう。 むやみやたらとリンクを受けても思ったような効果は得られません。

検索エンジンは常に進化しており、リンク元との関連性やリンクに使われた文字までチェックしています。

「むやみやたらとリンクを受けても思ったような効果は得られません」とはいうものの検索トップを目指すサイトは今でも有料被リンクを購入することが行われています。
ぜんぜん無縁なブログやコミュニティからリンクを得るような数稼ぎの有料(不良)被リンクを購入するのは良いことではありません。
しかし、有料被リンクといっても全てがスパムまがいというわけではありません。
有名検索サイトへの有料広告バナー登録なども有料被リンクの一つです。適切なフレーズで適切なページにリンクします。
このような有料被リンクは、リンクする側もサービスの向上に気を使うため、不良サイトはリンクしてくれません。
被リンクを得るに値するサイトかどうかチェックされ、思わぬ欠点がわかる場合があります。
ぜんぜん無縁なブログやコミュニティからリンクを得るような数稼ぎの有料(不良)被リンクを購入するより、一つ二つの有料リンクをもらう事をやって自サイトをチェックする。
こんな発想も"あり"ではないでしょうか。

 

全ページの入口化で直帰率を下げる

どこのページに直接アクセスされても適切に誘導できるようにして直帰率を下げるどこのページに直接アクセスされても適切に誘導できるようにして直帰率を下げる

どこからアクセスされても良いように考えるどこからアクセスされても良いように考える

検索サイトからのアクセスの場合は、トップページ以外のページに直接アクセスされる事が多くあります。

もし、最初にアクセスしたページに、「トップページに移動するためのナビゲーション」が存在しなければ、アクセス者の多くはその1ページを閲覧しただけで帰ってしまいます。

つまり、直帰率が向上してしまいます。

トップページだけでなく、それ以外のどのページに直接アクセスされた場合でも、適切にWebサイト内を移動できるようにページ内を構成しておきましょう。

それによって、トップページだけでなくどのページも「入口」「として機能し、適切にアクセス者を誘導できるようになります。

入口として機能させるために必要な事入口として機能させるために必要な事

これらの要素を掲載して、アクセス者が必ず「次のアクション」を起こせるようにします。

他にもサイト内検索機能など、あると便利な要素もあります。

戻るリンク・関連ページへのリンク

そのページが属しているコーナー(無ければトップページ)へ戻るためのリンクは必要です。

これが無ければ、他のページを閲覧する事ができません。必ず用意するようにしましょう。

さらに、そのページの内容に関するページがあるなら、そこへのリンクを用意しておきます。

それによって、一連の話題をまとめて読む事ができるようになります。

サイトマップへのリンク

サイトマップがあると、Webサイト内に自分の探す情報があり層かどうか、あるとしたらどれくらいの分量があり層化などを手軽に調べる事ができます。

何らかの情報を探して訪れたアクセス者を、適切に誘導するためにも役立ちます。サイトマップを用意している場合は、全てのページへリンクしておくと、直帰率を下げるのに役立つでしょう。

更新チェックを容易にするRSSの公開

RSSでWebサイトの更新状況を簡単にチェックRSSでWebサイトの更新状況を簡単にチェック

RSSフィードを作成・公開する事で、アクセス者に対して手軽な更新チェック手段を提供できます。

RSSとはRSSとは

RSSフィードとは、Webサイトとの更新内容をXML形式で記述したデータの事です。

「RSSリーダー」と呼ばれる専用のソフトウェアやRSSに対応したブラウザを用いて、新着情報のチェックができます。

多くのブログツールは標準でRSSフィードを出力できるため、更新チェックツールとして大きく普及しています。

ブログ以外でも、RSSフィードを提供しているニュースサイトや企業サイトなどがたくさんあります。

RSSに対応したブラウザで、RSSフィードを提供しているWebサイトを閲覧すると、アドレス欄やステータスバーなどに、フィードの存在を示すアイコンが表示されます。

それをクリックすると、RSSフィードの登録ができ、それ以後、そのWebサイトの更新状況を簡単にチェックできるようになります。

RSSリーダーでの更新チェックRSSリーダーでの更新チェック

RSSフィードを登録して、Webサイトの更新チェックを行う専用のソフトウェアやサービスもあります。

更新内容の全文がRSSに含まれる場合、WebサイトにアクセスしなくてもRSSを読むだけで全ての本文が読めます。

多くのWebサイトをすばやく巡回する目的にも役立ちます。 RSSフィードを配信していれば、「RSSリーダー」やRSS対応ブラウザの利用者に対して効率よく更新情報を伝えられます。

RSSフィードを作成・配信するにはRSSフィードを作成・配信するには

RSSフィードは、何らかのツールを用いて生成するのが一般的です。

テキストエディタを使って自力で記述する事も不可能ではありませんが、現実的ではありません。

ブログツールやCMSツールでは標準で出力できる事が多いでしょう。

それ以外の場合でも、RSSフィードを出力するソフトウェアやサービスを活用すれば作成できます。

ブログツールやCMSツールを使っている場合

代表的なブログツールは、コンテンツ(ページ)の作成と同時にRSSを生成してくれるので、特に何も考えることなくRSSの配信が可能です。

ブログツールだけでWebサイト全体を構築しているのなら別ですが、ブログ以外のページが存在するなら、それらのページについても別途RSSを作成する必要があります。

RSSを作成できるソフトウェアを利用する

ブログやCMSツールを使わずにRSSを作成するには、Windows上で動くフリーソフト「Fumy RSS & Atom Maker」などを利用しましょう。

このソフトウェアを使うと、ローカルHDD上にあるHTMLファイルのうち、最近に更新されたものから情報を排出し、RSSフィードを自動作成できます。

内蔵のFTP機能によってアップロードも可能ですし、Pingサーバに対してUpdate Pingを送信する事もできます。

外部のRSS作成サービスを利用する

自力でRSSを作成するのが面倒な場合は、外部のRSS作成サービスを利用する方法もあります。

例えば「MyRSS」は、URLが指定しておくだけでそのWebサイトに増えたページの情報をRSSしてくれるサービスです。

増えたページを必ずトップページからリンクするようにしておけば、自動的にRSSフィードを生成してくれます。

RSS-AutoDiscoveryの記述RSS-AutoDiscoveryの記述

RSSを配信している事を示すには、HTML中にRSS-AutoDiscoveryの記述が必要です。

RSSを公開している場合は、必ずRSS-AutoDiscoverryの記述を加えておきましょう。

これによって、ブラウザなどに対してRSSを公開している事実を伝えられます。

この記述がないと、自動的にはRSSの存在を調べられないため、RSS対応ブラウザを用いて閲覧していても、RSSの存在を示すアイコンなどは表示されません(本文中からRSSフィードへリンクしておくだけでは不十分ですので注意してください)。

RSS-AutoDiscoveryは、HTMLのhead要素内に以下のように記述します。複数のRSSを提供している場合は、存在するだけ列挙できます。

<link rel="alternate" type="application/rss+xml" title="RSS" href="指定されたフィードのURLをここに記述">

 

RSSリーダーサービスにRSSを簡単に登録できるボタンを作るRSSリーダーサービスにRSSを簡単に登録できるボタンを作る

ソーシャルブックマークに簡単に登録できるボタンを用意したのと同様に、各種RSSリーダーサービスに感嘆に自サイトのRSSを登録できるボタンを用意しておきましょう。

RSSはアイコンの表示とテキストリンクも用意しておくRSSはアイコンの表示とテキストリンクも用意しておく

RSSフィードを利用しているアクセス者全てが、RSS対応ブラウザでRSSを購読しているとは限りません。

前述の通り、RSS対応ブラウザではRSS Auto-Discoveryの記述があればRSSフィードの存在を認識して登録できるようになります。

しかし、外部のRSSリーダーを使用している場合は、RSS Auto-Discoverryの記述だけではRSSフィードの配信時膣に気付いてもらえない可能性があります。

RSSフィードを公開した場合は、RSSフィードを配信中であることを表人的なアイコンを用いて表示しておくのが望ましいでしょう。

RSSを示すアイコンは、オレンジ色で電波のようなマークが描かれたアイコンが標準的に使われていますから、このアイコンを使って表示するのが最もわかりやすくなります。

RSSアイコンは、生成サービスが幾つかあるのでそれらを利用してダウンロードするのが便利です。

「RSSアイコン2.0」サービスでは、標準的なRSSアイコンを用いた画像が幾つかダウンロードできます。

自サイトのRSSフィードのURLを入力する事で、そのまま自分のWebサイトに登録できるHTMLソースをダウンロードできます。

このソースを掲載すると、RSSアイコンとリンクが表示されます。

アクセス者がそのアイコンをクリックすると、RSSフィードに関する簡単な説明と各種RSSリーダーに登録するためのボタンが表示されるページが表示されます。これによって、初心者でも簡単にRSSぢー度を活用できるようになります。

検索エンジン向けサイトマップを作る

サイトマップファイルを作成してアップロードするサイトマップファイルを作成してアップロードする

XMLベースの「サイトマップファイル」を用意することで、全てのページを検索エンジンにクロールしてもらえる可能性が高まります。

サイトマップファイルとはサイトマップファイルとは

サイトマップファイルとは、Webサイト内の全ページの情報をXML形式で列挙したデータファイルの事です。

HTMLで作成したページが主に人間向けに作られたページであるのに対して、XMLで作成した「サイトマップ(ファイル)」は、検索エンジンに読ませるためだけに作られたものです。

この検索エンジン向けのサイトマップファイルを用意しておけば、検索エンジンに対してサイト内の全てのページの存在を知らせる事ができます。

それによって、検索エンジンのクローラーにもれなく全ページを巡回してもらえる可能性が高まります。

サイトマップファイルの中身サイトマップファイルの中身

サイトマップファイルには、オプションとして書くページの更新頻度や重要度・最終更新日を含める事ができます。それらを含めると、url要素は以下のようになります。

<url><loc>http://www.example.jp/</loc><priority>0.8</priority><chagefreq>daily</changefreq><lastmod>2008-12-12</lastmode></url>

必須なのはloc要素だけで、後の3要素は省略可能です。

サイトマップファイルを作るにはサイトマップファイルを作るには

サイトマップファイルは、簡単なXMLベースのテキストファイルなので、テキストエディタでも作成が可能です。

上記のソースのようにurlを列挙するだけで完成します。

しかし、ページ数が多い場合は手間がかかるので、自動で作成できるサービスを利用するほうが良いでしょう。

サイトマップファイルを自動生成できるサービスには、次のようなサービスがあります。

  • 「XML Sitemaps」の「Sitemap Generator」
  • 「無料登録どっと込む」の「サイトマッププラス」

 

作成したサイトマップファイルは、そのWebサイトの最上階層(トップレベルのディレクトリ)にアップロードします。

例えば、WebサイトのURLがhttp://www.example.com/の場合は、サイトマップファイルにhttp://www.example.com/sitemap.xmlのようなURLでアクセスできるようにアップロードします。

サイトマップファイルの存在を示すサイトマップファイルの存在を示す

サイトマップファイルを作成してアップロードができたら、検索エンジンに対してサイトマップファイルの位置を知らせます。

Googleの場合は、「Googleウェブマスターツール」上から登録し、Yahoo! JaPANの場合は、robots.txtにURLを記述しておきます。

Googleの場合

Googleにサイトマップファイルを認識させるためには、「Googleウェブマスターツール」を使います。

「Googleウェブマスターツール」のダッシュボードから、サイトマップを登録したいサイトの「Sitemap」項目にある「追加」リンクをクリックします。すると、サイトマップの登録画面が評されるので、「一般的なウェブページのサイトマップを追加」を洗濯して、アップロードしたファイル名を入力します。

最後に、「ウェブページのサイトマップを追加」ボタンをクリックすれば完了です。

Yahoo! JAPANの場合

Yahoo! JAPANにサイトマップファイルを認識させるには、クローラーに対して支持を出せるrobots.txtファイルにURL記述しておきます。

Sitemap: http://www.example.com/sitemap.xml

Yahoo! JAPANへのサイトマップファイル登録方法については、Yahoo! JAPANのヘレプにも記載があります。

何らかの理由でrobots.txtが使えない場合の方法も掲載されていますので、その場合には参照してください。

サイトマップファイルの仕様についてサイトマップファイルの仕様について

XML形式のサイトマップファイルの仕様については、Sitemaps.orgなどで詳しく解説されています。

具合的に含められるオプションの記述方法などに関しては、この解説を参考にすると良いでしょう。

また、Googleのウェブマスター向けヘレプでも、サイトマップに関して説明されています。サイトマップのメリットや活用方法について紹介されています。

関連するページに導線を張る

ナビゲーションとして「パンくずリスト」を用意しておくのが簡単ナビゲーションとして「パンくずリスト」を用意しておくのが簡単

基本的な導線を張っておくと、ユーザを適切に誘導できる上、最適化したいキーワードでリンクもできます。

関連するページへ誘導する関連するページへ誘導する

各ページの末尾などに、そのページと関連する話題のページへのリンクも設けておくと、直帰率を下げられます。

アクセス者はそのページに書かれている内容について知るために訪れたと考えられますから、関連する情報が他にも存在するとわかれば、そのページも一緒に閲覧するでしょう。

有用な情報がたくさんあるように感じられれば、Webサイト自体に信頼が得られます。

それによって、ブックマークされてリピーターになってもらえたり、口コミで広めてもらえたり、また物品購入や資料請求などの「サイトの目的」に誘導しやすくなるでしょう。

検索エンジンは、サイトテーマやリンク周辺にある文字列も考慮してページの話題を判別するため、同ジャンルへのページからリンクしておく事は、SEO面でも効果を期待できます。

他のページへのリンクを設けておく事は、「情報がたくさん掲載されているサイトだ」とアクセス者に認識させる効果もあります。読み物がたくさんあると認識されれば、Webサイト自体をブックマークされたり、リンクされたりする事も期待できるでしょう。

その結果、さらにアクセスを向上させることができます。

隣接するページへも誘導する隣接するページへも誘導する

各ページには、必ず上位階層(そのページが所属しているコーナーのトップページなど)へのリンクを設けて置くようにしましょう。

アクセス者が「このページの属するコーナーを全て読んでみたい」と思ったときに、すぐ閲覧できる状態にしておくためです。

この実現にはナビゲーションとして「パンくずリスト」を用意しておくのが簡単です。

上位改装のページへリンクする際は、リンク文字に「戻る」や「トップページへ」といった、内容を表現しない文字列だけの使用は避けます。

必ず、「りんごの品種TOPへ」など、キーワードを分組んだ文字列でリンクしておきましょう。

「戻る」などだけでは、どこに移動できるのかが予測できません。

どこに移動できるかわからないリンクは、あまりクリックされません。

また、リンク先ページを最適化できるチャンスを逃す事にもなります。

つまり、「戻る」などのキーワードを含まないリンクは、SEO面でもLPO面でも役立たないことになります。

必ずキーワードを含んだリンク文字にしておきましょう。

スクリプトを使って戻さないスクリプトを使って戻さない

JavaScriptなどを用いて「前に閲覧していたページに戻す」スクリプトを使うのは好ましくありません。

この場合は、ブラウザの「戻る」ボタンをクリックした場合と同じ効果になってしまうため、外部サイトから直接来たアクセス者を、前にいた外部サイトは戻してしまう事になるからです。

複数のページから到達する可能性のあるページに、このような(スクリプトによる)「戻る」リンクが良く設けられています。

そのようなページでは、複数のページに戻るリンクを必要なだけ列挙して置けばよいでしょう。

その方が、上位階層のページが複数ある事が用意に把握できるため、閲覧者にとっても便利になります。

導線の位置は本文の最後に導線の位置は本文の最後に

本文の直後に配置したリンクは、他の位置にあるリンクよりもクリックされやすくなります。

なぜなら、本文を読み終えた後は、次の行動を考えるタイミングだからです。

次の行動を考えるタイミングで関連ページへのリンクがあれば、そちらも読んでみようと思われやすくなります。

したがって、関係するページへのリンクは、サイドバーなどよりも本文の直後に記載しておくほうが良いでしょう。

次の行動につながるリンクを見つけられないと、検索サイトから来たアクセス者は、ブラウザの「戻る」ボタンで検索結果ページに戻ってしまうかもしれません。

本文直後のリンクは、アクセス者を逃さないようにするための重要な導線掲載位置です。

外部サービスを利用している場合は特に重要外部サービスを利用している場合は特に重要

レンタルブログサービスやレンタル掲示板など、自分のWebサイトの外にスペースを確保したコンテンツがある場合は、必ず「戻る」リンクを用意しましょう。

外部のサービスを利用した場合は、URLから関連を知る事ができません。

したがって、リンクが無ければ確実に(本来の)Webサイトに戻ってくる事ができません。

検索エンジンは「被リンク数」を重視します。

被リンク数は、内部リンクと外部リンクの2種類がありますが、一般的に外部サイトからのリンクのほうが得にくいため、内部リンクよりも外部リンクのほうを重視すると考えられています。

レンタルブログやレンタル掲示板などの外部サイトから自分のWebサイトにリンクすれば、ドメインが異なるために「外部サイトからのリンク」だと解釈されるわけです。

各ナビゲーションを整備する

全てのページに共通したナビゲーションを用意全てのページに共通したナビゲーションを用意

全てのページで共通のナビゲーションがあれば迷わず移動できるため、アクセス者を誘導しやすくなります。

共通のナビゲーションを用意共通のナビゲーションを用意

全てのページに共通したナビゲーションが用意されていれば、迷わずにサイト内を移動できます。

また、サイト内の構造もよく把握できるため、どこに行けばどんな情報が得られそうかが推測しやすくなり、無駄ない動をせずに済みます。

迷いやすかったり無駄ない動画多く必要な構造になっているサイトは、使いにくいサイトだと認識されます。

アクセス者が去ってしまわないように、できるだけサイト内の全てのページに、共通のナビゲーションを用意しておきましょう。

ナビゲーションの種類ナビゲーションの種類

アクセス者を適切に誘導できる便利なナビゲーションとしては、以下のようなものがあります。

全てを用意しておくのが理想的ですが、それが無理でもできるだけたくさん用意しておきましょう。

メニュー

主要なコーナーへのリンクを並べたものです。

上部に横一列に並べる「メニューバー」や、左右の端に立て一列に並べる「再度メニュー」の形でよく使われます。

ページの株(フッタ)に、テキストリンクの形でたくさん並べておく形も、大規模なサイトでよく使われています。

形態はどれでもかまいませんから、トップページだけでなくできるだけ全てのページに用意しておきましょう。

パンくずリスト

Webサイトのトップページから現在のページに至るまでの道程を順番に掲載したものです。

現在位置が一目瞭然なので、構造の把握に役立ち増す。

また、上階層のページへ移動するのに便利なので、同じ話題のページを閲覧したいと思われた場合などに特に役立ちます。

ロゴ

ページの上部にWebサイトのロゴがあると、「どこのWebサイトを閲覧中なのか」が明確になります。

サイトそのものの印象を閲覧者に残しやすくもなります。

ロゴは、「トップに戻る」リンクを兼ねるナビゲーション機能を持っている事が良くあります。

ですから、ロゴを掲載する場合は、トップページへのリンクにしておきましょう。

ロゴをクリックすると、そのWebサイトのトップページに戻れるようにしておけば、アクセス者をトップページに導きやすくなります。

サイトマップ

Webサイトを構成する全ページへのリンクを掲載したリストページです。

そのWebサイト内にどんな情報が掲載されているのかを、把握するのに役立ちます。

迷ったときに望みの情報がどこ名あるのかを探すために便利なページですから、必ず用意しておきましょう。

アクセス者だけでなく、検索エンジンに漏れなくサイト内を巡回してもらうのにも有効です。

サイト内検索機能

自分のWebサイト内に限定した検索機能です。

無料で使える前文検索エンジンを配置してリ評したり、レンタルサーバ会社が提供しているサービスを利用したりして実現できます。

自力での設置が難しい場合は、GoogleやYahoo! JAPANが無料で提供しているサイト内検索サービスを使って用意することもできます。

特にメニューやパンくずリストは、ナビゲーション機能を手今日するとと同時に、各コーナーのトップページの「被リンク数」を増やす事にもなります。LPO面でもSEO面でも有効になる要素です。

全ページで共通する部分の楽な作成方法・管理方法全ページで共通する部分の楽な作成方法・管理方法

全ページで共通するナビゲーション部分を、全てのHTMLファイル内に直接記述するのは無駄が多すぎる上、メンテナンスも大変です。

ヘッダ部分やメニュー部分などの、全ページに共通するナビゲーションは、それぞれ独立したファイルに分割しておいて、Webサーバ上で合成するようにしましょう。

そうすれば、メンテナンスがとても楽になります。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

一目でわかる新着情報の掲載方法

更新した事実を何か一言掲載するようにしてトップページも同時に更新更新した事実を何か一言掲載するようにしてトップページも同時に更新

新しく追加されたページをできるだけ早くクロールさせるためだけではなく、リピーター向け情報として役立ちます。

リピーターに役立つ新着情報(更新履歴)リピーターに役立つ新着情報(更新履歴)

追加・更新された箇所だけをまとめて知る事ができる新着情報は、リピーターにとって便利です。

なぜなら、リピーターは、追加・更新された箇所を読みたいと思って訪れるからです。

ですから、ページの追加・更新状況を掲載するページ(新着情報)は必ず設けておきましょう。

尚、更新履歴は更新頻度を把握するのにも活用できます。

更新頻度が低すぎる場合は、あまり旬な情報はないサイトだと思われ、逆効果にもなりかねません。

定期的に更新するようにしましょう。

更新履歴はトップページにも併記更新履歴はトップページにも併記

更新履歴はその一部をトップページにも併記しておきましょう。

すると、どこかのページが追加・更新されるたびにトップページも更新される事になり、トップページの更新頻度が向上します。

更新履歴コーナーをトップページに用意しない場合でも、更新した事実を何か一言掲載するようにして、トップページも同時に更新するようにします。

頻繁に更新されるページは、それだけ検索エンジンも頻繁に訪れるようになります。その結果、(トップページからリンクされている)新しく追加・更新されたページが早くクロールされ、検索エンジンのデータベースにも早く登録される事が期待できます。

更新履歴の書き方更新履歴の書き方

日付の新しい順に並べ、追加・更新ページへのリンクと、追加・更新等の簡単な説明を書いておきましょう。

更新内容をただ書くだけではなく、必ずリンクにします。

その際、リンク文字には、リンク先ページで最適化したいキーワードを用いるようにします。

説明文にも、キーワードを含んだ簡潔な文章を書いておくと良いでしょう。

キーワードになる部分だけをリンクにするほか、一文全体をリンクにしても良いでしょう。

ただし、一文全体をリンクにすると、リンクに含まれる文字が多くなってしまうため、あまりリンク先ページの最適化には役立たなくなる可能性があります。

メニューの効果的な設置方法

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

このページ の ページTOPDrupalサイト構築 の サイトマップDrupalサイト構築 の TOPページ