SEOとユーザーエクスペリエンスを両立させる方法

デザインチーム、開発チーム、SEOチームの間で繰り広げられる、昔ながらの時代の衝突です。 GoogleがE-A-TガイドラインにExperienceの「E」を追加した今、なおさらである。 とりあえず、開発者はマトリックス的な活動に任せて、デザイン&SEOに専念します。 優れたウェブデザインとSEO対策が施されたページ構築は、紙一重なのです。 問題は、これらの美しい要素は、必ずしも高品質でクローラブルなオンページコンテンツを提供するものではないということです…さて、設定は十分なので、あなたが注意すべきこと、避けるべきこと、そしてあなたが遭遇するであろう問題のいくつかを解決する方法を紹介しましょう

コンテンツの不足を発見する方法

あなたのウェブサイトがまだ地獄のように飛んで見えるが、まだランク付けされていることを確認するには、あなたのページにどのくらいのJavaScriptの重い要素であることを追跡する必要があります。 まずはそこから、「大きな問題があるかどうかを発見する」-ステップと呼ぼう。 JSがランキングに影響するかどうかを調べる最も簡単な方法は、このプラグインをインストールすることです(Chromeのみ、Safariユーザーには申し訳ありませんが、できません!)。 このカスタムトグルを使用することで、ページ上のすべてのJavaScriptをオフにすることができます。 オフにすることで、ページを読み込む際にGoogleのクローラーが見ているものを確認することができます。 最高のシナリオは、開発者が制作中に注意を払い、すべての要素をJSに依存させなかったことです。 最悪の場合……このトグルの結果、画像が散乱した真っ白なページになってしまうことは、まずないと言っていいでしょう。

JavaScript:派手さと基本的な機能性

JavaScriptがUXデザインの面で多くのものをもたらしてくれたことは、周知の事実です。 ダイナミックコンテンツのオプションはほぼ無限にあり、あなたのウェブページに欠けていた「ワオファクター」を与える傾向があります。 しかし、ダイナミックな要素が飛び交う派手さは、クローラビリティや入手のしやすさという点で、大きな欠点があります。

簡単な例を挙げると、サイトのスピードに関してだけ見ればいいのです。 複雑なアニメーションやポップアップがページを埋め尽くすと、読み込み速度の面で代償を払うことになります。 Googleのクローラーは、非常に限られた予算しか利用できないため、これはあなたのサイトに重大な問題をもたらす可能性があります。 簡単に言うと、もしJSがあなたのウェブサイトを古いディーゼルエンジンのように動かしているとしたら、ランキングを上げるのはかなり難しいでしょう。

レンダリングの問題、クローラビリティの問題

クロール後、Googleは2つの波でウェブサイトをインデックスしますが、最初の波は2番目の波より数週間から1ヶ月早く通過します。 この2つの違いは? レンダリングが必要なページと、そうでないページ。 そして、ご想像のとおりです。JavaScriptは、ページ上のレンダリングリソースを大幅に増加させます。 つまり、あなたのサイトは、HTMLページよりも何週間も遅れて処理され、第2バッチに放り込まれることになるのです。 HTMLとJSの間に矛盾があると、ページがまったくインデックスされなくなることもあります。

さて、当然ながら、これらの問題が発生するかどうかをテストする方法が欲しいですよね? 心配しないでください、すべて解決しました。 例えば、Google独自のURL検査ツールは、私のお気に入りのツールの1つの中にぴったりと隠されています。Google Search Consoleです。

このツールを使うと、クロールの問題をリアルタイムで検出でき、Googleがページをクロールしようとしたときに発生した警告やエラーなどのJavaScriptコンソールメッセージもきちんと表示されます。

常に学ぶべきことがある

あなたのページでJavaScriptを使用するための理解を深めるためのツールやトリックは、まだまだたくさんあります。 でも、まずは始めてみましょうか。 その他、SEOやJavaScriptに関する質問はありませんか? お気軽に
メールを送ってください。
または
ツイート
!

Corporate Marketing Manager | Seeders Group

Niels Krikke is the Corporate Marketing Manager for Seeders Group, managing all marketing and communication efforts for all Seeders offices across the globe. Niels’s specializations include branding, copywriting & SEO.