WebデザインとSEO：いつ、どこで、どのようにSEOを次のWebサイトプロジェクトに取り入れるか

公開: 2019-06-18

成功したWebサイトは、SEOをWeb開発プロジェクトの初期の計画段階のいくつかに統合します。サイトの分類法やメニューから、モバイルデバイスでのデザイン要素の表示方法の検討まで、SEOはWebデザインプロセス全体で驚くほど多くの決定に触れます。 Webサイトの再設計や新しいサイトの作成を検討している場合は、この記事で説明されている最大のSEOタッチポイントのいくつかに細心の注意を払ってください。これらのいずれかを無視すると、サイトがその潜在能力を十分に発揮できない可能性があります。

一般的に、ウェブデザインとSEOは連携して、ウェブページが検索エンジンで完全にインデックスに登録できるようにし、ランキングシグナルを最大化するように設定し、次のステップに進む準備ができたときにユーザーをコンバージョンポイントに適切に誘導します。チームの規模と利害関係者の多様性によっては、SEOは、派手なWebデザインやユーザーエクスペリエンスの決定に賛成して迷子になる可能性があります。結局のところ、SEO Webサイトのデザインには、目標に応じて各Webサイトに固有のバランスが必要です。マーケターとしての私たちの目標は、マーケティング資格のあるリードを獲得することです。そのため、常にSEOを念頭に置いてWebプロジェクトを開始します。 SEOは、できるだけ多くの関連ユーザーを獲得するだけでなく、巻き込んだユーザーのコンバージョンを最大化するために、早い段階で慎重に計画する必要があることを忘れないでください。

この記事では、次の要素と、それらをWebプロジェクトの設計および計画段階に組み込む必要がある理由について説明します。

クロールとインデックス作成
分類法
ナビゲーション
URL構造
モバイルフレンドリーなデザイン
ページ速度

クロールとインデックス作成

検索エンジンがあなたのウェブサイトを理解するためには、彼らはあなたのコンテンツをクロールできなければなりません。検索エンジンと人間は同様に、あなたが何をしているのかを完全に理解するためにかなりのテキストを必要とします。ランキングシグナルは、検索エンジンが理解するためにクロールする必要のあるテキストベースのコンテンツに大きく基づいています。つまり、ページテンプレートは、折り目の上に簡単にクロールできるテキストを配置するなどの基本に焦点を当てる必要がありますが、ヒーロー画像の上にテキストを重ねて、クロールできない画像自体にテキストを焼き付けないなど、より小さな複雑さにも焦点を当てる必要があります。

Googleはこれをクロールするのに優れていますが、検索エンジンには外部JSシートのコンテンツのクロールに問題があったため、外部のJavaScriptリソースの背後にテキストコンテンツを隠さないでください。 HTML内のページにテキストを配置し、ユーザーに価値を提供するときにサイトの他のページにリンクすることを躊躇しないでください。これにより、すべてのコンテンツをクロール可能に保つことができますが、ユーザーがより多くの情報を必要とする場合は、明確でインタラクティブなフォローアップも可能になります。

分類法

タクソノミーは、ユーザーが期待する方法でサイトを設定していない場合、Webサイトのユーザーエクスペリエンスを簡単に作成または中断する可能性があります。 SEOは、オーディエンスが製品やサービスをどのように検索しているかについての洞察を提供することで、ここで機能します。検索者はあなたの製品のスタイル、それが作られている素材、またはその主な用途にもっと興味がありますか？例としてガレージのドアを取り上げましょう。

5つの異なるガレージドア製品ラインを使用してWebプロジェクトに参加し、材料、スタイル、価格、および寸法がこれら5つのブランドを中心に展開する必要があると考える場合があります。マーケティングインターンに少しキーワードを調べてもらい、検索者がスタイル（モダン、クラシック、馬車置場など）でガレージのドアに興味を持っていることを確認してから、寸法、材料、価格でオプションをさらに絞り込むことができます。検索者がD1エリートガレージドア製品ラインよりも「モダンなガレージドア」に主に関心を持っていることがわかったため、この情報はサイトの構造を完全に形作っています。 Webチームは、新しいサイトの階層を設定するときにこの情報を使用できるようになりました。

これは私たちを次のトピック、あなたのサイトのナビゲーションに非常にうまく導きます。

オーディエンスがどのように検索しているかがわかったので、主な関心事に基づいてメニューを構成することが重要です。前の例では、親メニューのリンクを製品ラインではなくスタイルに集中させることが、ガレージドアの設置を最大化するための正しい決定である可能性があります。これで、検索者はモダンなドアとクラシックなドアの間を簡単にクリックして、材料、サイズ、価格の2番目の基準を絞り込み、最終的にそれらから直接製品ラインを見つけることができます。あなたの5つのブランドについて学び、どれが彼らに適しているかを彼らに強制する代わりに、あなたのサイトは彼らが気にかけていることを最初に置き、次に彼らが彼らのガレージに適した製品ラインにたどり着くのを許します。その逆ではありません。メインメニューで検索の習慣を考慮に入れると、オーディエンスが気にかけていると思うものではなく、オーディエンスにとって重要なものを中心にサイトが構成されます。

URL構造

検索エンジンオプティマイザーとして、私たちはアルゴリズムをなだめるために土地の法則に拘束されています。これらの複雑な数式のコンテキストを提供すると、ランキングの決定が容易になり、関連するコンテンツがターゲットキーワードの位置1または0に到達する可能性が高くなります。 6歳の甥は、コンテンツを表示しなくても、URLを確認して、そのページの内容を教えてくれるはずです。この区別は、ベストプラクティスに従わず、次のようなURLを取得した場合に非常に明確になります。

https://www.example.com/ShowCategory.aspx?cid=1995

これの代わりに：

https://www.example.com/clothing/apparel/headwear/bucket-hats

上記の2つのURLのうち、検索エンジンの方が理解しやすいと思いますか。 Googleがコンテンツを簡単に理解できるようにすることはSEOの大部分であるため、設計プロセスの早い段階で適切なURL構造を考慮に入れることで、リダイレクトや将来の頭痛の種を回避できます。ベストプラクティスには、検索エンジンにページのトピックについて疑いの余地を与えないように、一貫した命名パターンに従いながら、単純なフォルダー構造を利用することが含まれます。 SEO Webサイトのデザインは、明快さと秘密を守ることがすべてです。

モバイルフレンドリーなデザイン

2019年、モバイルデバイスは他のどのデバイスよりもインターネットを閲覧します。モバイルフレンドリーはランキング要素であるだけでなく、サイトのモバイルバージョンがランキングを決定するために検索エンジンによって使用されるようになりました。これにより、検索の世界で成功することを目指している場合、サイトのモバイルエクスペリエンスは完全に無視できなくなります。レスポンシブデザインは、検索で成功するために探しているなら、2019年には必須であることは言うまでもありません。

Googleは、Flashやインタースティシャルの回避などの技術的要素に焦点を当て、ビューポートをさまざまなデバイスに正しく拡大縮小するように構成し、フォントサイズが小さいモバイルデバイスで読み取るのに十分な大きさであることを確認するなど、モバイルの使いやすさを分析するためのツールを多数提供しています。そのタッチポイントは、太い指のクリックを避けるために十分に広がっています。

ページ速度

ページ速度はサイト最適化の分野であり、Googleの主導に従い、設定された基準に向けて最適化することをお勧めします。グーグルのマット・カッツからの古い、しかし素晴らしい引用：

…グーグル内の多くの人々は、ウェブは高速であるべきだと考えています。それは良い経験になるはずなので、あなたが速いサイトなら、多分あなたは少しのボーナスを得るはずだと言うのは公正です。あなたが本当にひどく遅いサイトを持っているなら、多分ユーザーはそれほどそれを望まないでしょう。

この引用は2009年のものであり、この声明以降、サイトの速度が検索の要因になっているだけです。実際、サイトの速度は昨年、公式のランキング要素として発表されました。あなたのサイトの速度は、あなたのサイトがターゲットキーワードに対してどれだけうまくランク付けされるかに直接影響します。

ウェブデザインの世界で人気のあるトレンドは、シンプルで洗練されたレイアウトのために重い画像を利用しています。これには、ユーザーがコンテンツを操作および操作する方法に多くの利点がありますが、メディアの乱用やテキストコンテンツの無視には注意してください。リッチイメージファイルは、サイトの速度を低下させる最大の方法の1つであり、ユーザーが高解像度の写真のダウンロードを待つ間、親指をいじると長い読み込み時間が発生します。彼らのサイト速度レポートからGoogleの推奨事項として「画像の最適化」を見たことがあれば、これは彼らが言及しているものです。

真実は、画像が適切に圧縮されている場合、ほとんどのユーザーはほとんど違いがわからないということです。可逆圧縮（ファイルのサイズを小さくするために画質に十分な影響を与えるが、人間の目に目立った変更を加えるには不十分）は常に人気がありますが、モバイルデバイスが確実に機能しないようにするためにこれまで以上に役立ちます。 Webページにデータを入力するのに10秒かかります。

テキストコンテンツと画像コンテンツのバランスが健全であることを確認し、ポイントを押し上げるためにリッチメディアだけに依存しないでください。このアイデアを設計プロセスのできるだけ早い段階で提示することで、将来のページ速度の低下を回避できます。検索エンジンとユーザーが同様にあなたのメッセージを理解できるように、デザインはテキスト領域だけでなく画像やビデオでも焼き付ける必要があります。

これらは、Webの再設計または新しいSEOWeb設計プロジェクトを開始する前にブランドが知っておくべき最大の要因です。上記について質問がある場合は、最上階に連絡して、SEOの専門家が次のプロジェクトの時間とお金を節約し、検索ランキングを向上させる方法を確認してください。