この記事はAhrefs公式ブログの日本語訳です。
原文：Mastering Website Navigation: The Ultimate Guide
（著者：Sam Underwood / 原文の最終更新日：July 26, 2023）
※フルスピード註：この記事は2023年7月26日時点の記載をもとに翻訳しています。Ahrefs公式ブログの記事は今後追記・再公開されることがありますことをご了承ください。
優れたナビゲーションは、Web サイトを適切に表示するために重要な要素です。その理由は主に 2 つあります。
まず、ユーザー エクスペリエンスに影響します。ユーザーが必要なものを見つけられるようにすることで、コンバージョンの増加につながります。
次に、検索エンジンに役立ちます。なぜなら、優れたナビゲーションは、サイトがどのように構成されているかをよりよく理解し、PageRank が最も有益なページに確実に流れるようにするのに役立ちます。
しかし、ナビゲーションを改善して、ユーザーが探しているものを見つけやすくし、SEO に利益をもたらすにはどうすればよいでしょうか?
この記事ではそれを正確に説明します。
ウェブサイトのナビゲーションとは何ですか?
Web サイトのナビゲーションは、ユーザーがリンク、ボタン、その他の要素を選択して Web サイトと対話し、サイト上のコンテンツを発見するプロセスです。
Web サイトのナビゲーションはユーザーがリンクをクリックすることを表しますが、そのナビゲーションを容易にする標準コンポーネントがあります。これらには次のようなものがあります。
- パン粉
- サイドバー
- メガメニュー
- ドロップダウン
- タブ
- アコーディオン
それぞれの機能とその使用方法については、ガイドの後半で説明します。
人々がウェブサイトを閲覧する方法
ナビゲーション コンポーネントと、それがユーザーの Web サイトへの移動にどのように役立つかを説明する前に、ユーザーが実際にサイトを移動する方法を理解することが重要です。
前方ナビゲーションから始まる主な方法が 3 つあります。
前方ナビゲーション
このタイプのナビゲーションは、ユーザーがサイト階層内をより深く探索するのに役立ち、多くの場合、同じトピック領域内のより具体的なコンテンツを見つけることができます。
以下は、Stripe のドキュメント領域を使用した典型的な前方ナビゲーションの例です。
まず、ユーザーはメインのドキュメント ページから開始できます。次に、スクロールして支払いドキュメントのリンクを選択します。
次のページで、「支払い後」のすべてのドキュメントを表示することを選択します。
次に、「支払いを受け取る」に移動します。
そして最後は「インスタントペイアウト」です。
このシナリオでは、ユーザーはサイト階層内をさらに深く移動し、ドキュメントなどの広範なトピックから、支払いや支払いなどのより具体的なサブトピックに移動します。
これは順方向ナビゲーションです。
横方向のナビゲーション
2 番目に、横方向のナビゲーションがあります。これにより、ユーザーは現在表示しているものに関連するが、サブトピックではないコンテンツを探索するのに役立ちます。
たとえば、Stripe の「インスタント ペイアウト」ページを閲覧している場合、サイドバーから「代替通貨」などの他の支払い関連コンテンツへのリンクが表示されます。
後方ナビゲーション
最後に、後方ナビゲーションがあります。このナビゲーションは、ユーザーがプロセス内の前のページまたはステップに戻るのに役立ちます。
これを容易にする最も一般的な方法は、ブレッドクラムを使用することです。これは、Stripe ドキュメント内で参照できます。
共通ナビゲーションコンポーネント
Web サイトを構築するときは、ナビゲーション コンポーネントの観点から Web サイトを考えることになります。以下にその例をいくつか示します。
ナビゲーションメニュー
まずは単純なナビゲーション コンポーネント、つまりメニューから始めます。
これらは、Web サイトの複数の領域で、多くの場合ヘッダー (ナビゲーション バーと呼ばれることもあります) に水平に表示されます。
フッター内で縦方向に:
サイドバー内:
場合によっては、見た目が変わることもあります。ただし、概念は同じです。つまり、縦方向または横方向のリンクのリストであり、多くの場合トピックごとに整理されています。
ドロップダウンメニュー
ドロップダウン メニューの重要な要素は、非表示になっていて、ヘッダーのナビゲーション バーなど、ユーザーが別の要素にカーソルを合わせるかクリックすると表示されることです。
ドロップダウン ナビゲーションは多くの場合、FreeAgent のこの例のように、単一の垂直方向のリンク リストを備えた単純なものです。
メガメニュー
より視覚的に複雑なドロップダウン タイプであるメガ メニューがあります。どちらのメニューも同じ方法 (ホバーまたはクリック) で表示されます。主な違いは、ASOS のこの例のように、含まれるコンテンツ/リンクの数です。
Nielsen Norman Group が確認したように、メガ メニューは単純なドロップダウンよりも優れています。
メガメニューが優れている理由は、いくつかの主な理由に要約できます。
- メガ メニュー内にさらに多くのリンクを含めることができます。
- 関連リンクを簡単にグループ化できます。
- 画像やイラストを含めることができます。
バーガーメニュー
バーガー メニュー (またはモバイル メニュー) はドロップダウン メニューに似ていますが、サイトではバーガーに似たアイコンの背後にメニューを隠します (そのため、この名前が付けられています)。
このタイプのナビゲーションは、私の Web サイトのこの例のように、モバイル デバイスでよく見られます。
しかし、Amazon のこの例のように、デスクトップ サイトでもよく見られるようになってきています。
このような非表示のメニューは、ユーザーがナビゲートすることが期待される主な方法として使用されるべきではありません。非表示のナビゲーションは発見されにくいため、重要な場合はデフォルトで表示させます。
タブ付きナビゲーション
ユーザーが情報のサブセットの表示を選択すると、タブ付きナビゲーションがコンテンツを置き換えます。
これを SEOToolbelt リソースに実装する方法を示します。
Ahrefs Blog のホームページにもタブが実装されています。
場合によっては、サイトのメガ メニュー内にタブ ナビゲーションがあり、コンテンツがホバー上に表示されることがあります。この例は Virgin Experience Days です。
アコーディオンナビゲーション
アコーディオンはタブに似ていますが、主な違いは次の 2 つです。
- コンテンツを表示しないオプションもあります。
- 必要に応じて、複数のアコーディオンを一度に開くことができます。
一度に 1 つだけ開くことができるアコーディオンの例を作成しました。
複数のアコーディオンを同時に開くことを許可した場合は次のようになります。
タブとアコーディオンは、 JavaScript SEOにとって課題となる可能性があります。コンテンツをランク付けしたい場合は、クリック時に JavaScript を介してコンテンツを挿入するように設定するのではなく、HTML ソースにコンテンツを含める必要があります。
ファセットナビゲーション
ファセット ナビゲーション(フィルター ナビゲーションとも呼ばれる) を使用すると、ユーザーはさまざまなフィルターを選択して、ページ上の情報のサブセットを表示できます。繰り返しますが、私は素晴らしいIsotope JS パッケージを使用してこれを自分のブログに実装しました。
John Lewis のこの例のように、電子商取引ストアでもフィルタリングされたナビゲーションがよく見られます。
アンカーリンクナビゲーション
アンカー リンクは、ユーザーが記事などの長いページの特定の部分にジャンプするのに役立つナビゲーションです。
Ahrefs Blog では、このリンク構築記事のようにこれを使用しています。
階層ナビゲーション
階層ナビゲーションは、ユーザーがサイト階層内で前後に移動するのに役立ちます。多くの場合、実際にはブレッドクラムを使用してこれを確認することができます。ブレッドクラムでは、ユーザーに現在のページの親ページが表示されます。これは、Projectorpoint と呼ばれる電子商取引ストアでの例です。
サイドバー リンクの形式で階層ナビゲーションが表示されることもあります。たとえば、Sephora では、サイト階層全体がこれらのリンクに (現在のページの兄弟ページとともに) 表示されます。
関連ナビゲーション
関連ナビゲーションは、ユーザーがサイト階層を横切って他の関連ページ (兄弟ページとも呼ばれる) に移動するのに役立ちます。通常、サイトが関連ナビゲーションを実装する方法はいくつかあります。
- 同じ分類法を共有するページによる– たとえば、電子商取引ストア上の 2 つの製品が 4K TV カテゴリにある場合、それらは関連製品として表示されます。
- 同じ親ページを持つページ– たとえば、4K TV カテゴリと 1080p TV カテゴリの両方が親カテゴリとして「TV セット」を持っている場合、2 つの間にリンクが追加されます。
- 類似したコンテンツを持つページによる– 場合によっては、ページ コンテンツのインデックスに基づいて関連するナビゲーションが構築され、コンテンツの類似性に応じてページ間にリンクが自動的に追加されます。
- よく一緒に購入されている商品別
これらのタイプのリンクは手動で追加できます。ただし、理想的には、サイト管理者の負担を軽減するためにそれらを自動化することができます。
ページネーションのナビゲーション
サイトではページネーションを使用して、ページのコンテンツのサブセットを表示します。これは、Ahrefs ブログ アーカイブ ページなど、他のページへのリンクをリストするページでよく使用されます。
あるいはGoogleの検索結果でも。
最近では、上で示したように、番号付きのページネーションが提供されるだけではありません。以下のような「さらに読み込む」ボタンも表示されます。
ほとんどの研究では、ユーザーはSmashing Magazine によるこのボタンのような「もっと読み込む」ボタンを好むと述べています。
ウェブサイトのナビゲーションをマスターするための 12 のベスト プラクティス
ユーザーがサイトをナビゲートする方法と、ユーザーのナビゲートを支援する共通コンポーネントがわかったので、ここでは、ユーザーと検索エンジンが気に入る Web サイトのナビゲーションを作成するための 12 のベスト プラクティスを紹介します。
1. 作成したいページをリサーチします。
優れたナビゲーションは、ナビゲーション先の優れたページから始まります。したがって、サイト上のページをサイトマップ ( HTML サイトマップや XML サイトマップではなく、スプレッドシート内のサイトに必要なページのリストだけ) にまとめることから始めるとよいでしょう。
理想的には、ユーザーがそのページのコンテンツに興味がある場合にのみサイトマップにページを追加する必要があります (そうでない場合は、ページの作成に時間を無駄にすることになります)。
しかし、ユーザーが興味を持つかどうかはどうやって判断するのでしょうか?
それを理解するための最良の方法の 1 つは、キーワード調査です。しかし、それは広大なテーマです。その方法がわからない場合は、このキーワード調査ガイドを参照してください。これから行うプロセスは次のようになります。あなたはできる：
- キーワード エクスプローラーなどのキーワード調査ツールを使用してユーザーが検索する内容を見つけるか、サイト エクスプローラーを使用して競合他社のサイトをチェックします。
- 意味的に関連するキーワードをグループ化します (Ahrefs の親トピック機能がここで役に立ちます)。
- すべての親トピックと二次キーワードのリストを作成します。以下は、私のクライアントへのギフトの例です。
2. 階層を作成する
これでページのリストが完成しました。これらのページをグループ化して、サイト階層/情報アーキテクチャを作成する必要があります。
まず、トップレベルの製品カテゴリ、記事、企業情報など、サイトに適したものをいくつかの広範なページ タイプにグループ化する必要があります。これは、コンテンツの種類を示しています。
次に、各ページ タイプ内にページの階層を作成します。階層は深くなるほど具体的になります。衣料品の e コマース ストアの場合、次のようになります。
ホーム > メンズウェア > シューズ > ブーツ > ブラックブーツ
ホーム > ブログ > トレンド > 2022 年冬物トレンド
私は、情報アーキテクチャを表示する組織図を簡単に作成できるMindNode という Mac アプリを使用しています。以下に、衣料品ブランドのカテゴリー構造の簡単な例を示します。
カードの並べ替えは、さまざまな人々がコンテンツをどのように整理しているかを理解するための貴重なテクニックです。場合によっては、明確ではないこともあります。サイトを整理するにはさまざまな方法があります。
競合サイトが何を行っているかを確認することも役立ちます。パンくずリストやその他のナビゲーション要素を調べると、大規模で複雑なサイトであっても情報をどのように整理するかを理解できます。
サイトの構造を理解する 1 つの方法は、URL 構造を調べることです。Ahrefs のSite AuditのStructure Explorerレポートのおかげで、それは簡単です。
このレポートは、さまざまな種類のデータを構造に応じて表示できる優れた機能を備えています。たとえば、Web サイトを監査する場合、Ahrefs のオーガニック トラフィックの推定をディレクトリごとに表示できます。
おすすめ
構造化 URL のない Web サイトを分析していますか? そうであれば、私は最近、パンくずリストと URL 構造を使用して競合他社のサイト構造を迅速に分析するためのガイドを書きました。構造を計画するための優れた洞察を提供するため、一読の価値があります。
3. その階層を中心にナビゲーション要素を構築する
階層を設定したので、パンくずリストがどのように機能するかについて明確な計画を立てることができます。また、前方および横方向のナビゲーションを支援するために、さまざまなナビゲーション コンポーネントの使用を開始することもできます。
たとえば、現在のページに子ページがある場合、さまざまなナビゲーション コンポーネントを使用して、それらが確実にリンクされるようにすることができます。
Google の SEO ドキュメントの場合、その階層を中心にサイドバーが構築されています。
そして、トピック概要ページ (「クロール」ページと同様) では、そのページのすべてのサブページにリンクするテーブルが作成されます。
より単純なナビゲーションを備えたサイトでは、メイン コンテンツにサブページへのリンクを備えた小さなメニューが実装されています。e コマース ストアの場合、次の例のように、これが水平リンクのリストとして表示されることがよくあります。
これらのリンクは、ページ間の親子関係をクエリすることで完全に自動化できます。これについては、最近e コマース カテゴリ ページの改善に関するガイドで書きました。
4. 前方ナビゲーションを忘れないでください
Web サイトのナビゲーションを計画するとき、驚くほど前方ナビゲーションを見落としがちです。
この問題の一般的な原因は、電子商取引のカテゴリ ページです。ユーザーは JavaScript ベースのフィルタリング ナビゲーションを使用して次へ進むことができるため、現在のカテゴリのサブカテゴリへのリンクが省略される場合があります。
2021年半ばにジュエリーブランドのAbbott Lyonと仕事をしました。カテゴリの前方ナビゲーションには、ロングテール カテゴリとコンポーネントが必要であることがわかりました。
この問題は 2021 年 12 月までに修正され、2022 年 3 月までに報酬が得られるようになりました。修正以来継続的に成長し、2022 年 12 月の素晴らしいピークシーズンに向けて準備を整えています。
しかし、具体的にどのようにナビゲーションが改善されたのでしょうか? 各カテゴリのサブカテゴリへのリンクのブロックを追加するのと同じくらい簡単でした。
これは、ナビゲーション コンポーネントが SEO に与える影響をうまく示しています。
5. 世界中の重要なページへのリンク
バーガー メニューとメガ メニューは、ユーザーがサイトの重要なページをすばやく簡単に見つけるのに役立ちます。メガ メニューを使用して、サイトのすべてのページをワンクリックでアクセスできるようにするというアドバイスを見たことがありますが、それはやめてください。
メガ メニューでは、より多くのページにリンクするオプションが提供されます。ただし、次の 2 つの理由から、自分にとって最も重要なページのみを含めるべきです。
- インターフェイスが乱雑になり、ユーザーが重要な情報を見つけにくくなるのは望ましくありません。
- PageRank を、上位にランク付けされた場合にビジネスに最も商業的なメリットが得られるページに統合したいと考えています。
ヒント #1 で提案したサイトマップを参照し、検索需要データを使用して、何を含めるかを決定します。次に、設定した階層を使用して、階層を編成する方法を決定します。
私はデータ主導のアプローチを採用しています。そのため、通常は複数のテーブルを含むシートが作成されます。各テーブルはこんな感じ。
Ahrefs のKeywords Explorer、GA セッション、および収益データからの潜在的なトラフィック指標を使用しました。次に、これら 3 つの指標に基づいて 0 ～ 100 の優先度スコアを作成しました。これにより、どのページを含めるべきかを判断しやすくなります。
6. ブレッドクラムを使用してサイト階層を表示する
ブレッドクラムは、ユーザーがサイト内のどこにいるかを理解するのに役立ちます。サイトにそれらがない場合は、追加することをお勧めします。
Gary Illyes 氏が確認したように、ユーザーを支援するだけでなく、Google が階層を理解し、PageRank を配布できるようにすることで、SEO にも利益をもたらします。
ブレッドクラム構造化データを追加すると、Google ドキュメントの次の例のように、検索結果にブレッドクラムが表示される可能性も高くなります。
ブレッドクラムの配置規則は、ページのヘッダーの下の高い位置にあります。以下は Search Engine Roundtable の例です。
必ずしも高い位置に配置する必要はありません。これは、サイトに設定した主な目標を達成するユーザーにどのような影響を与えるかをテストする必要があります。配置は SEO に影響しません。
7. サイト全体で人気のページを特集する
必要に応じて、サイト全体で最も人気のあるページへのリンクを追加します。
Sephora は、メイクページなどのトップレベルのカテゴリーでこれをうまくやっています。このカテゴリには、メイクアップ関連のさまざまなカテゴリへのリンクのグリッドがあります。
これらはどれも、メイクアップ カテゴリの直接の子ページではありません。これらのページに到達する前に、メイクアップの下に別のカテゴリがあります。
それでも、ユーザーに人気があるため、セフォラはリンクを追加しました。
これにより、サイト構造が深くならずにフラットに保たれます。内部リンクが純粋に階層に基づいている場合、たとえ人気のあるページであっても、ユーザーはサイト内のより深いページにアクセスするために複数回クリックする必要があります。
8. モバイル上で重要なナビゲーションを隠さないでください
モバイルナビゲーションは、スペースが減少するため、より困難になる可能性があります。しかし、この解決策は、モバイル上で重要なナビゲーション要素を隠すことではありません。
たとえば、Stripe のメガメニューを見てみましょう。
デスクトップにはリンクがたくさんあります。理想的には、ユーザーがモバイルでもこれらのリンクを簡単に見つけられるようにしたいと考えています。
Stripe の解決策は、スライダーを使用し、垂直方向のスペースとモバイルでのユーザーのスクロール傾向を利用することです。
これは、モバイルとデスクトップの UX の間で一貫性を保つ素晴らしい例です。同様のメニューの作成を簡素化する JS ライブラリを探している場合は、mmenuをお勧めします。
SEO の場合、コンテンツを削除するのではなく、モバイル デバイスでタブ、アコーディオン、スライダーを使用すると、Google のモバイル インデックスによる悪影響を受ける可能性が低くなります。
ただし、サイトが応答性が高い場合は、モバイルでコンテンツを非表示にしても問題が発生する可能性はほとんどありません (読み込み時に HTML からコンテンツを削除するために JS を使用している場合を除く)。
9. アンカーテキストは説明的なものにしてください
アンカー テキストが短すぎると、リンクをクリックした後にどのページに移動するのかユーザーが混乱する可能性があります。
John Mueller 氏が確認したように、 アンカー テキストは検索エンジンがページの関連性を判断する方法の 1 つであるため、これは SEO にとっても問題を引き起こす可能性があります。
たとえば、ゲーム機器を販売するサイトがあるとします。メニュー内に、このようなリンクのリストを含めることができます。
単に「ラップトップ」と言うのではなく、販売しているアクセサリ、ラップトップ、デスクトップの種類をより具体的に述べてください。この例では、各リンクに「Gaming」を事前に追加するのと同じくらい単純です。
これにより、ユーザーの不確実性が軽減され、検索エンジンがこれら 2 つのトピックのどちらをターゲットにしているのかを判断しやすくなります。
アンカー テキストは説明的なものにしてください。ただし、行き過ぎないように注意してください。たとえば、次のようにパンくずリストで単語を複数回繰り返す必要はありません。
ブレッドクラムは階層化されているため、短くすることができます。ユーザーにとっては意味があり、メニューや階層リンクなど、サイト上の他の場所に、より説明的なアンカー テキストを配置することもできます。
10. 人気順ナビゲーション
ナビゲーション コンポーネントを作成するときは、ユーザーがリンクをクリックする可能性の高さに基づいてコンポーネントを順序付けします。新しいサイトを作成し、徹底的なキーワード調査を行っている場合は、検索ボリュームを調べることで、さまざまなトピックの相対的な人気を理解できます。
キーワード エクスプローラーは、ゲーム用ラップトップが他のページよりもはるかに人気があることを示しています。したがって、ビジネス上の理由がない限り、それらをもっと目立つように宣伝する必要があります。
サイトが適切な量のトラフィックを受信している場合は、Google Analytics イベント トラッキングを使用して、ユーザーが最もクリックするリンクを確認できます。
Google タグ マネージャーを使用してこれを行うのは簡単です。適切なカテゴリとアクション ラベルを使用して GA イベント タグを設定し、次のように「ラベル」クリック テキストを設定する必要があります。
「クリックテキスト」は、クリックしたリンクのアンカーテキストをラベルとして使用するため、リンクを識別しやすくなります。
次に、タグにトリガーを追加します。これにより、ユーザーが追跡したいリンクをクリックしたときにイベントが発生します。これを行うには、トリガー タイプを「クリック – リンクのみ」に設定します。次に、一部のリンクがクリックされた場合にのみトリガーされるように設定します。最後に、CSS セレクターに一致する「クリック要素」に基づいてタグを起動します。
上の例では、ドロップダウンのサブメニューを追跡しています。
GA4 に移行した場合、プロセスは非常に似ています。同じトリガーを再利用し、クリック テキストと URL を送信するようにイベント パラメーターを構成できます。これは次のようになります。
これを設定すると GA に表示されるレポートの例を次に示します。
メニューのさまざまなアイテムを注文する方法を簡単に決定できるようになりました。
「これはSEOに影響するの？」と疑問に思うかもしれません。
可能性としては、そうです。Googleは「 Reasonable Surfer Model 」と呼ばれるものに関する特許を申請した。これは、「ランダム サーファー モデル」に依存していた古い「PageRank」アルゴリズムの一部を置き換えるものです。
2 つのモデルの主な違いは、渡される PageRank の量をどのように評価するかです。Reasonable Surfer Model は、ユーザーがリンクをクリックする可能性に基づいて、渡される PageRank の量を重み付けします。もう 1 つのモデルは、すべてのリンク間で PageRank を均等に分散します。
つまり、コンポーネント内のリンクを再編成したり、さまざまなナビゲーション コンポーネントをページの上の方に移動したりすると、より目立つように表示されたリンクほど多くの PageRank フローが流れる可能性があるため、ターゲット ページのランキングが向上する可能性があります。
11. ユーザーに考えさせないでください
最良の Web サイト ナビゲーションは、Web デザインの規則に従っているものです。これは Web デザインのあらゆる側面に当てはまります。つまり、次のような標準的な Web 慣行に従うことになります。
- 主要なヘッダー ナビゲーションをページの横ではなく上部に配置します。
- ブレッドクラムを使用して、ユーザーが構造を理解しやすくします。
- ホームページに戻るためのロゴへのリンクを追加します。
- ページ間でヘッダー/フッターの一貫性を保ちます。
- リンクやその他の要素を標準化された方法でスタイル設定します。
このトピックをさらに詳しく知りたい場合は、Steve Krug の「Don’t Make Me Think」というタイトルの本をお勧めします。
12. テスト、テスト、テスト
ナビゲーションをより効果的にするには、 OptimizelyやVWO などの分割テスト ツールを使用してナビゲーションのバリアントを作成し、改善の余地がある領域を特定します。リンクのラベル、配置、色、スタイルなどのほか、ドロップダウン メニュー、タブ、メガ メニューなどのさまざまなタイプのナビゲーションをテストします。
小さな変更を加えてパフォーマンスを測定することで、ナビゲーションの使いやすさを向上させ、訪問者が探しているコンテンツを簡単に見つけられるようにすることができます。
何をテストすればよいかわからない場合は、Hotjar などの行動分析ツールを使用して、ヒートマップ、アンケート、記録を通じて洞察を収集することを検討してください。
ナビゲーションを共同作業に保つ
ナビゲーションを変更するのは難しい場合があります。これは、異なる専門分野を持つ複数の関係者がそれぞれ独自の要求を持っているためです。マーチャンダイジング、UX、顧客サービス、SEO チームのすべてが満足する必要があります。
多くの場合、ナビゲーションの変更に関する問題は、次の 2 つの理由で発生します。
- 使いやすさが変更を行う主な理由ではありません。
- この変更が価値があることを示唆するデータは不足しています。
理由 1 については、変更によってユーザビリティが向上しない場合、UX チームは変更を拒否する可能性があります。たとえば、SEO チームは多くの場合、PageRank と検索エンジンが何を求めているかに集中します。UX の専門家を説得するには、そのことについて話さないでください。代わりに、変更がユーザーに与える二次的な影響について話し合います。結局のところ、それがより重要な要素です。
理由 2 により、どのチームも変更を拒否する可能性があります。まずは、なぜその変化がプラスになると考えるのかについて洞察を集めることから始めます。これは次のとおりです。
- 需要データを検索します。
- Google Analytics などからの行動分析データ。
- 顧客サービスのフィードバック。
- 売上と収益のデータ。
ここでの理想的なシナリオは、各チームが毎日使用するさまざまなデータを使用して協力し、専門知識に基づいて理想的なナビゲーションを形成することです。
まとめ
Web サイトのナビゲーションは幅広いトピックです。各コンポーネントには多くのニュアンスがあり、通常、どのようなコンポーネントがあり、それらがどのように機能するかについての決定には、さまざまな種類の専門知識を持つ人々の意見が反映されます。
それでも、優れたサイト ナビゲーションを実装することで得られる利益は、時間を投資する価値があります。この記事が、皆さんの記事がどのように機能するかにインスピレーションを与えてくれれば幸いです。
著者プロフィール
ウェブサイトのナビゲーションに関して他にご質問はありますか? Twitter で私を見つけてください。
Sam Underwood
Sam Underwood は、オンページ SEO、テクニカル SEO、コンテンツ戦略を通じて e コマース企業の本的収益の拡大を支援する個人コンサルタントです。
コメント