この記事はAhrefs公式ブログの日本語訳です。
原文：What Makes a Good Website? The Only 2 Things That Matter
（著者：Mateusz Makosiewicz / 原文の最終更新日：August 27, 2024）
※フルスピード註：この記事は2024年8月27日時点の記載をもとに翻訳しています。Ahrefs公式ブログの記事は今後追記・再公開されることがありますことをご了承ください。
優れた Web サイトを構成する要素は 2 つあります。コンテンツと機能性です。見た目は良いものですが、最後になります。
これら 2 つの領域に重点を置き、人々が訪れ、また訪れ、友人に伝えたくなるような Web サイトを作成してください。サイトが人々が必要とする種類のコンテンツを提供し、そのコンテンツを簡単に見つけて操作できるようにすれば、人々はどんなに醜いデザインでも見逃すでしょう。その好例が、Hackernews.com です。これは、月間 500 万人のユーザー (ソース) を抱えるサイトです。
この記事では、価値あるコンテンツの作成と強力な機能の確保（チェックリストを含む）に焦点を当て、成功する Web サイトを構築するための基本事項について説明します。また、よくある落とし穴を回避する方法や、開始に役立つツールについても説明します。
コンテンツに焦点を当てる：訪問者を引き付け、顧客に変えます
ウェブサイトのコンテンツには、テキスト、画像、ビデオ、製品、その説明など、訪問者に提供されるすべての情報とメディアが含まれます。
デザインがどれだけ優れていても、質の低いコンテンツは訪問者を遠ざけてしまいます。逆に、質の高いコンテンツはデザインの欠点を補うことができます。
いくつかのトップサイトを見てみましょう。Canva や Seeking Alpha のように、コンテンツを強調するシンプルでクリーンなレイアウトを優先しています。
そして、Slack の Web サイトがいかにシンプルであるかに驚かれると思います。この会社は最近 277 億ドルで売却されました （出典）。
しかし、どんなコンテンツでも成功できるわけではありません。質の高いコンテンツが必要です。質の高いコンテンツの意味は人によって異なりますが、一般的には、次の簡単なルールに従えば間違いはありません。
- 視聴者に関連性があること。コンテンツは視聴者の関心に合わせてカスタマイズする必要があります。そうすることで、視聴者にとって有益で魅力的なものになる可能性が高まります。関連するトピックを見つける方法の 1 つは、キーワード リサーチです。
- シンプルな言葉を使い、よく整理されています。絶対に必要な場合を除き、複雑な専門用語や技術用語を避け、わかりやすいコンテンツを作成してください。
- ユニーク: コンテンツは何か新しいものを提供したり、新鮮な方法で情報を提示したりする必要があります。ユニークなコンテンツは、競合他社よりも目立つようにするのに役立ち、推奨やSEOを通じてより多くの人々にリーチする傾向が高まります。
- あなたのビジネスにとって価値のあるもの。最後に、あなたのサイトがビジネス向けである場合、サイト上のコンテンツはそのビジネスの運営に役立つものでなければなりません。あなたの製品やサービスが関連する問題の解決にどのように役立つか、または別の収益化方法（※）を使用して収益を増やすのにどのように役立つかを示す必要があります。
※フルスピード注：お金を稼ぐブログの始め方 (初心者ガイド)：収益化方法を選択する の翻訳記事はこちら
最後に少し立ち止まって、コンテンツとは単に人々に読んでもらうものや見てもらうものを提供するだけではないということを強調したいと思います。コンテンツは、製品やサービスを紹介する素晴らしい方法でもあります。
Ahrefs では、製品主導のコンテンツ戦略（※）を採用しています。検索の可能性のあるトピックをターゲットにして、一貫性のある関連性の高いトラフィックを引き付け、自社の製品を使用して問題を解決するコンテンツを作成します。
※フルスピード注：製品主導型コンテンツ: 製品主導型コンテンツとは何か、使用する理由、開始方法の翻訳記事はこちら
たとえば、「SEO に適したウェブサイト」に関する当社のガイドは米国で 1 位にランクされており、実用的なヒントに興味のあるユーザーを呼び込み、当社製品を紹介しています。
人々は Google で私たちを見つけてクリックし、ブログの見た目を賞賛するためではなく、コンテンツを入手します。製品主導のコンテンツが実際にどのように機能するかを確認したい場合は、次のビデオをご覧ください。
機能性に焦点を当てる：コンテンツのための道を切り開く
ウェブサイトの機能性とは、サイトがどれだけスムーズに動作し、ユーザーが簡単にナビゲート、操作し、目的を達成できるかを指します。これには、ページの素早い読み込み、レスポンシブなフォーム、直感的なナビゲーションなどが含まれます。
訪問者が探しているものを簡単に見つけられなかったり、サイトが遅くて使いにくかったりすると、そのコンテンツを楽しむためにサイトに滞在しなくなります。そのため、サイトの直帰率（ユーザーがサイトを開いた後、すぐにサイトを離れること）は、ページの読み込みが 1 秒遅れるごとに急速に増加します。
機能性は検索エンジンにとっても重要です。サイトの技術的な側面は、関連キーワードの可視性に影響を与える可能性があります。ページのランキング付けを行う際、Google は読み込み速度、モバイル フレンドリーさ、 HTTPS プロトコル（※）を使用しているかどうかなどの技術的な側面を考慮します。
※フルスピード注：HTTPSとは？知っておくべきことの翻訳記事はこちら
無料のAhrefs ウェブマスターツールなどのツールを使用すると、サイトが技術的に健全であることを簡単に確認できます。自動化された定期的なサイト監査により、ツールはサイトの問題を特定し、修正に関するアドバイスを提供します。また、全体的な健全性スコアも取得できるため、進捗状況の追跡が容易になります。
良いウェブサイトを作るには: シンプルだが完全なチェックリスト
このわかりやすいチェックリストは、優れた Web サイトの中核となる要素を分類したものです。自分で使用することも、Web サイトの担当者に見せることもできます。
| コンテンツ戦略 | サイトにどのような情報や記事を掲載するか計画を立ててください。ガイドをご利用ください。 （※1） |
| 分析ツール | ツールを使用して、訪問者がサイトをどのように使用しているか、サイトが Google でどのように機能しているかを追跡し、何が効果的で何が効果的でないかを理解します。 |
| SEOエラーなし | 検索エンジンがサイトを見つけてインデックスするのを妨げる技術的なエラーがないことを確認します。Ahrefs Webmaster Tools（※2） (AWT) を使用すると無料で実行できます。 |
| 優れたコアウェブバイタル（CWV） | サイトがすばやく読み込まれ、ユーザーの操作に適切に応答することを確認します。AWT または Google Search Console 内で直接テストします。 |
| アクセス可能 | 障害のある人を含め、誰もが簡単に利用できるようにサイトを設計します。アクセシビリティチェッカーやWAVE Webアクセシビリティ評価などのツールを使用します。 |
| モバイルフレンドリー | サイトがコンピューターだけでなく、スマートフォンやタブレットでも適切に動作することを確認してください。これは AWT 内で直接テストできます (すべての問題レポートのユーザビリティとパフォーマンスのセクション)。 |
| HTTPSを使用 | ユーザー情報を保護するためにサイトをセキュリティ保護してください。こちらから無料で証明書を取得できます。 |
| オンページSEOのベストプラクティスを採用 | 検索エンジンがコンテンツを理解し、ランク付けできるように、関連するキーワード、適切な見出し、メタディスクリプションを使用して各ページを最適化します。ガイドを使用してください（※3）。 |
| 一貫したレイアウト | ウェブサイト全体で同じ色とフォントを使用して、統一感のあるプロフェッショナルな外観を作成します。 |
| 最新のコンテンツ | コンテンツを最新かつ関連性のある状態に保ってください。 |
| ユーザーでテスト済み | 数人に Web サイトを見せて、通常通り使用してもらいます。わかりにくい点や難しい点について正直に答えてもらいます。 |
※1・※2 フルスピード注：勝つコンテンツマーケティング戦略（+テンプレート）を作成する方法の翻訳記事はこちら
※3 フルスピード注：8つのステップで解説！オンページSEO（内部対策）ガイドの翻訳記事はこちら
ウェブサイト構築でよくある6つの落とし穴とその克服方法
ウェブサイトの構築は楽しいプロセスですが、よくある落とし穴に陥りやすいものです。私が長年見てきた落とし穴と、それを克服するためのアドバイスを少し紹介したいと思います。
- 委員会による設計。相反するアイデアが多すぎると、混乱して焦点の定まらない設計になる可能性があります。意思決定者を限定し、明確なビジョンに焦点を当てるようにしてください。ユーザーにとって何が良いかに基づいて決定を優先します。
- 強引な販売。強引すぎる販売戦術は、潜在的な顧客を遠ざけてしまう可能性があります。強引な販売戦術を押し付けるのではなく、役立つ情報を提供して信頼を築きましょう (AI ツールはこれに役立ちます)。
- 不明瞭な言葉遣い。曖昧または複雑な言葉遣いはユーザーを混乱させ、メッセージを不明瞭にする可能性があります。Hemingway アプリ、Grammarly、ChatGPT などのツールが役立ちます。
- 不適切な SEO プラクティス。幸いなことに、SEO の優れたプラクティスは（※1）簡単に実行でき、過剰な最適化は（※2）簡単に回避できます。
- サイトを最新の状態に保たない。コンテンツや機能を定期的に更新しないと、サイトが放置され、時代遅れの印象を与えることがあります。サイトを確認するための月次リマインダーを設定するなど、簡単なことでも効果があります。
- テストと反復は行いません。まずはサイト上でさまざまなことを試して、何が最良の結果をもたらすかを調べます。訪問者が最も気に入っているものや反応するものに注目します。うまくいくものを見つけたら、それらのことをさらに実行することに集中します。これが、「良い」サイトから「素晴らしい」サイトへと進む方法です。
※1 フルスピード注：誰もが従うべき12のSEOベストプラクティスの翻訳記事はこちら
※2 フルスピード注：検索の過剰最適化を避けるにはの翻訳記事はこちら
始めるためのツール
サイトの構築と管理は楽しい反面、すぐに手に負えなくなることもあります。しかし、適切なツールを使用すれば、プロセスはよりスムーズかつ効率的になります。ここでは、始めるのに役立つ必須ツールをいくつか紹介します (すべて無料で使用できます)。
- Ahrefs ウェブマスター ツール。Google でのウェブサイトのパフォーマンスを分析するための無料ツールです。Ahrefs を使用して、SEO の問題をチェックし、キーワードのランキングを追跡し、誰がサイトにリンクしているかを確認します。
- Wix。コーディングを必要とせずにウェブサイトを作成および設計できるウェブサイトビルダーです。カスタマイズ可能なテンプレートとドラッグアンドドロップ要素から選択して、サイトをすばやく簡単に構築します。デザインをもう少し制御する必要があり、コーディングを恐れていない場合は、 FoundationやSemantic UIなどのウェブデザインフレームワークのいずれかを使用できます。
- Google Search Console。Google検索結果におけるサイトの存在を監視および維持するのに役立つ、Google の無料ツールです。
- Google Analytics。ウェブサイトのトラフィックを追跡およびレポートするための無料ツールです。Google Analytics を設定すると、訪問者がサイトとどのようにやり取りしているか、どのページが最も人気があるか、トラフィックがどこから来ているかなどを確認できます。このデータを使用して、サイトを改善する方法について情報に基づいた決定を下します ( Matomoは良い代替手段です)。
- Hubspot。マーケティング、販売、顧客サービス用のツールとコンテンツ管理システム (CMS) を提供するプラットフォーム。HubSpot を使用して、コンテンツの作成と管理、リードの獲得、顧客とのやり取りの追跡を行います。
- Microsoft Clarity。Webサイト上のユーザー行動を分析するための無料ツールです。Microsoft Clarity を設定すると、ヒートマップやセッション記録が表示され、訪問者がサイトとどのようにやり取りしているかを理解できます。
- ChatGPT。あらゆるウェブサイトの構築と管理タスクを支援できる AI 言語モデル。ChatGPT を使用してコンテンツのアイデアをブレインストーミングし、ウェブサイトのテキストとコードを生成します。
まとめ
誤解しないでください。ウェブサイトのビジュアル面がまったく重要でないというわけではありません。アーティストの Max Kolomatsky がこの Instagram 動画で示しているように、デザインはビジネスの印象を大きく向上させることができます。
ウェブサイトのビジュアル デザインは重要ですが、夜も眠れないほど悩む必要はありません。カスタマイズされたテンプレートなどの十分なデザインから始めて、コンテンツと機能を通じて真の価値を提供することに重点を置けば、サイトはより早く成功し、より長く維持されるでしょう。
ビジュアル デザインも「やり過ぎ」になりやすいものです。Web サイトを魅力的に見せようとすると、要素、色、効果を過剰に追加してしまいがちですが、これは訪問者を圧倒し、サイトの速度を低下させる可能性があります。Web サイトは使いやすくする必要があるものの 1 つであり、ディーター ラムスの「良いデザインとは、できる限りデザインを少なくすること」というアドバイスほど優れたものはありません。
著者プロフィール
ご質問やご意見がございましたら、LinkedInでお問い合わせください。
Mateusz Makosiewicz
Ahrefs のマーケティング研究者兼教育者。Mateusz は、代理店、SaaS、ハードウェア ビジネスで 10 年以上のマーケティング経験を持っています。執筆活動をしていないときは、音楽を作曲したり、長い散歩を楽しんでいます。
