SEOとUXを改善するための基本的なウェブサイト監査の方法(10ステップ)

この記事はAhrefs公式ブログの日本語訳です。
原文：How to Do a Basic Website Audit to Improve SEO and UX (in 10 Steps)
（著者：Joshua Hardwick/ 原文の最終更新日：April 20, 2020）
※フルスピード註：この記事は2020年4月20日時点の記載をもとに翻訳しています。Ahrefs公式ブログの記事は今後追記・再公開されることがありますことをご了承ください。

あなたのウェブサイトには、SEO の取り組みを妨げたり、訪問者を遠ざけたりするような問題はありますか? この簡単な Web サイト監査プロセスに従って確認してください。

Web サイトを監査したことがない場合は、おそらく監査すべきでしょう。Web サイトは複雑な生き物であり、問題は常に発生します。サイトを定期的に監査しない限り、問題に気づくことはできません。

ほんの数週間前、Twitter 上の誰かが Ahrefs ブログの問題について私に警告しました。

Also, just wanted to give you a quick heads-up. The "Image Raider" tool you mentioned in your post returns a 403 forbidden error! 🙂
— Abhishek Kurve (@Abhishek_kurve) January 23, 2019

現在、私はブログをかなり厳しく運営していますが、これは明らかに小さな問題にすぎませんでした。しかし、大小を問わず、もっと深刻な問題を抱えている企業がたくさんあるのを私は目にしています。

このガイドでは、SEO、ユーザビリティ、さらには収益を改善するために簡単な Web サイト監査を実行する方法を説明します。

このガイド全体で尋ねる 10 の質問は次のとおりです。

あなたのデザインは一から完成していますか？
あなたのナビゲーションは意味がありますか？
あなたのウェブサイトはモバイルフレンドリーですか?
robots.txt ファイルとサイトマップに技術的な問題はありますか?
あなたのウェブサイトは安全ですか? (HTTPS)
あなたのウェブサイトは速いですか?
あなたのコンテンツは高品質ですか？
壊れたページやリンクはありますか?
タイトルや説明は説得力がありますか?
適切なキーワードをターゲットにしていますか?

ただし、その前に、Web サイトの監査が何を伴うのかを理解しておきましょう。

SEO は初めてですか? 私たちをチェックしてください

SEOの基本ガイド

ウェブサイト監査とは何ですか?
はじめる
1. デザインを確認する
2. ナビゲーションを確認してください
3. モバイルフレンドリーかどうかを確認する
4. robots.txt ファイルとサイトマップを確認します。
5. HTTPs を使用していることを確認します
6. サイトの読み込みが速いことを確認する
7. コンテンツの「品質」をチェックする
8. 壊れたページやリンクがないか確認する
9. 各ページにユニークで説得力のあるメタタイトルと説明がないか確認します。
10. ページが適切なキーワードに対して最適化されていることを確認する
まとめ

ウェブサイト監査とは何ですか?

Web サイト監査には、Web サイトの技術的、ユーザーエクスペリエンス、および SEO の問題の分析が含まれます。

このプロセスの利点には、次のようなものを見つけることが含まれます。

オーガニック検索における Web サイトのトラフィックの可能性を妨げる
販売またはコンバージョンにかかる費用
訪問者を混乱させる
技術的に不健全

もちろん、そのような問題を見つけるだけではまだ戦いは半分にすぎません。その後、それらを修正する必要があります。

幸いなことに、このガイドで説明されている問題の修正のほとんどは、一目瞭然です。ただし、より複雑なものについては、できる限り説明していきます。

はじめる

Ahrefs ユーザーの場合は、まずSite Auditで新しいプロジェクトを起動します。

その方法を説明したビデオは次のとおりです。

注釈：そのビデオで見られる内容とツールの現在のインターフェイスとの間には、いくつかの小さな違いがあることに気づくかもしれません。これは、ビデオの作成以来、Site Audit にいくつかの改善を加えたためです。ただし、それでも十分に簡単に理解できるはずです。

サイト監査は何をするのですか? Web サイト上のすべてのページをチェックして、100 を超える事前に定義された SEO の問題がないか確認します。

重要：この投稿を最大限に活用するには、外部リンクの HTTP ステータスをチェックするオプションをオンにすることをお勧めします。

Ahrefs ユーザーでなくても心配する必要はありません。監査の実行を開始することをお勧めしますが、オプションです。

このガイドで説明されている、必要になる可能性のあるその他のツールには次のものがあります。

グーグルアナリティクス
Google のモバイルフレンドリーテストツール
Google PageSpeed Insights
Yoast SEO ( WordPress を使用している場合は、同様のプラグイン)
読みやすい /文法的
Googleサーチコンソール
あなたの脳！🧠 (何よりも重要なツール!)

さて、監査プロセスに入る前に、言及しておきたいことが 2 つあります。

この Web サイト監査プロセスは初心者を対象としています。Web サイトを監査するときに検索できる項目のリストは無限にありますが、その中には多少技術的で複雑なものもあります。以下では、より単純な問題に意図的に焦点を当てました。これらの問題が重要ではないと言っているわけではありません。これらは、大小を問わず多くの Web サイトを悩ませる一般的な問題です。
これはSEOに限った話ではありません。それがあなたが望んでいることであり、より複雑な問題に取り組むことを気にしない場合は、SEO 監査ガイドをチェックしてください。それでも、以下の監査項目の多くは SEO に影響を与えます。Google で上位にランク付けしようとしているが、SEO の経験や知識がほとんどない場合、このガイドは良い出発点として役立ちます。

1. デザインを確認する

デザインは重要です。1995 年にデザインされた Web サイトを誰も信頼しないでしょう。

一般的な経験則として、Web サイトのデザインを 4 ～ 5 年ごとに再設計するか、少なくともいくつかの大幅なデザイン更新を行って最新の状態を保つことをお勧めします。

しかし、これは単に物事を美しくしたり、現在のトレンドに追いついたりすることだけを意味するものではありません。Web サイトの「デザイン」の悪さに寄与する要素は数多くあります。

ここではそのうちのほんの一部を紹介します。

煩わしいポップアップと広告

ポップアップは必ずしも悪いものではありません。終了ポップアップや Cookie 警告などは正当な目的を果たします。

しかし、Google 検索結果で Web ページをクリックすると、そのページにアクセスした瞬間に無数のポップアップが表示されることほど面倒なことはありません。

私の言いたいことを説明するには、これを見てください。

一言も読んでいないのに、コンテンツを邪魔する全画面の「ウェルカムマット」が表示されます。

私個人としては、このようなページに出会ったらすぐに戻るボタンを押しますし、他の人もそうするはずです。これは次の 2 つのことに悪影響を及ぼします。

コンバージョン：あなたのサイトにアクセスしない限り、人々は何も買うことができません。
SEO：訪問者があなたのページに着いたらすぐに戻るボタンを押すことは、「ポゴスティッキング」として知られています。これにより、あなたのページには何か望ましくない点があり、ランク付けに値しないことが Google に伝えられるという証拠がいくつかあります。

SEOといえば、Googleはモバイル上で「煩わしいインタースティシャルを表示するページ」にもペナルティを課している。

したがって、ぜひ自分の Web サイトをシークレットウィンドウにロードして、何が起こるかを確認してください。ポップアップがたくさんある場合は削除してください。

判読できないテキスト

Web サイトの内容を人々が読めない場合、これも戻るボタンのようなシナリオです。

したがって、次のことを必ず行ってください。

大きなフォントサイズを使用する：滑稽なほど大きくする必要はありませんが、8 ポイントのフォントを使用してもうまくいきません。誰もが 20/20 の視力や顕微鏡を持っているわけではありません。
読みやすいフォントを選択する：サンセリフフォントはセリフフォントよりもいくらか読みやすいと考えられています。そうは言っても、これはおそらく深読みしすぎです（冗談ではありません）。Comic Sans (またはそれに近いもの) は避けてください。
十分な空白を使用する：余白が足りないと、不快な読書体験が生じます。
コントラストを使用する：白地に黄色の文字は避けましょう。

これは明らかなことだと言う前に、私が 5 分間で見つけた実際の悪い例を次に示します。

これらの電話番号をもっと小さくすることはできますか? 一体誰がそれらを見るのでしょうか？

不明確な行動喚起

CTA は、訪問者に特定の行動を促すものです。

たとえば、古いホームページにある「7 ドルで 7 日間のトライアルを開始」と書かれた大きなオレンジ色のボタンは、明確な行動喚起です。そのボタンをクリックすることで、訪問者に非常に具体的なことを行うよう促しています。

一方で、 ConversionXL のスタッフが発見したVerve の「冒険に参加する」という CTA は、あまり明確ではありません。

あるいは著者は次のように述べています。

[…] 行動への呼びかけは「冒険に参加する」ことです。しかし、私はコーヒーのウェブサイトにいます。コーヒーを買いに来たのかと思った。とても混乱するような。

注釈：
その後、Verve は CTA を「今すぐ購入」に変更しました。これは、より意味のあるものです。
ウェブサイト上の CTA を見て、意味があることを確認してください。より明確にできる場合は、修正してください。

プロのヒント：Web サイトのデザインを一新する必要があると感じた場合は、UpWork や People Per Hour などに手頃な価格のフリーランス Web デザイナーがたくさんいます。

2. ナビゲーションを確認してください

ナビゲーションバーのない Web サイトを想像してください。欲しいものを見つけるのは大変でしょう。

そのため、ナビゲーションメニューが存在するだけでなく、訪問者にとって意味のあるものであることを確認することが重要です。あなた (あなたの Web サイトに最も精通している人) にとってナビゲーションメニューが論理的であるように見えても、訪問者にとってはそれほど使いやすいものではないかもしれません。

まずはホームページにアクセスしてメニューを見てください。

自問してみてください。

明らかですか
私の最も重要なページすべてにリンクされていますか?
不要なものが散らかっていませんか？
訪問者が質問がある場合に簡単に連絡できるようにしていますか?

これらの質問に対する答えが「いいえ」の場合は、メニューの仕組みを再考する時期が来ている可能性があります。

このためには、Web サイトの流れを概略的に描いて、何が重要で何がそうでないかを確認すると便利だと思います。これには、 Slickplanなどの単純なツールを使用できます。

プロのヒント：
Web サイトを新鮮な目で見るのが難しい場合は、顧客、家族、友人、同僚に Web サイトを使用してもらい、問題点を指摘してもらいましょう。

これを数人の異なる人々で行い、共通のテーマがあるかどうかを確認します。

ただし、そのような人々は、あなたを怒らせることを恐れて、あなたの Web サイトの本当の問題を指摘することに消極的であることが多いことに注意してください。

そうだと思われる場合は、手動のビデオ監査を行うためにフリーランサーを雇うことを検討してください。

これらは通常、それほど高価ではなく、得られる洞察は多くの場合、金のような価値があります。

3. モバイルフレンドリーかどうかを確認する

49% 以上の人がモバイルデバイス経由で Web を閲覧していることをご存知ですか?

つまり、訪問者の大多数はおそらくモバイルで Web サイトを閲覧していることになります。サイドノート。タブレット経由で閲覧する人は 3 ～ 4% なので、49% が多数派です。

さらに、 Google 検索の60% 近くがモバイルで行われており、これは 2016 年のデータですが、おそらく現在はさらに高くなっています。

翻訳: モバイルフレンドリーな Web サイトが必要です。そうしないと、訪問者の半数以上が遠ざかってしまいます。プロのヒント

モバイル経由で Web サイトにアクセスしている訪問者の数について知りたい場合は、 Google Analyticsにログインして、次のページにアクセスしてください。

対象読者 > モバイル > 概要

ここでは、モバイル、デスクトップ、タブレットからの訪問者の割合が表示されます。

Google のモバイルフレンドリーテストツールを使用して、ウェブサイトのモバイルフレンドリー性をチェックします。

テストのためにホームページを貼り付けることをお勧めします。ホームページがモバイルフレンドリーであれば、サイトの残りの部分もモバイルフレンドリーになる可能性があります。ただし、Web サイトに大幅に異なるセクションがある場合は、いくつかのページをテストすることをお勧めします。たとえば、Shopify で実行されている e コマースストアや、WordPress で実行されているブログなどです。

現在モバイルフレンドリーではなく、かなりの数の訪問者がモバイルを使用していることがわかっている場合は、その問題に取り組むために開発者を雇う必要があるでしょう。

4. robots.txt ファイルとサイトマップを確認します。

Robots.txtは、クロールできるページとクロールできないページを検索エンジンに伝える単純なテキストファイルです。サイトマップは、検索エンジンがどのページがあるのか、サイトがどのように構成されているのかを理解するのに役立つ XML ファイルです。

robots.txt ファイルがある場合は、yourdomain.com/robots.txt からアクセスできます。

サイトマップが見つかりませんか? URL は robots.txt ファイル内にある必要があります。そうでない場合は、ホスティングのルートフォルダーで XML ファイルを確認してください。

簡単に言うと、これら 2 つのファイルは両方ともあると良いですが、必須ではありません。

小規模な Web サイト (10 ページ未満) をお持ちの場合は、これらのファイルのどちらについてもあまり心配する必要はありません。ただし、WordPress を使用している場合は、 Yoast SEOなどのプラグインを使用して、 robots.txt ファイルとサイトマップの両方を簡単に作成できます。参考文献

5. HTTPs を使用していることを確認します

HTTPs は、Web サイトが安全であること、つまり、サイトとの間のデータ転送が暗号化されていることを意味します。URL バーにロックがあり、URL が次で始まるため、Web サイトで HTTPs が使用されているかどうかがわかりますhttps://。

あなたの Web サイトがこれに当てはまらない場合は、SSL 証明書 (つまり HTTP) がありません。

HTTP が重要なのはなぜですか? それは主にセキュリティに関するものです。暗号化されていない (安全でない) データは傍受され、盗まれる可能性があります。

さらに、HTTPs は Google のランキング要素です。彼らは 2014年にそう言いました。

したがって、次のような場合には HTTPs が不可欠です。

サイトでの支払いの受け入れ (絶対に必須)
ユーザーデータの収集 (推奨)
Googleで上位にランクされることを目指しています（そうでない人は誰ですか!?）

まだ HTTPs を使用していない場合は、SSL 証明書を取得してください。それはとても簡単です。

良いニュースは、これには 1 セントもかからない可能性があるということです。Lets Encrypt は無料の SSL 証明書を提供する非営利組織で、Google などの業界最大手企業の支援を受けています。2019 年には、HTTPs を使用しない理由はありません。

ただし、HTTP に切り替えたとしても、次のような関連する技術的な問題が依然として発生する可能性があります。

ページの非 HTTPS バージョンへの内部リンク
混合コンテンツ (安全なページ上にある場合でも、HTTP および非 HTTP 経由で読み込まれる画像などの特定のファイル)
HTTPs から HTTP への正規化

さて、これはすべて専門用語のように聞こえるかもしれませんが、実際その通りです。

ただし、 Ahrefs Site Audit (推奨) を使用してWeb サイトのクロールを開始した場合は、上で述べた問題のいずれかに直面しているかどうかをわかりやすい英語で確認できます。

[サイト監査] > [プロジェクト] > [概要]に移動するだけです。

HTTPs に関連するエラーを探します。

ヒット “？” これらの問題の横にあるアイコンをクリックすると、それらを修正する方法に関するアドバイスが表示されます。

ページとこのアドバイスを開発者に転送して修正してもらいます。

6. サイトの読み込みが速いことを確認する

Googleによると、モバイル訪問者の 53% は読み込みに 3 秒以上かかる Web サイトから離脱します。

さらに、Amazon は、 100 ミリ秒の速度低下により売上が 1% 減少することを発見しました。これは 10 年以上前のことです。これらの数字は現在、さらに驚くべきものになっている可能性があります。

スピードの重要性についてまだ納得していませんか?

Google は、 2010 年にサイトの速度がランキング要素であると述べました。

言い換えれば、サイトの読み込みが速いことが不可欠です。幸いなことに、Google にはページ速度をチェックするための無料ツールがあります。それはPageSpeed Insightsと呼ばれます。URL を貼り付けると、デスクトップとモバイルの両方の「速度スコア」がキックバックされます。

下にスクロールすると、Google がページの速度を改善するための推奨事項を表示します。

繰り返しますが、これらは非常に技術的ですが、優れた開発者であれば、このような問題を修正する方法を知っています。

サイト全体の速度を把握できるため、開始点として PageSpeed Insights でホームページを確認することをお勧めします。次に、他のページをチェックして、ページレベルで速度の問題があるかどうかを確認できます (たとえば、大きな画像ファイルが多数あるなど)。

PageSpeed Insights の問題は、一度に 1 ページしかチェックできないことです。Web サイトに数十、数百、さらには数千のページがある場合、これは煩わしい以上のことです。

ソリューション？Ahrefs Site Auditで「ページが遅い」問題を確認します。

サイト監査 > プロジェクト > 内部ページ > パフォーマンス

影響を受けるすべてのページを表示するには、番号を押してください。

上のスクリーンショットの Web サイトのように、遅いページがたくさんある場合は、最も重要なページを最初に確認する価値があります。これを行う 1 つの方法は、オーガニックトラフィックを高い順から低い順に並べ替えることです。

これらのページは、最適化の取り組みから最も多くの利益を得られる可能性があります。

Google Analytics を使用して、コンバージョンや収益の観点からどのページが最も価値があるかを確認し、優先順位を付けることもできます。

7. コンテンツの「品質」をチェックする

ブログ投稿であれ、単純な「会社概要」ページであれ、コンテンツは高品質で、訪問者にとって価値のあるものでなければなりません。それは次のことを意味します。

よく書かれている
有益な情報
スペルミスや文法上の誤りがないこと (ヒント: Grammarlyを使用してチェックしてください)
理解しやすい (ヒント: Hemmingway またはReadableを使用してください)
スキミング可能 (つまり、巨大なテキストの壁ではない)
別のページの複製ではありません

比較的小規模なサイト (20 ページ未満) の場合は、上記のすべてを手動で簡単に確認できます。ページを 1 つずつ読み込み、読み進めます。見つかったエラーを修正します。

たとえば、次のページではあらゆる種類の基本的なエラーが発生します。

まず、スキミングしにくいです。画像やサブヘッダーはありません。それはただの大きなテキストの壁です。

常にサブヘッダーを使用してコンテンツを分割し、より魅力的なものにするように努める必要があります。HTML では、H1 ～ H6 サブヘッダーを使用して、ページに構造と階層を提供できます。

基本は次のとおりです。

各ページのタイトルにH1 タグを1 つ 使用します
メインサブヘッダーに H2 タグを使用する
サブサブヘッダーには H3 タグを使用する
サブサブヘッダーには H4 タグを使用します
…要点はわかりましたね！

これが上記のページでどのように展開されるかは次のとおりです。

ヘッダー (H1): オサ・アンダースが犯した投資の間違い
- サブヘッダー (H2): オサ・アンダースとは誰ですか?
- サブヘッダー (H2): オサ・アンダースの犯した間違い
  - サブサブヘッダー (H3): 間違い #1
  - サブサブヘッダー (H3): 間違い #2

このページのもう 1 つの問題は、不必要に複雑な言語が使用されていることです。

実際、ヘミングウェイは、この本は11年生の読解レベルであると述べています。

これが重要な理由は次のとおりです。

研究によると、コンテンツが 7 年生の読解レベルを超えると、消費者の理解力が損なわれる可能性があります。これは、米国保健福祉省 (USDHHS) によって特定される米国人の平均的な読解レベルです。

TLDR：コンテンツは 7 年生の読解レベル以下に保ちます。

現在、大規模なサイトの場合、すべてのページにそのような問題がないか手動でチェックすることは不可能です。その場合、代わりに最も重要なページのレビューを優先するのが理にかなっています。

これらを見つけるには、Google Analytics またはSearch Consoleを使用してトラフィック (またはコンバージョン値) が最も多いページを見つけ、最初にそれらを確認します。

これらのツールのいずれも使用していない場合は、Ahrefs Site Explorer のトップページレポートを試してください。これは、Web サイト上のページを、受信した推定検索トラフィックに基づいて (多い順に) 並べ替えて表示します。

サイトエクスプローラー > ドメインを入力 > トップページ

低品質の兆候が見られるページのレビューを優先することもできます。たとえば、単語数が少ないページなどです。これは、Ahrefs のサイト監査で行うことができます。コンテンツ品質レポートに進んでください。

サイト監査 > プロジェクト > 内部ページ > コンテンツの品質

重要: ワード数が少ないページが常に低品質であるとは限りません。ただし、一般的に言えば、50 ワードのページは 500 ワードのページほどの価値はありません。

上記のコンテンツ品質レポートにはもう 1 つのエラーがあることに気付いたかもしれません。それは、canonical のない重複ページです。

「重複ページ」の部分は一目瞭然だと思います。これらは、他のページと同一または非常によく似たページです。「正規化なし」の部分は専門的な問題ですが、言うまでもなく、これらの問題は修正する必要があります。

推奨読書:重複コンテンツ – Search Console ヘルプ

8. 壊れたページやリンクがないか確認する

壊れたページやリンクは、ユーザーエクスペリエンスの低下につながります。

訪問者が Web サイト上の壊れたページにアクセスしたり、壊れたサードパーティのリソースをクリックしたときに表示される内容は次のとおりです。

結果？あなたのサイトは手入れされておらず、時代遅れで、信頼できない可能性があります。

幸いなことに、そのような問題は簡単に修正できます。壊れたページから始めましょう。

壊れたページは、 Web サイト上のリソースが存在しなくなったときに発生します。場合によっては、これらのリソースへの内部リンクがまだ存在していたり、他のサイトからのバックリンクが存在していることがあります。

このようなページは Site Audit にあります。

サイト監査 > プロジェクト > 内部ページ > 4XX エラーを探す

リンク切れは、 リンク先のサードパーティリソースが存在しなくなったときに発生します。

このようなページは、Site Audit にもあります。

サイト監査 > プロジェクト > 外部ページ > 外部 4XX エラーを探す

詳細については、壊れたリンク (およびバックリンク) を見つけて修正するための完全ガイドをご覧ください。

9. 各ページにユニークで説得力のあるメタタイトルと説明がないか確認します。

Web サイトのすべてのページには、固有のメタタイトルと説明が必要です。

これらが何であるかわかりませんか? これらは Google の検索結果に表示される HTML タグです。

注釈： Google はこれらのタグを動的に書き換えて、検索結果に別のものを表示することがありますが、これはルールというよりも例外です。

さて、標準的な SEO アドバイスでは、これらのタグを次のように最適化するように指示される傾向があります。

タイトルタグにターゲットキーワードを含める
説明タグにターゲットを含めます
…終わり

このアドバイスには本質的に何も問題はありません。不自然さや靴べらを感じさせずにキーワードを含めることができるのであれば、そうしてください。

ただし、これはタイトルとメタディスクリプションの主な目的ではありません。

少なくとも SEO の観点から見た主な目的は、検索エンジンユーザーに他の結果よりもあなたのページを選んでもらうことです。これにより、現在のランキングからより多くのトラフィックを獲得できるようになり、間接的なランキング要因とも考えられています。

ただし、変更を開始する前に、まず変更を監査して以下を見つける必要があります。

タイトルや説明のないページ
固有のタイトルや説明のないページ
タイトルや説明が長すぎるページ
複数のタイトルまたはメタディスクリプションを含むページ

そのためには、 Ahrefs Site Auditの HTML タグレポートにアクセスしてください。

サイト監査 > プロジェクト > 内部ページ > HTML タグ

AHREFS ユーザーではありませんか?

それほど高速ではありませんが、このようなツールを使用できます。

URL を貼り付けると、タイトルとメタディスクリプションが取り込まれます。また、長すぎて検索結果で切り捨てられる可能性があるかどうかも通知されます。

Ahrefs も他のツールも、タイトルや説明が魅力的かどうかを判断することはできません。それは自分で判断する必要があります。ただし、Search Console ユーザーの場合は、最後のトリックを 1 つ残しておきます。Search Console のパフォーマンス レポートで、インプレッション数は多いものの CTR が低いページを確認してください。