公開2025.07.09更新2026.10.07 Webサイト

3クリックルールとは？提唱の起源と調査で否定された根拠、SEOのクリック深度との違い

Q: トリプルクリックとは違うものですか？

別のものです。トリプルクリックはマウスのボタンを素早く3回押す操作で、たとえばAppleの MacのPagesのヘルプ は「段落をトリプルクリック」で段落を選択できると案内しています。3クリックルールは、目的のページに着くまでのページ遷移の回数を問題にする設計上の経験則です。

3クリックルールとは？提唱の起源と調査で否定された根拠、SEOのクリック深度との違い

3クリックルールは、「Webサイトのどのページにも3回以内のクリックで到達できるべきだ」というWeb設計の経験則です。広く知られていますが、裏付けるデータはありません。2003年にUser Interface Engineering（UIE）が44人・620タスクのクリックを分析したところ、3クリック目で諦める利用者が増える傾向は見つかりませんでした。一方、SEOの文脈ではトップページから何クリックで届くか（クリック深度）が重要度の手がかりになるとGoogleの担当者が述べており、こちらは別の話として扱う必要があります。この記事では、ルールの起源、否定した調査の中身、クリック数の代わりに見るべき指標、SEOにおけるクリック深度の考え方を一次情報で整理します。

まとめ：3クリックルールの結論と設計判断の要点

3クリックルールは公式の標準ではなく、Nielsen Norman Group（NN/g）は2019年に「データに裏付けられない恣意的な経験則」と結論づけています。
確認できる最古の記述は、Jeffrey Zeldmanの2001年の著書『Taking Your Talent to the Web』です。同書は根拠となるデータを示していません。
UIEの2003年の調査では、3クリック後と12クリック後で離脱のしやすさに差はなく、不満を感じた利用者の割合もクリック数によらず46〜61%の範囲に収まりました。
利用者が「クリックが多い」と訴えるとき、実際の不満は「目的の情報が見つからない」ことにあります。改善の対象はクリック数ではなく、リンク名の分かりやすさと現在地の示し方です。
3クリックを厳守すると、トップ階層に項目を並べた幅広いメニューに寄りがちです。全ページが同じ数のリンクを持つと仮定した単純な計算では、約1万ページを3クリックに収めるのに各ページ22本のリンクが要ります。
SEOではクリック深度に意味があります。GoogleのJohn Muellerは2018年に、URLのスラッシュの数は数えず、トップページから何クリックで届くかを見ると説明しました。ただし「3」という上限はGoogleの文書にありません。

以下、定義と起源から順に根拠を示し、最後に自社サイトのクリック深度を測る方法を載せます。

3クリックルールの定義と2つの言い方

NN/gは3クリックルールを「どのページも、アクセスに3クリック（タッチ画面なら3タップ）を超えてはならないとする、根強い非公式の経験則」と説明しています。別の言い方として、「最も重要な情報には3クリック以内で届くべきだ」とする形も紹介されています。

前者はサイト全体の階層の深さを、後者は主要タスクへの導線を問題にしています。後者の考え方、つまり重要な情報への道筋を短くすること自体はNN/gも否定していません。否定されているのは「3」という数字に根拠があるという部分です。

ここで言うクリックは、サイト内でリンクやメニューを押す操作の回数です。Google Search Consoleの「クリック数」（検索結果から自サイトへ来た回数）とは関係がありません。

3クリックルールの起源：Zeldmanの2001年の記述

NN/gのPage Laubheimerは、2019年8月11日の記事で、自身が見つけられた最古の出版物上の記述はJeffrey Zeldmanの2001年の著書『Taking Your Talent to the Web』だとしています。同書は、当時すでにWebデザイナーの間に広まっていた考えとして3クリックルールに触れています。

NN/gが引用している同書の一節は、「Webの利用者がすぐに満足を得たがることは広く合意されている。3クリック以内に探し物が見つからなければ、別のサイトへ移るかもしれない」という趣旨です。根拠は利用者が移る「かもしれない」という推測だけで、調査やデータは添えられていません。UIEの記事も同じ本を引き、Zeldmanがこのルールを「人々のWebの使い方に基づく」「直感的で論理的な階層構造を作る助けになる」と書いたと紹介しています。

つまり3クリックルールは、研究から生まれた基準ではなく、2000年前後の制作現場の通説が書籍に記録されたものです。

UIEの2003年調査：44人・620タスク・8,000クリック超の分析

ルールを実際のデータで確かめたのが、UIEのJoshua Porterによる「Testing the Three-Click Rule」（2003年4月16日公開）です。UIEは顧客案件で3クリックルールを要件として求められた経験があり、それが本当かを調べるために、44人の利用者が620のタスクに取り組んだ記録から8,000回を超えるクリックを数えました。

タスクの成否とクリック数の関係

利用者が探し終えるまでに見たページは、2〜3ページの人もいれば最大25ページの人もいました。ルールが正しければ、成功したタスクは3クリック付近に集まり、25クリックまで続いたタスクは失敗しているはずです。

結果は逆でした。クリック数とタスクの成否に相関はなく、3クリック後に諦める確率は12クリック後と変わりませんでした。成功したタスクと失敗したタスクのクリック数の分布も同じで、どちらもタスクの80%が完了するのは15クリックの時点でした。

満足度とクリック数の関係

UIEは各タスクの終了時に、そのタスクでのサイトへの満足度も尋ねていました。不満を感じた利用者の割合はクリック数の長さによらず46%から61%の間にとどまり、短い操作ほど満足度が高いという傾向は出ていません。

「クリックが多い」という不満の正体

UIEの観察では、利用者は探し物に時間がかかると「クリックが多すぎる」と口にします。しかし目的の情報が見つかったときには、クリック数への不満は出ません。Porterは、この不満は症状であって原因ではなく、本当の問題は「見つけられないこと」だと結論づけています。

同じ記事は、ルールが設計者の目を利用者のニーズに向けさせる効果は認めています。そのうえで「利用者にとって重要なのはクリック数ではなく、探しているものが見つかるかどうかだ」と締めくくっています。

3クリックを守ると起きる設計上の副作用

NN/gが2019年の記事で指摘する最大の副作用は、メニューが横に広がりすぎることです。クリックを減らそうとすると、少数の大分類を置く深い構造（deep IA）ではなく、トップ階層に細かい分類を並べる幅広い構造（broad IA）を選ぶことになります。

幅広い階層と深い階層のトレードオフ

NN/gのKathryn Whitentonは2013年の記事で、同じ情報量でも階層の形によって使い勝手が大きく変わると説明しています。例に挙げられたフロリダ州の病院サイトでは、診療科目のメニューに32項目を並べたサイトは特定の疾患へ直接飛べる一方、項目が多すぎて新生児集中治療室のリンクを読み飛ばす危険がありました。16項目に絞ったサイトは一覧を見渡しやすい反面、泌尿器の情報をどの分類から探せばよいか分からない状態でした。

幅広い階層は項目が具体的で分かりやすい代わりに、一覧が長く見落としが起きます。深い階層は一覧が短い代わりに、分類名が抽象的になり、どこを開けばよいか迷わせます。どちらが正しいかは、項目数ではなく利用者が分類名から中身を予測できるかで決まります。

3クリック制約を数字で見る：各階層のリンク数と到達ページ数

トップページから各階層に同じ数のリンクを置き、重複なく枝分かれさせると、3クリックで届くページ数は「L＋L²＋L³」（Lは1ページあたりのリンク数）になります。

1階層あたりのリンク数	3クリック以内に置けるページ数	うち3クリック目のページ
5	155	125
7	399	343
10	1,110	1,000
15	3,615	3,375
22	11,154	10,648
30	27,930	27,000

各ページの分岐数を同じLにそろえるこのモデルでは、1万ページを3クリックに収めるのに各ページ22本、10万ページなら47本のリンクが必要です。実際のサイトは階層ごとに分岐数が違うため、トップを10項目に抑えて下の階層で100項目に広げるといった配分もできます。この表だけではトップに必要な項目数は決まらず、示せるのは「3クリックに収めるほど、どこかの階層の一覧が長くなる」という関係です。NN/gはこの状況を、「3クリック以内」と「メインナビゲーションは7項目まで」という、どちらもデータに裏付けられない2つの通説の板挟みと表現しています。

長い一覧はメガメニューやグループ分けで見渡しやすくできますが、一覧を読む負担は残ります。ECサイトの商品詳細、技術ドキュメント、ニュースの過去記事のように数千ページを超える情報では、3クリックに収めること自体を目標にせず、一覧の長さと階層の深さのどちらで負担を払うかを利用者テストで決めるのが現実的です。

クリック数の代わりに見る指標と設計手段

NN/gは、クリック数の数え方では、長い選択肢の一覧を読んで理解する負担、自分がサイトのどこにいるかを把握する負担、あと何ステップかを見積もる負担が測れないと指摘しています。クリック数は操作コストの粗い目安にすぎません。

評価の指標：成功率・時間・満足度

ISO 9241-11:2018（日本ではJIS Z 8521:2020）は、ユーザビリティを、特定の利用者が特定の利用状況でシステムや製品、サービスを使って特定の目標を達成するときの、有効さ・効率・満足度の度合いとして定義しています。有効さはタスクを正確に達成できたか、効率はそのために使った時間や労力、満足度は利用者の受け止め方です。

クリック数は効率の一部を近似するだけで、有効さと満足度を表しません。ナビゲーションを評価するなら、主要タスクの成功率、完了までの時間、タスク後の満足度の3つを測り、クリック数は失敗したタスクの経路を分析するときの補助に回すのが妥当です。

NN/gが挙げる5つの設計手段

NN/gは、クリックを数えるより重要なこととして次の点を挙げています。

メニュー項目の名前を中身が予測できる語にする。曖昧な語、なじみのない語、社内のブランド名は避ける。
パンくずリストや同じ階層内のサブナビゲーションで、現在地を示す。実装と階層設計の判断はパンくずリストとは？SEO効果と構造化データの実装・階層設計の判断【2026年時点】で扱っています。
デスクトップでは、多段のドロップダウンよりメガメニューを使う。多段メニューは正確なマウス操作を求め、階層の一断面しか見せないため、誤操作が起きやすくなります。
主要な情報探索タスクを特定し、トップページなど重要なページからそこへ直接リンクする。複数ステップが避けられない経路には、途中にリンクを集めたハブページを置く。
クリック後のページ表示を速くする。NN/gは「表示に時間がかかる3クリックは、すぐ表示される5クリックより悪い体験になる」と書いています。

メニューの項目設計とSEOの関係はSEOに効くグローバルナビゲーションの設計と実装ポイント、利用者の探し方から分類を組み立てる方法はボトムアップ型情報アーキテクチャとは何か？基本概念と特長を解説が参考になります。

SEOにおけるクリック深度：3クリックルールとは別の論点

UXの3クリックルールが否定されても、SEOでトップページからの距離が無関係になるわけではありません。ここは混同しやすいので、根拠を分けて押さえます。

Googleが示したクリック深度の扱い

2018年のGoogle Webmaster Central Hangoutで、店舗ページをトップから直接リンクすべきか、/stores 配下にまとめるべきかを問われたJohn Muellerは、次のように答えています（Search Engine Journalの2018年6月9日の記事に、元動画の31分09秒付近の発言として書き起こしが載っています）。

GoogleはURLのスラッシュの数を数えない。ディレクトリを分けるかどうかに大きな利点はない。
重要なのはコンテンツの見つけやすさで、トップページが最も強いページである場合、そこから何クリックもかかるページは重要だと理解しにくくなる。
トップページから1クリックで届くページは関連性が高いと受け取り、検索結果で少し重みを与える可能性がある。

Muellerの説明は「少し」（a little bit）という程度の表現で、何クリック以内なら評価されるという基準は示していません。3クリックをSEOの合格ラインとして扱う根拠にはなりません。

Google Search Centralの内部リンクの指針

Googleのリンクに関するベストプラクティス（2025年12月31日更新）は、関心のあるすべてのページに、同じサイト上の少なくとも1つ以上の別ページからリンクを張ることを勧めています。また、Googleが確実にたどれるのは、href属性を持つ<a>要素のリンクだけです。href属性のない要素や、スクリプトのクリックイベントだけで遷移するメニューは、利用者には1クリックでも、GoogleがリンクのURLを確実に抽出できるとは限りません。なお、JavaScriptで挿入したリンクでも、href属性を持つ<a>要素であればクロール可能とされています。

Microsoftの検索チームも2010年11月のブログ記事で、UIEの調査を引いて「3クリックルールに固執しなくてよい」としつつ、検索の入口になる重要ページはトップページの近くに置くべきだと書いています。UXでは深い導線を許容し、検索エンジン向けには重要ページを浅く置く、という役割分担です。

UXの判断とSEOの判断の切り分け

実務では次のように分けると矛盾が起きません。

利用者の導線：クリック数の上限は設けず、各ステップで次に押すべきリンクが分かるかを検証する。
検索流入を担うページ：カテゴリトップや主要サービスのページは、トップページから1〜2クリックで届く位置に置く。これはMuellerの説明から導いた運用上の目安で、Googleが示した基準ではありません。
深い階層のページ：パンくずリスト、関連記事、カテゴリ一覧からの内部リンクで、どこからもリンクされない孤立ページをなくす。

クロールとインデックスに効く内部対策の全体像はSEO内部対策とは？クロール・インデックス・UXの3分類で施策を優先度順に解説にまとめています。

自社サイトのクリック深度を測るPythonスクリプト

サイトの深さは、トップページから幅優先でリンクをたどれば測れます。次のスクリプトはPython 3の標準ライブラリだけで動き、同じドメイン内のページごとに「トップから何クリックか」を出力します。数えるのは取得時のHTMLにある<a href>のリンクだけで、JavaScriptで後から挿入されるリンクは拾いません。Googleはレンダリング後のHTMLからもリンクを見つけるため、結果はGoogleのクロールと一致するものではなく、HTMLだけで見た導線の参考値です。

clickdepth.pyという名前で保存し、python3 clickdepth.py https://www.example.com/のように自社サイトのトップページの絶対URLを引数に付けて実行します。

import sys
import time
from collections import deque
from html.parser import HTMLParser
from urllib.parse import urljoin, urldefrag, urlparse
from urllib.request import Request, urlopen

class LinkParser(HTMLParser):
    def __init__(self):
        super().__init__()
        self.links = []
    def handle_starttag(self, tag, attrs):
        if tag == "a":
            href = dict(attrs).get("href")
            if href:
                self.links.append(href)

def links_of(url):
    req = Request(url, headers={"User-Agent": "clickdepth/1.0"})
    with urlopen(req, timeout=10) as res:
        base = res.geturl()  # リダイレクト後のURLを相対リンクの基準にする
        if "text/html" not in res.headers.get("Content-Type", ""):
            return base, []
        p = LinkParser()
        p.feed(res.read().decode("utf-8", "replace"))
    return base, p.links

def crawl(start, max_pages=500):
    host = urlparse(start).netloc
    depth = {start: 0}
    failed = []
    queue = deque([start])
    while queue:
        url = queue.popleft()
        time.sleep(0.5)  # 自社サーバーへの負荷を抑える
        try:
            base, hrefs = links_of(url)
        except Exception as e:
            failed.append(url)
            print(f"skip {url}: {e}", file=sys.stderr)
            continue
        for href in hrefs:
            nxt = urldefrag(urljoin(base, href))[0]
            if urlparse(nxt).netloc == host and nxt not in depth:
                if len(depth) >= max_pages:
                    return depth, failed, True
                depth[nxt] = depth[url] + 1
                queue.append(nxt)
    return depth, failed, False

if __name__ == "__main__":
    depth, failed, truncated = crawl(sys.argv[1])
    for url, d in sorted(depth.items(), key=lambda x: (-x[1], x[0])):
        mark = " (取得失敗)" if url in failed else ""
        print(d, url + mark)
    print("max depth:", max(depth.values()), "pages:", len(depth), "failed:", len(failed))
    if truncated:
        print("max_pagesに達したため、未探索の経路が残っています")

3階層のサンプルサイトをローカルで配信し、Python 3.9.6で実行した結果が次のとおりです。仕様ページ内のPDFは4クリック目にあり、トップからリンクされた旧キャンペーンページは404で取得に失敗しています。/newsは/news/へリダイレクトされ、その先の相対リンクはリダイレクト後のURLを基準に解決されています。

4 http://localhost:8765/products/a-manual.pdf
3 http://localhost:8765/products/a-spec.html
2 http://localhost:8765/news/2026.html
2 http://localhost:8765/products/a.html
1 http://localhost:8765/news
1 http://localhost:8765/old-campaign.html (取得失敗)
1 http://localhost:8765/products/
0 http://localhost:8765/
max depth: 4 pages: 8 failed: 1

実行するのは自社サイトに限り、ページ数の多いサイトではmax_pages（既定500）を段階的に増やしてください。上限に達すると最後にその旨を表示し、未探索の経路が残った部分的な結果になります。深さは発見したURLに付けるため、404などで取得できなかったURLも一覧に含まれ「(取得失敗)」と表示されます。robots.txt、ログイン後のページ、<base>要素、インデックスされているかどうかは考慮していません。結果のうち深さ4以上で、かつ検索流入を担うべきページが見つかれば、上位のカテゴリページやトップページからの内部リンクを追加する候補になります。

3クリックルールの利用範囲：議論の出発点と数値目標の区別

3クリックルールを設計基準として数値目標にするのはやめるべきです。KPIに「全ページ3クリック以内」を置くと、成功率や表示速度より階層の浅さが優先され、NN/gが指摘した幅広すぎるメニューを作る動機になります。

使ってよいのは、議論のきっかけとしての用途です。ワイヤーフレームの段階で「問い合わせフォームや料金表のような主要タスクに、トップから何ステップで着くか」を数え、極端に遠いものを洗い出すのには役立ちます。その場合も、判断は数え上げた結果ではなく、利用者テストでの成功率で下してください。画面設計の段階での確認範囲はワイヤーフレームとは？作り方とデザインカンプとの違い・発注側の確認範囲を解説で解説しています。