Bruce Clay Japan KK
 

SEO Webデザイン・メソドロジー

ウェブの利用は、インターネットの初期の頃と比較して飛躍的に増加しました。検索エンジンは、ウェブの隅から隅までインデックシングするのに忙しく、オンライン商取引も活況を呈しています。ビジネスの発展が現実店舗への集客となるのか、オンラインでのコンバージョンにつながるのかを問わず、消費者は、欲しい物や必要な物をすべてオンラインで入手できると考え始めています。この消費者の期待に基づいて考えた場合に、インターネット マーケティングの中でどのようにプレゼンスを確立し、検索エンジンでのランキングをどのように高めたらよいでしょう? 最も効果的な方法は、ユーザビリティ、対象者、得意分野を踏まえながら、検索エンジン最適化のベストプラクティスの原則をウェブ サイトに取り込むことです。

従来の企業は、サイトのデザインについてはあまり気にする必要がありませんでした。情報をページに記載しておくだけで十分だったのです。現在では状況は変わりました。今日の世界では、新鮮で興味深いウェブ コンテンツを求めて検索エンジンと数百万人のインターネット ユーザがウェブを毎日さまよっています。サイトのデザインは、検索エンジンにとっていかにクロールしやすいか、ユーザにとっていかにナビゲーションしやすいかに影響を与えます。検索エンジンがトップページから先に移動できなくなったり、必要な情報を見つけられずにサイトから離れてしまえば、そのサイトは競争力を失うことになります。

Graphic Showing the Steps to take when designing SEO friendly web sites

Step 0 - デザイン計画

ウェブ サイトの構築を始める前に、サイトで何を実現するかを決めておかなければなりません。どのようなインターネット マーケティング戦略をとるかを確立する必要があります。基本的には、ウェブには何らかのトピックについて調べることに関心を持つユーザと、調査を終えて行動に移る準備の整った購買者という 2 種類のユーザがいます。サイトの対象とみなすユーザについても、この両方の種類を満足させる必要があります。行動を開始する前に、製品やサービスを販売するのか、それとも情報を提供するのか、という目的をはっきりさせてください。デザイン プロジェクトを成功させるには、自分の得意分野を理解することが重要です。

誰を対象ユーザとし、そのうちの誰をターゲットにするかを考えてください。情報について調べているユーザのニーズは購入者のそれとは異なり、両方をターゲットにすることは厄介です。サイトの焦点は、このターゲットによって決まります。

誰が対象ユーザであるかを考えるときに、ペルソナを最初に作っておくと便利です。ペルソナの創造については、優れた記事があるので、これを参照することをお勧めします。要点は次のとおりです。


  • 対象ユーザが何を目的とし、何を信用しているかを理解し、それを心に留め置く
  • 自分の企業にとって最も効果的に表現された見解を用意する y
  • 対象ユーザが受け入れる、または受け入れない仕様や機能を把握する
  • 対象ユーザをより個人的なレベルで理解することに努める
  • 混乱を避けるために、企業側と対象ユーザの間に共通のボキャブラリーを作る
  • 自分の企業が詳細な情報を得た上で意思決定を行えるようにする

ビジネスを企業中心のものではなく、顧客中心のものにするために役立つ便利なツールに「We We Calculator」があります。このツールはコンテンツを調べ、企業自体について述べている部分と、顧客や、その期待およびニーズについて述べている部分の量を比較し、点数として表示します。

Step 1 - サイト分析

サイトをどのようなものにし、誰をターゲットにするかを決めたら、競合他社について分析する必要があります。彼らはどのように目的を達成しようとしているのでしょう? 彼らが実行している内容を改善できる余地はありますか? それ以上の内容を提供できますか? 自分の企業と競合他社を差別化する要因は何でしょう? そして、いちばん重要なことですが、自分の企業を競合他社より優位にできる要因は何でしょう?

競合他社を特定するための最初のステップは、自分の業界で注目されているキーワードを見つけ出すことです。ブルースクレイ社では、競合他社を分析し、キーワードを選択するための全体的な方法論ツールセットを開発しました。ブルースクレイ社の「検索エンジン最適化の概要」を参照し、競合相手のターゲティングについて理解することをお勧めします。実行すべきキーワード分析手順の概要は、次のとおりです。


  1. 競合他社を特定する
  2. リンクトラッキングの手法を使用する
  3. キーワードを特定する

キーワードの分析に役立つように、ブルースクレイ社では、競合他社を調べるためのツールを用意しています。次の無償ツールを試してみてください。このツールの機能については、「キーワードの特定方法」というセクションを参照してください。


調べるサイト URL を 1 つずつ入力します

Their URL:


最初のレポートが表示されたら、それを印刷します(特に上位のフレーズが重要)
次の URL の分析は、その後で行ってください。

Step 2 - SEOデザイン

サイトのプランニングと分析が完了したら、SEO に適したデザインの 2 つの側面について考えなければなりません。まず、対象ユーザについて考えます。彼らはサイトをどのようにナビゲーションし、使用するでしょう? ユーザが理解しやすいように構成し、簡単に動き回れるようにする必要があります。ナビゲーションを容易にし、ユーザがサイトのより深くまで入り込めるようにするために、どのような配色フォントを使用しますか? ドロップダウン メニュー、右または左のナビゲーション サイドバーなど、どのようなナビゲーション方法を使用しますか? ナビゲーションはサイトの生命線です。訪問者が簡単に動き回ることができ、サイトにできるだけ長く滞在するようにするには、ナビゲーションを容易にする必要があります。

考える必要があるもう 1 つの課題は、検索エンジンです。ほとんどのウェブ ページの作成は、検索エンジン最適化の専門家の仕事ですが、SEO デザインの段階でも、いくつかの点に注意してください。


  • どのようなアーキテクチャをサイトで使用するか?
  • ユーザ用に導入したナビゲーションが、検索エンジンによるナビゲーションにどのように影響するか?
  • 検索エンジンが何を求め、どのようなメリットとデメリットをもたらすか?
  • 利用できるコンテンツがすでに作成されているか、それとも新たに作成する必要があるか?
  • カスケード スタイル シート (CSS) や JavaScript に対応しているか、W3C に準拠しているか?

HTML のみでコーディングする以外に、Web サイトの構築にはいくつかのオプションを利用できます。代表的なものに Flash、Ajax、PHP の 3 つがあります。すべてのテクノロジと同様に、それぞれの実装にはメリットとデメリットがありますが、調べてみるだけの価値はあります。

グラフィックを追加できるだけでなく、ゲームを作成することもできます。

Flash を使用する場合に見られるデメリットの 1 つは、誰もが Flash プレーヤーをインストールしているわけではなく、プレーヤーのダウンロードを望まないユーザもいることです。誰を対象ユーザとするかを考えておくことは、このような場合に重要になります。テクノロジに精通した相手を対象に作成するのであれば、使用しても問題ないと考えられます。しかし、高年齢層や、パソコンやインターネットに親しんでこなかった世代を対象とするのであれば、サイトで利用するテクノロジの選択に、より保守的なアプローチをとるべきです。また、Flash を使用するページは、クローラによるインデックシングがうまくいかない場合があります。インデックシングしてもらいたいページで Flash を使用した場合は、そのページが検索結果に上がってこなくなる可能性があるので注意してください。

エッセイを参照してください。

PHP は、HTML コード内に埋め込まれる汎用スクリプティング言語です。ウェブ開発者はさまざまな用途に PHP を使用することができ、動的なウェブ コンテンツを作成してデータベースと連動させることもできます。PHP を使用するには、使用するサーバが PHP に対応し、これが有効化されている必要があります。サーバ側の対応や有効化が不明な場合は、システム管理者に問い合わせてください。PHP を使用して静的なウェブ ページを作成することはできないので注意が必要です。PHP は主に、サーバ側のスクリプティングに使用されます。PHP の詳細や、ウェブ サイトの強化に利用する方法については、PHP.net を参照してください。PHP を使用するメリットの 1 つは、PHP を使用するサイトのページにアクセスするときに、訪問者が特別なアプリケーションをダウンロードする必要がないことです。ただし、PHP の使用にはデメリットも 1 つあります。ウェブ サイトに PHP を実装するには、基本的なプログラミングスキルが多少必要です。しかし、それほど難しいものではありませんので、プログラマでなくても理解することができ、学習によって最終的には記述できるようになります。必要なのは、落ち着いて学習するための時間だけです。

どのテクノロジを採用し、どれを採用しないのかを決定したら、優れたページを作成するために何が必要であるかをコンテンツの面から考えてください。あなたが対象トピックのエキスパートであることをはっきりと示し、それを裏付けるコンテンツを用意する必要があります。繰り返しますが、「Web サイト デザインの原則」については頼りになる情報を用意してあります。


Step 3 - Webデザイン修正

サイトのアーキテクチャが完成したら、誰がテンプレートを作成し、誰がコンテンツを作成するかを決める必要があります。社内にデザイン チームやウェブ開発チームはありますか? それとも社外にアウトソースしますか? SEO についてはどうですか? 自分自身で対応できますか? それともアウトソースしますか? 「高品質サイトの条件」のガイドラインを思い出してください。適度に「抑制のきいたアピール」をサイトに持たせる上で、これは絶対に必要です。

クローリングのために検索エンジンに登録するページでは、それぞれのコンテンツにキーワードを追加することが重要な要素となります。どこに、どのように追加しますか? また、それはデザインにどのように影響しますか?

META TITLE タグと META DESCRIPTION タグにキーワード (およびキーワード フレーズ) が目立つように配置されたページは、そうしていないページより常に上位にランク付けされることがわかっています。これらのキーワードやフレーズをページ コンテンツ全体で使用することも重要です。ブルースクレイ社では、ランディング ページのキーワードをリンク元のページのアンカー テキストでも使用して、両方のページを結びつけることも必須であると考えています。「複数のページの間に関連性がある場合は特に、テキスト リンクをできるだけ段落内で使用してください。トピックに関連性がない場合は、検索エンジンがテキストを認識して混乱することがないように、画像リンクを使用します。」

ページで使用する画像の数にも注意する必要があります。ページをオシャレに見せる上で画像は有用ですが、読み込み速度向上のために画像の表示をオフにしているユーザもいることに注意してください。また、視覚に障害を持つために、読み上げソフト、音声認識、音声合成装置を使用しているユーザもいます (これには、視覚異常だけでなく、色覚異常、失読症も含まれます)。

さらに、読み上げソフトは、こちらが伝えようとしている情報を常に正しく認識してくれるとは限らないため、コードに構文エラーが含まれていたり、列ではなく垂直行でテキストを使用していると、訪問者が意味を理解できなくなる危険があります。詳細については、連邦政府が公開している法令説明サイトで「セクション 508 ウェブ サイト」を参照してください。

キーワードの完全な説明と、それをサイトに実装する最高の方法については、「検索エンジン最適化の概要」ページで「ステップ 6」を参照してください。

Step 4 - Webサイトのテスト

サイトのテストは重要です。ケース スタディを何回か行ってください。サイトを詳しく調べる人を数名 (ウェブ サイトに関係していない同僚、家族、友人など) 集め、身動きがとれなくなった箇所や、混乱したり戸惑ったりした箇所を調べてもらいます。そのコメントを参考にして、問題点を解決します。その上でもう一度調べてもらいます。次に、別のグループを集めてサイトを調べてもらい、最初の 2 回で見過ごされた箇所を突き止めます。特にイライラするのが、リンク切れです。Xenu's Link Sleuthは、リンク切れの検出に利用できる優れたツールです。


W3C のマークアップ検証サービス を使用して、サイトが W3C に準拠していることを確認してください。

サイトの URL:


サイトにペルソナを作成した場合は、この時点でそのペルソナのユーザビリティ テストを行います。このステップでは、いくつかの人的要因についても調べなければならない場合があります。サイトとのやり取りをユーザがどのように行うかを調べてください。何が機能し、何が機能しませんか? 意見やコメントを参考に、調整を重ねてサイトを改善しましょう。


無償ツール!
ページ ソースの表示

このツールを使用することで、カスケード スタイル シート (.css) ファイルや JavaScript (.js) ファイルを含め、ウェブ上に公開されているすべてのファイルのソース コードを表示できます。

URL:     

ブルースクレイ社が使用しているその他のツールにも興味がありませんか?
「SEO デザイン ツール」セクションにアクセスしてください。



プロモーション — 次に、検索エンジンに自分のサイトをどのように認識させるかを決定する必要があります。どのエンジンに、どのようにサイトを登録しますか? サイトのプロモーションにインターネット以外の媒体も利用する予定ですか? ブルースクレイ社では、サイトの 1 つのセクション全体を 「ブランディング」に割り当てています。「ブランディングの方法論」のページから進み、セクション全体を学習してください。ロゴ、ブログ、プレス リリースなどの使用の重要性について知ることができます。

Step 5 - サイトの保守

SEO のコースを受講しますか? それともデザイン チームに引き受けてもらいますか?

検索エンジンによるランキングに注意し続ける必要があり、サイトの動向に応じてキーワード リストの調整が必要になる場合もあります。ほとんどの場合は、デザイナーの仕事はここで終わり、ここからは SEO 担当者の仕事となりますが、念のために少しだけ説明しておきます。

「キーワード リストの調整方法」を参照してください。


Keyword Activity

Somewhere in between the simplicity of the Keyword Discovery tool and the accuracy of Wordtracker, the SEOToolSet™ Keyword Activity tool produces an estimate of daily search activity for a specific keyword phrase on the internet across all the major search engines. This is perfect for a simple clear-cut answer to how much traffic a keyword gets daily across all the major engines.

Keyword(s):     


In order to really fine tune your keywords and keyword phrases, you may have to fine tune your writing as well. Good writing, if you remember your high school or college composition courses, involves continuous revisions. When you think you are finished and that the writing is good enough, you should put the pages away for a few days, do something else, then come back and look at them again. More than likely you will find a few more things that can be made better. And as always, try to have fresh eyes look at what you've written. Someone who has not seen it before will usually see things that you did not or could not see because of your familiarity with the subject.

When you are ready for the Web Design Services section click_here