Webデザイナー向けの効果的な検索エンジン最適化

ほとんどの顧客は、Webデザイナーに検索エンジンのインデックス作成を改善して、より多くの訪問者を引き付けるよう依頼しています。 一部のデザイナーとスタジオは、検索エンジン（SEO）でのWebサイトプロモーション用に個別のサービスを提供していますが、他の専門家はSEOに対して何もしたくないと考えています。 検索エンジンでサイトを宣伝したいほとんどの顧客は、宣伝自体の方法や、非常に競争力のあるキーワードに基づいて、サイトが検索エンジンの最初の位置に表示されるために必要なものについてほとんど知りません。



WebデザインとSEOが互いに密接に関連していることを考えると、このトピックはデザイナーにとって「よくある質問」と呼ぶことができますが、Webデザイナーの責任と彼がSEOを改善する力があるという事実に関連する不明確な瞬間がしばしばあります。 ほとんどのお客様は、ターゲットオーディエンスを引き付けるインデックス化可能なサイトを作成するようデザイナーに求めていますが、SEOは、サイトのデザインやコードからは程遠い進行中のプロセスです。 キーワードの分析、コンテンツ開発、リンク、その他多くの瞬間-もちろん、検索エンジン向けにサイトを最適化する重要な瞬間であり、原則として、それらは継続的なプロセスを表しています。



WebデザイナーはWebサイトの最適化の基礎を築くことができるという事実にもかかわらず、SEOには単なるWebデザイン以上のものが含まれています。 Webデザイナーが検索エンジン向けにオープンなサイトを開発することに成功した場合、それを最適化するための後続のステップは、はるかに強力な効果をもたらします。 私の意見では、WebデザインとSEOは完全に異なるサービスであり、1人のWebデザイナーは、このパズルの他のコンポーネントの知識がなければ、検索エンジンに完全に最適化されたWebサイトを開発できません。 理想的には、デザイナーは検索エンジン用のウェブサイトを作成し、効果的な最適化（コンテンツの開発やリンクシステムの作成など）のためにウェブサイトでの作業のさらなる段階について顧客にアドバイスする必要があります。



この記事では、トピック「WebデザイナーとSEO」の詳細な分析を行います。 他の多くのSEO関連のトピックも影響を受けます。

SEOに対するデザイナーの責任

冒頭で述べたように、Webデザイナーの仕事は、検索エンジンに開かれたWebサイトを作成し、最適化のさらなる段階の基礎を築くことです。 「検索エンジンへの開放性」という概念はどういう意味ですか？ このコンセプトの本質は、サイトのデザインとコードが検索エンジンでのサイトの結果に大きな影響を与えることです。 検索エンジン用に開かれたサイトは、情報を検索するプロセスを大幅に簡素化し、サイトおよび特定のページで言われていることを判断し、コンテンツに基づいて、サイトが検索エンジンの結果の可能な限り高い位置を占めることを許可します。 ただし、検索エンジンに公開されているサイトでは、完全に最適化されていると見なされるために、さらに多くの作業が必要です。 サイトを検索エンジン向けにオープンにする理由に関する詳細な概要については、ケープコッドSEO Webサイトの記事「 検索エンジン向けにオープンなサイトを作成する 」 を参照してください。 この記事の後半で、いくつかの点を検討します。



検索エンジン用に開かれたWebサイトを作成することに加えて、Webデザイナーは、顧客と検索エンジンによるサイトの発行のトピックについて話し合い、サイトを最適化するために次に何をする必要があるかを説明し、適切なターゲットを引き付けるためにクライアントが本当に必要とする検索キーワードとフレーズを見つける必要があります聴衆。 場合によっては、クライアントは既製のキーワードとクエリをすでに選択しているかもしれませんが、一部はそれが何であるかさえ知らないかもしれません。

なぜデザイナーにとってSEOが重要なのですか？

WebデザインとSEOが完全に異なる2つのサービスである場合、デザイナーがSEOについて考える必要があるのはなぜですか？ 手始めに、一部のデザイナーとスタジオは両方のサービスを提供します。 このような場合、もちろん、WebデザイナーとSEOスペシャリストの仕事は、何らかの形で交差します。



顧客は多くの場合、SEOサービスを提供しないWebデザイナーを雇います。 Webデザイナーを評価する際のクライアントの主な基準は、彼が取り組んでいるサイトの視覚的要素と美学であるという事実にもかかわらず、ビジネス自体はサイトとは異なる何かを期待しています：開発における強力な推進力を期待しています。 サイトが電子商取引に従事している場合、売り上げを増やす必要があります。 これがブログの場合、彼はより多くのトラフィック、購読者、コメントの議論を必要とします。 これがサービスの提供に焦点を当てたビジネスのサイトである場合、より多くの呼び出しと、サイトによって生成されるユーザーの可能な限り最大の流入が必要です。



Webデザイナーがクライアントに満足してもらい、連絡を取り続けることを望んでいる場合、サイトのビジネス目標の達成と視覚的な魅力に関心があるはずです。 検索エンジンからサイトに引き付けられたトラフィックは、開発されたサイトの種類に関係なく、目的のビジネス目標を達成するのに役立ちます。



検索エンジンからのトラフィックがビジネスの成功の重要な条件の1つであることを考慮すると、Webデザイナーは検索エンジンに開かれたサイトの開発に精通し、各サイトが検索エンジンで良い位置を占める機会を与える必要があります。

デザイナーのSEO制限

サイトの設計および開発プロセスは検索エンジン最適化の基盤を築く上で重要な部分であるという事実にもかかわらず、Webデザイナーの能力は非常に限られています。 デザイナーがコンテンツの開発、サイトのページとソーシャルメディアマーケティングをリンクするためのサービスを提供しない場合、サイト（デザイナーと開発者のみが作業を行った）が高頻度クエリの検索エンジンで高い地位になる可能性は非常に小さくなります。 過去のサイトがすでにそのニッチに落ち着いており、多くの信頼できる外部リンクを持っている場合-検索結果での良い位置の可能性が大幅に増加し、そうでなければ-検索エンジン向けのサイトを作成することは最適化パスの始まりにすぎません。



多くの場合、顧客はウェブデザイナーに、特定のクエリに対する検索結果の最初の位置にある最適化されたウェブサイトを作成するように依頼します。 残念なことに、デザイナーには魔法の杖がなく、その波が何の努力もせずにトップに到達します。 サイトのデザインとコードは、大きなパズルのほんの一部です。 Webデザイナーは、SEOの基本と、Webサイトをトップにするために必要な次のステップについて顧客を教育する必要があります。 また、低頻度のクエリを選択する際に顧客を支援することができます。これにより、検索エンジンに対するサイトのオープン性とコンテンツの基本的な作業のみに基づいて、問題でサイトを適切な位置に導くことができます。

Webデザイナーはすべきではない

サイトのデザインとコードはSEOの優れた基盤であるという事実に基づいて、これらの段階ですべてを正しく実行することが非常に重要ですが、将来的に基盤を不安定にする可能性のあることをしないことも同様に重要です。 ブラックSEO（配信の結果をだまそうとし、 Googleの基準に違反するものすべて）は、顧客が短期間で配信の結果でより良い地位を獲得するのに役立ちますが、将来的にサイトに深刻な損害を与える可能性があります。 すべてのWebデザイナーは、SEOの基本的な理解と、これを回避するために、将来的に検索結果の顧客のサイトに害を及ぼす可能性があるものを理解する必要があります。



とりわけ、デザイナーは次のような顧客への約束を避けるべきです：「私はあなたのためにウェブサイトを作ることができます。それはそのような重要なクエリのGoogle検索結果の最初のページに表示されます。」 特に、デザイナーがSEOサービスに触れることなくサイトの設計と開発サービスのみを提供する場合、顧客へのそのような約束を維持するために適用できる方法はあまりありません。 クライアントが検索結果の特定の場所に到達する必要があるサイトを開発するように要求する場合、サイト最適化プロセスの一部を詳細に説明し、提供できるサービスで支援を提供し、他のすべてのSEOサービスを実装するスペシャリストを推奨することをお勧めします実装できません。

Webデザイナー向けの効果的なSEO

SEOプロセスでのWebデザイナーの役割と、検索トラフィックが非常に重要である理由を理解したので、検索エンジンに開かれたサイトを作成することでWebデザイナーが実装できる特定の事項を見てみましょう。 この記事の目的を考えると、フロントエンド開発（HTML / CSS開発）とデザインの視覚的コンポーネントを説明するWebデザインを参照します。

1.ウェブサイトの検索エンジン最適化のトピックを徹底的に話し合い、顧客が適切なキーワードを決定できるようにします

プロジェクトを開始する前に、検索エンジン最適化のトピックについて顧客と話し合うことは非常に役立ちます。 これはいくつかの理由で便利です。1）クライアントがサイトをトップ発行位置に置く問題に関してWebデザイナーからの期待が不十分な場合、SEOの基本とこのプロセスでのWebデザイナーの役割について彼に伝えることは有益です。 2）Webデザイナーとクライアントは密接に連携して、ターゲットとなるキーリクエストとサイトの最適化方法を特定する必要があります。 クライアントは常にデザイナーよりも自分のビジネスやクライアントについて多くの情報を知っています。そのため、検索クエリを決定するプロセスにクライアントを関与させることが非常に重要です。

2.キーワードの作成

クライアントがターゲットとするキーワードとクエリを決定していない（または正しい選択がわからない）場合、Webデザイナーは、このトピックの情報を探している人が主に使用しているフレーズ、他のキーワードとクエリを見つけることにより、いくつかのアクションを実装できます使用することができ、競争はどれくらい素晴らしいです。 キーワードを選択するための多くのサービスとソフトウェアがありますが、主要なクエリの初期分析には無料のGoogle AdWordsキーワードツールサービスで十分です。 このサービスを使用すると、興味のある単語やフレーズを入力したり、これらのキーワードに対して行われた月間検索数に関する情報を取得したり、AdWordsのこのニッチでの競争レベルを評価したり、推奨されるキーフレーズのリストを取得したりできます。



クライアントが使用したい正確なキーワードを既に決定していても、キークエリの使用可能性について少し分析することでWebデザイナーが邪魔されることはありません。 クライアントによって選択されていないが、クエリの頻度や競合の点で最も優れている他のキーワードやフレーズを見つけることができる場合があります。 特に、クライアントが分析を使用せずにキーワードを選択した場合、選択したキーワードと他の類似フレーズの競合レベルの比較分析を表示することは非常に役立ちます。

3.ページのタイトルをクライアントと話し合い、最適化します。

SEOのWebサイトページで最も重要なポイントの1つは、その名前です。 理想的には、関連するキーワードを検索する際に最大限の一致を実現するために、ページ名にキーワードとフレーズを含める必要があります。 名前には他のテキストを含めることができますが、キーフレーズが存在する必要があります。 当然、サイトの各ページには独自の名前を付ける必要があり、この名前を使用してさまざまなキーフレーズを含めることができます。 たとえば、写真家のサイトのメインページは「フィラデルフィアの写真家」と呼ばれ、セカンダリページは他の（ただし類似の）キーワード「フィラデルフィアの結婚式写真家」または「フィラデルフィアの風景写真家」に名前を集中できます。



ページ名は検索結果の適切な位置にとって非常に重要であるという事実を考えると、Webデザイナーはキーワード分析を使用して適切な名前を付けるのに役立つように顧客と慎重に議論する必要があります。 WordPressを使用するお客様向けに、デザイナーは「 オールインワンSEOパック 」拡張機能をインストールできます。これにより、ユーザーはサイト上のページや投稿に名前を設定できます。

4.きれいなコード

検索エンジンに対して開かれたサイトの要件の1つは、検索エンジンがページを簡単にインデックス付けできるクリーンなコードです。 検索エンジンがページのインデックス作成にあまりにも多くの時間を費やしている場合、検索結果での良い位置を期待することはほとんどできません（美しいコードの例は、CSS Tricks Webサイトの記事「 美しいHTMLコードの外観 」にあります ）。 CSSベースのページレイアウトを使用すると、HTMLコードがよりクリーンになり、ページコンテンツとマークアップが分離されます。これは、表形式のレイアウトでは言えません。

5.重要な情報をできるだけ高く保ちます。

ページの基本情報は、ページのHTMLコードのできるだけ高い位置に配置する必要があります。 通常、ページのHTMLコードでは、ヘッダーにある情報が最初です。 主な情報がサイドバーの情報の上にあることを確認することが重要です。 ページのサイドバーがメイン情報の左側にある場合（たとえば、垂直ナビゲーションの列（30％）とサイトコンテンツの列（70％）*翻訳者のメモ）でも、メイン情報が上のページのHTMLコードにあることを確認する必要があります。 CSSで簡単に実装できるサイドバーコードよりも。 ページコードの上部にある主要な情報の場所は、検索エンジンによる検索の速度を大幅に向上させ、認識に費やす時間を短縮します。

6. HTMLの見出しと小見出しを適切に使用する

HTMLヘッダータグ（h1、h2、h3など）を使用して、ページヘッダーとサブヘッダーを定義する必要があります。 さまざまなパラメータとタグ（フォントの太さ、スタイル、サイズなど）を使用して、同様のタイプの見出しをテキストに与えることができますが、見出しタグを使用しなくても、検索エンジンにとって非常に重要です。 それらは情報の重要性を示し、ページの構造を決定します。 見出しタグは、検索エンジンとWebデザイナーの両方にとって、ページの重要性を理解するのに役立ちます-キーフレーズを強調表示する機能を提供します。

7.内部リンクを使用して、訪問者と検索エンジンが重要な情報を見つけられるようにします。

記事全体で、SEOの重要なコンポーネントとしてのサイト上の情報のリンクについて説明しました。 ネットワークのさまざまな信頼リソースからサイト（またはクライアントのサイト）のページへのリンクを作成することは、検索結果でサイトを適切に配置するための決定的な基準の1つですが、内部リンク（サイトのあるページから別のページへのリンク）も同様に重要です 一般に、検索エンジンは、最も多くの内部リンクにリンクしているページが最も重要であることを示唆しています。 たとえば、サイトの各ページに製品の説明が記載されたページへのリンクがある場合、製品の説明が記載されたページはサイトにとって非常に重要であると考えるのが論理的です。



内部リンクを使用すると、サイトのインデックスを作成し、情報/ページを検索する際の検索エンジンの作業が容易になります。さらに、適切に設計された内部リンクにより、サイトはユーザーにとってできるだけシンプルでアクセスしやすくなります。これは、検索結果におけるサイトの位置よりも重要です。

8.リンクに正しいテキストを使用します。

リンクテキスト（リンクのクリック可能なテキスト領域）は、外部リンクであろうと内部リンクであろうと、検索エンジンにとって非常に重要です。 この記事では、内部リンクについてのみ説明しています。 Webデザイナーのみが明確に制御できます。 理想的には、リンクのテキストはキーフレーズと一致するか、少なくともテキストに含まれている必要があります。



リンクのテキストでキーワードとフレーズを使用すると、検索エンジンはリンクが参照するページのトピックを決定できます。 最適化するには、「ここをクリック」というテキストの代わりに、キーワード付きのテキストを使用することをお勧めします。

9.サイトマップのインストール

サイトマップには2つのタイプがあり、それぞれに目的があります。 XMLまたはGoogleマップは、サイト訪問者による使用を目的としておらず、検索エンジンがサイト上のすべての重要な情報を見つけやすくするために存在します。 XMLサイトマップは、インデックス作成のための検索エンジンのタスクを容易にし、このプロセス中にページをスキップする可能性を大幅に減らします。 WordPressベースのサイトは、 Google XMLサイトマップ拡張機能を使用してプロセスを自動化できます。 他のすべてのサイトでは、「 XML-Sitemaps 」などのツールを使用できます。



HTMLサイトマップについては、原則として、Webサイトの訪問者が情報を見つけるために使用します。 ただし、このタイプのマップはSEOにとっても同様に重要です。 HTMLマップはユーザー専用であるという事実にもかかわらず、サイトの最も重要なページにリンクする内部リンクを使用する機能を提供します。 検索エンジンがサイトマップを見つけると、その助けを借りてサイト全体を簡単にインデックス付けし、マップ内のリンクは特定のページの重要性を判断するのに役立ちます（特に、各ページへの内部リンクを含まない大規模なサイトの場合）。

10.人間が読めるURL（NC）を使用する

ページURLは、検索結果のサイトの位置に何らかの影響を与える可能性があるため、キーワードまたはフレーズを使用するのが最善です。 理想的なURLには、ユーザーと検索エンジンの両方にページのコンテンツを伝える重要な単語またはフレーズが含まれています。 URLが長すぎると、ユーザーがコピーして貼り付けたり、電子メールで送信したり、書いたり覚えたりすることが難しくなります。 検索エンジンも短いURLを好みます。



ハイフンまたはアンダースコアは、URLの単語区切り文字として非常によく使用されます。 ユーザーと検索エンジンの両方で、URLを読み取り、キーワードを決定するプロセスを大幅に促進できます。 ほとんどのコンテンツ管理システムには、CNCを制御および作成するためのメカニズムがあります。

11.画像での代替テキストの使用

ページで使用される画像と写真には、画像を説明する代替テキストを含める必要があります。 代替テキストの主な目的には、アクセシビリティと使いやすさの2つの目標があります。 たとえば、代替テキストは、健康に問題のあるユーザーのためにさまざまなスクリーンリーダーを使用します。 正しい代替テキストを使用すると、この画像やその画像が何を表しているのかを、見なくても見つけることができます。 SEOの目的では、キーワードとフレーズを代替テキストとして使用できます。これにより、検索結果にわずかな利点が得られます。 代替テキストはSEOの目的にのみ使用するべきではありませんが、可能な場合はキーワードやフレーズを使用することは不要ではありません。

12.リダイレクト301

検索エンジンは、 example.comとwww.example.comを2つの異なるページ（1つはwwwを含むページ、もう1つは含まないページ）として参照します 。 301リダイレクトは、ページのどのバージョンが優先されるかを検索エンジンに通知し、検索エンジンがそれらを2つの異なるページとして表示する必要がないため、非常に便利です。 301リダイレクトがないと、検索結果でのサイトの位置が大きく影響を受ける可能性があります。 このリダイレクトは、.htaccessファイルで設定できます。 このトピックの詳細については、「 301リダイレクトとwww / non-www Canonical Issues 」の記事を参照してください。

13.ページの読み込み時間を最小限に抑える

ページの読み込み時間は、サイトユーザーにとって非常に重要です。 また、ここ数か月で、Googleは読み込み時間が検索結果に大きく影響するという事実に注目し始めました。 ページの読み込み時間の最小化は、別の記事を展開するために必要なトピックです（「 ユーザーの読み込み時間を最小化する方法 」の記事を参照してください）が、いくつかの基本的な点のみに焦点を当てます。 次のようなオブジェクト：画像、オーディオとビデオ、データベースクエリ-ページの読み込み時間が長くなります。 一般に、ほとんどのユーザーのインターネットへの接続速度は近年大幅に向上しているため、ほとんどのユーザーにとって、ページが重くなったり、ページの読み込みが遅くなったりすることはそれほど面倒ではありません。 ただし、ファイルを最適化し、 Y Slowなどのツールを使用して、他に最適化できるものを決定することは依然として非常に便利です。

おわりに

設計はSEOプロセスのほんの一部にすぎないという事実にもかかわらず、検索エンジンに開かれたサイトを作成する際に設計者が考慮しなければならない多くの要因があります。 ページリンクのシステムを開発したり、最適化された情報を追加したりすることなく、顧客がSEOプロセスでWebデザイナーの能力を過大評価している状況では、デザイナーは彼と対話する必要があります。 デザイナーは、検索結果でのサイトの位置に影響を与える主な要因を説明し、競合する環境で選択したキーワードに対してサイトをトップにするには何をする必要があるかを伝える必要があります。