サイトの SEO を台無しにする可能性のある設計ミス

公開: 2021-11-24

多くのデザイナーやアーティストは、自分の技術が検索エンジン最適化 (SEO) のすべての法則を超えていると考えています。しかし、Association for Computing Machinery が発行した記事によると、Web サイトに関する否定的なフィードバックの約95% はデザインの問題に関係しています。 言うまでもなく、デザインは Web サイトの認識、つまりランキングに大きな影響を与えます。

ウェブサイトのデザインの潜在的な欠陥

SEO、コンテンツ、グラフィックデザインの境界線が収束する時が来ました。かつて並行して機能するように考えられていた 3 つの分野はすべて、現在では連携して機能しています。これはマーケティングに多くの機会をもたらしますが、間違いを犯してランキングに悪影響を与えるリスクも増大させます。 Web サイトには、注意が必要な設計上の側面がいくつかあります。

Web デザインを再検討し、次のエラーに注意してください。

モバイルに焦点を当てていない

2020 年 9 月以降、Google は更新を繰り返しています。これらの変更の 1 つは、モバイル画面で見栄えがよく、高速に読み込まれるコンテンツを備えたモバイルフレンドリーな Web サイトへの移行です。なぜ？

モバイルからインターネットにアクセスするユーザーの数は、2018 年に他のデバイスからインターネットを使用するユーザーを上回りました。
ページが 3 秒後に読み込まれる場合、直帰率は 32% になります。

Kissmetrics は、モバイルユーザーがサイトにアクセスする際に直面するいくつかの問題を発見しました。

訪問者の 47% が 2 秒の読み込み時間を期待しています。
読み込みに 3 秒以上かかると、40% が終了します。
訪問者の 79% は、パフォーマンスの悪いサイトを再訪することはありません。
読み込み時間が 1% 増加すると、トラフィックの 16% が失われる可能性があります。

モバイルファーストのインデックス作成が SEO 成功の次の鍵であることを理解するには、これらの調査で十分であると考えています。 Google は、ユーザーエクスペリエンス (UX) の向上に重点を置いた最近のページエクスペリエンスアップデートを通じて、これを確認しています。ページエクスペリエンスはモバイルで公開されており、デスクトップ検索では 2022 年 3 月に展開される予定です。

現在、ページエクスペリエンスのランキングシグナルと UX デザインの原則を考慮に入れている Web サイトが優位に立っています。 UX デザインとは、ユーザーが製品を使用した後にどのようにやり取りし、感じるかを理解するプロセスです。主に使いやすさを向上させるために組み込まれています。 Google は現在、ウェブサイトの全体的な使いやすさを測定する 3 つの Core Web Vitals に基づいてウェブサイトのデザインを判断しています。

レスポンシブな改良に逆らう大きな画像

水差しをグラスに注いでみたことはありますか？グラスがいっぱいになるとすぐに水が溢れ始めます。 Web サイトのデザインをモバイルデバイスの小さな画面に合わせ始めると、同じことが起こります。

ランディングページに何百もの画像がある Web サイトを想像してみてください。当然、ユーザーがページをナビゲートするのは難しくなります。モバイル版では、すべてが小さすぎて判読できなくなります。

Searchmetrics が実施した調査によると、検索結果ページ (SERP) の上位 10 の Web サイトでは、Web サイトのページあたりの画像が 3 つ未満であることが明らかになりました。得られた教訓は、混乱が多ければ多いほど、検索エンジンにとって困難になるということです。

Google の PageSpeed Insightsテストでは、重いコンテンツ要素をデザインから削除する方法についていくつかのアイデアが得られる場合があります。ページを SEO フレンドリーにするために圧縮が必要な画像を 50% 以上表示します。

付加価値のない画像にテキストを追加する

テキストは、ウェブサイトのバックエンドで HTML でコード化されている場合を除き、Google が読み取ることができるものです。アルゴリズムは、画像を読み取ることも、画像に書かれたテキストを読み取ることもできません。したがって、ウェブサイトのテキストを合理化することは、SEO のもう 1 つの重要な側面です。

画像ではなく、ページデザインのコードにテキストを追加することをお勧めします。これにより、アルゴリズムはキーワードを読み取って識別し、それに応じてランク付けすることができます。画像にテキストが追加されていても、拡大するとぼやけてしまいます。

さらに、Web サイトにテキストを追加することには、ほとんどのデザイナーが見逃している利点があります。別の言語の訪問者が情報を必要とする場合、エンコードされたテキストは変更できますが、画像は変更できません。

物事を進めるには、次のような特定の側面に取り組む必要があります。

画像への Alt タグの追加

alt タグは、バックエンドの HTML でコード化された画像の説明です。検索エンジンはこのコードを読み取って、ランキングのクエリに対する画像の関連性を理解します。グラフィックスが多すぎると、効果よりも害が大きくなります。重要な SEO ツールとして、画像の名前を使用する必要があります。参考までに、Google はファイル名を読み取ることができます。したがって、12345.jpg を使用する代わりに、ファイルを説明するキーワードを使用できます。これは、スパイダーがインデックスを作成するのに役立ちます。

適切な色の組み合わせを使用する

適切な色の組み合わせで鮮明な画像を選択する必要があります。調査によると、すべての Web サイトの 40% 以上がデザインに青を使用し、次に緑が使用されています。

特定の情報を含まない

連絡先の詳細や有用な情報を画像で提供することは避けてください。フッターで、さりげなく目立つ方法で情報を共有します。アルゴリズムがインデックスに登録するために、ウェブサイトのフッターに重要なリンクを追加することも検討できます。

リダイレクト中… OOPS 404 エラー

壊れたリンクページをデザインすることは非常に些細なことのように思えるため、ほとんどの SEO 専門家はそれを見落としています。間違った URL を入力したり、利用できなくなったページを探したりすることがよくあります。

これは、Web サイトデザイナーがユーザーの注意を引くものを作成する機会です。エラーページにアクセスすると、ユーザーは戻ってきてそのことを忘れがちです。ここでできることは、顧客サービスを強調することです。

エラーページにリダイレクトされたときに、何かを探している可能性があります。 Web サイトのホームページに関連するリンク、またはサービスへの複数のリンクを追加できます。訪問者の体験を気にかけていることを示しています。

一部のブランドは、それをマーケティングの機会に変え、オンラインでの評判を高めています。たとえば、ユーザーが利用できる無料のバウチャーや電子ブックへのリンクを追加した可能性があります。

エラーページにリンクを追加すると、追加されたリンクが既存の URL でインデックス化されるため、訪問者の損失を回避できます。これにより、トラフィックとランキングが増加します。

このアイデアは、リニューアル中のウェブサイトを一変させるものです。古い URL では 404 エラーページが表示されます。そのため、各エラーページにフィードバックフォームを添付して、ユーザーが見つけようとしている URL や探している情報を記載することができます。この URL はテスト済みで、実行した Web マスターは、ライブ URL を求める人々から電子メールを受け取りました。

ポップアップを完全に閉じる

Ethan Zuckerman は、20 年前に JavaScript とサーバーサイド Perl を使用してポップアップ広告を作成したことを今でも残念に思っています。迷惑ですが、売上を押し上げます。

ユーザーの 70% がポップアップを「無関係」と見なしていることが判明した調査とは対照的に、多くの企業はポップアップを通じて真の利益を味わうことができました。 Entrepreneurでさえ、期間限定のオファーやセールを点滅させてポップアップを介してユーザーを引き付けることで、売り上げが 162% 増加したことを発見しました。これらは、Chrome がそれらをブロックする組み込みのメカニズムを持っているほど嫌われている機能の驚くべき結果です。

ポップアップは本質的に悪いものではありません。それで、私たちは何を間違っていますか？ Google のウェブマスターブログには次のように書かれています。

訪問者が SERP を介してページをナビゲートした直後、または情報を探しているときにポップアップ広告が表示される
コンテンツのページ全体をカバーする広告
Web サイトのメインコンテンツをユーザーの行動から遠ざけるレイアウトポップアップをフォールド上に追加する

正しく行われた場合、ポップアップはそれほど悪くはありません。実際、WebMeUp はポップアップを含めることを強く推奨しています。なぜ？数か月で、サブスクライバーの 95% を獲得できたからです。では、デザイナーに欠けているものは何でしょうか?

訪問者にとって役立つように設計するためのいくつかのアイデアを次に示します。

ポップアップは、すでに行われた販売数を自慢したり、ウェブサイトに役立つ可能性のある統計を表示したりするのに最適な方法です.

ポップアップを通じて販売、割引、インセンティブ、景品を提供することは、ユーザーを引き付けるための優れたアイデアです。
点滅する時間は、理想的には 5 秒に設定されています。通常の訪問者にとって、ポップアップを表示する時間は、毎分ごとに理想的であることがわかりました。
メールを送信するためのコールトゥアクション (CTA) として赤色を使用すると、最大数の送信が得られました

H1がないホームページ

スパイダーは、メタディスクリプション、タイトルタグ、alt タグ、H1、H2、HTML コードなどの要素を読み取り、クエリとの関連性を見つけます。いずれかの要素が適切に最適化されていない場合、主要なランキングの機会を失う可能性があります. そのような要素の 1 つが H1 です。

人々は H1 を SERP で見られるタイトルタグと同一視する傾向があります。タイトルタグは、主に Web ページに移動するためのリンクです。クエリの説明として Web ページに表示されるものは、ヘッダーまたは H1 と呼ばれます。クエリの結果が表示されている間はヘッダーは表示されませんが、スパイダーが Web サイトの主題を識別するのに役立ちます。

H1、H2などのヘッダーは、SEOの決定要因です。それらは、スパイダーが読み取る HTML コードの一部を形成し、特定の単語をクローラーが注目できるように目立たせます。

したがって、H1 を含めることは、ウェブマスター向けのプロのヒントです。これらを覚えておいてください：

H1 には、Web ページの主要なキーワードを含める必要があります。
H1 は折り目の上に配置する必要があります。ページ全体のポップアップ広告やスクロールせずに見える範囲の広告によって、広告が曇ってはいけません。
訪問者を感動させる時間は約 5 秒であることを忘れないでください。 H1 が魅力的であることを確認してください。

Google は優れたスクローラーだと考えている

ユーザーは下にスクロールして関連情報をすぐに取得できますが、スパイダーはそれができません。適切であり、サイトをランク付けする価値のある追加のコンテンツやページは考慮されません.

Google の Martin Splitt は、オンラインカンファレンスで、この問題に非常に共感的にフラグを立てました。彼は、スパイダーは目に見えるものをすべて読み取り、インデックスを作成することを指摘しました。遅延読み込みの問題を修正するには、ウェブマスターは Google 検索セントラルを参照する必要があります。検索エンジンの巨人は、いくつかの修正について言及しています。

Chrome 76 では、ウェブサイトデザイナーは、JavaScript で遅延読み込み用のライブラリをコーディングしなくても、読み込み属性を使用できます。
JavaScript ライブラリを使用すると、ビューポートに入るときにデータをロードできます。
ページ分割されたスクロールにより、ユーザーはリンクをクリックしてコンテンツの目的のセクションに移動できます。

あなたはあなたのウェブサイトに多額の投資をしたかもしれません。しかし、これらの間違いは非生産的な結果をもたらす可能性があります。それらを認識し、必要な手順と更新を行って、SEO とコンテンツゲームを確実に把握してください。