目次とは？

目次機能の仕組み

デジタルカタログの目次機能は、PDFに設定されたしおり（ブックマーク）の情報を読み取り、Webカタログ上にナビゲーションパネルとして表示します。ユーザーが目次項目をクリック・タップすると、閲覧中のページから目的のページへ瞬時にジャンプします。ページを1枚ずつめくる手間が省けるため、特にページ数の多いカタログで絶大な効果を発揮します。

目次機能がユーザー体験に与える効果

目次機能を活用することで、以下のメリットが得られます。

• 特定の商品カテゴリや章へ直接アクセスできる
• 欲しい情報を探す時間を大幅に短縮できる
• 閲覧者の離脱率低下につながる
• スマートフォン・タブレットでもスムーズにナビゲーションできる

特に B2B 向けの製品カタログや 100 ページを超える総合カタログでは、目次の有無が閲覧完了率に直結します。担当者が必要な情報をすぐに見つけられる設計にすることで、商談・受注につながる可能性が高まります。Googleのページ速度評価にも影響するため、目次による直接アクセスはユーザー体験指標（UX）の向上にも寄与します。

目次設定の手順

目次機能を利用するには、入稿するPDFにあらかじめしおり（ブックマーク）を設定しておく必要があります。

1. Adobe AcrobatまたはPDF編集ソフトで、各章・カテゴリの先頭ページにしおりを設定する
2. しおりを設定したPDFをウェブdeカタログへ入稿する
3. システムがしおり情報を自動読み取りし、目次として表示する

PDF編集ソフトの操作が難しい場合は、目次作成代行サービス（3,300 円 / 冊・税込）をご利用いただけます。詳しくはPDFファイルに目次を作成する方法のページをご覧ください。代行サービスのご依頼は、ご注文時の備考欄に「目次作成代行希望」とご記入ください。

効果的な目次の作り方

目次の使いやすさは、しおりの設計に大きく依存します。以下のポイントを押さえると、ユーザーに喜ばれる目次になります。

• カテゴリ分け：商品ジャンル・用途・シリーズごとに章立てを作ると分かりやすい
• 階層化：大項目→中項目→小項目の3段階で整理すると、100ページ超の大型カタログでも迷わない
• 分かりやすいラベル：「p.12 新作」より「p.12 夏物新作 レディース」と具体的に記述する
• ページ番号の整合性：PDF上のページ番号とカタログ上の表示ページを一致させる

活用例

• 100ページ超の総合カタログ：目次なしでは目的商品を探すのに数分かかるところ、目次1クリックで瞬時に到達。商談時の説明効率が大幅に向上します。
• 商品カテゴリ別カタログ：「キッチン用品」「バス用品」「インテリア」など分野別に章分けすれば、担当バイヤーが必要な部分だけ素早く確認できます。
• マンション・不動産パンフレット：「間取り」「設備仕様」「アクセス」「周辺環境」など項目ごとにジャンプ可能にすることで、物件資料としての利便性が高まります。
• 教育・研修テキスト：章ごとに目次を設定すると、受講者が復習したいセクションへすぐ戻れます。

PDFにしおりがない場合の対応方法

目次機能を使うには、入稿PDFにしおり（ブックマーク）が設定されている必要があります。しかし、InDesign や Word からそのまま書き出したPDFや、スキャンデータのPDFにはしおりが設定されていないことがほとんどです。その場合は以下の方法で対応できます。

• 方法①：Adobe Acrobat でしおりを追加する
  Adobe Acrobat Pro（有料）を使えば、ページを指定してしおりを手動で追加できます。「表示」→「パネル」→「ブックマーク」から操作します。試用版でも一定期間利用可能です。
• 方法②：目次作成代行サービスを利用する（3,300 円 税込 / 冊）
  ウェブdeカタログでは、PDFへのしおり設定を代行するサービスを提供しています。カタログの章立てをお伝えいただければ、スタッフがしおりを設定したPDFを制作します。ご注文時に「目次作成代行希望」と備考欄にご記載ください。
• 方法③：無料ツール（PDF24、ilovepdf 等）を使う
  無料のオンラインPDF編集ツールでもしおりを追加できるものがあります。ただし、操作の複雑さや機能制限がある場合もあるため、確実に設定したい場合は代行サービスの利用を推奨します。

大規模カタログ（200ページ超）での目次設計のコツ

200 ページを超える大型カタログでは、目次の設計が閲覧しやすさを左右します。以下のポイントを参考に目次を設計してください。

• 3 段階の階層構造を活用する — 大項目（例：カテゴリ名）→ 中項目（例：シリーズ名）→ 小項目（例：個別商品）の 3 段階で整理すると、ユーザーが迷わずナビゲートできます。
• ページ数の目安を添える — 各項目に「p.12 〜 p.45」のようにページ範囲を入れると、ボリューム感が伝わりやすくなります。
• 分野・カテゴリ別に色分けする（印刷物ベース） — 印刷時に色分けされているカタログでは、デジタル版でも章ごとのカラー区別を目次ラベルに反映させると、視覚的に識別しやすくなります。
• 「はじめに」「索引」「お問い合わせ」へのショートカットを設ける — 長大なカタログでは、冒頭・末尾へのジャンプボタンを目次に含めることで利便性が増します。

目次機能とPDFリンク機能（pdf-link）の違い

目次機能とPDFリンク機能（pdf-link）は、どちらも「別のページへジャンプする」機能ですが、用途と仕組みが異なります。

比較項目	目次機能（mokuji）	PDFリンク機能（pdf-link）
設定方法	PDFのしおり（ブックマーク）に連動	PDF内のテキスト・画像リンクに連動
表示場所	ビューワー側面のナビゲーションパネル	カタログページ内の特定箇所
主な用途	章・カテゴリ間のナビゲーション	外部 URL・他ページへの誘導リンク
設定難易度	Adobe Acrobat でのしおり設定が必要	PDF 作成ソフトでリンク設定が必要
同時利用	目次とPDFリンクは同時に設定できます

目次機能は「カタログ全体の章・カテゴリへのナビゲーション」に、PDFリンクは「カタログ内の特定箇所から外部サイトや他ページへの誘導」に使うのが最適です。大型カタログでは両方を組み合わせることで、より使いやすいデジタルカタログに仕上がります。例えば、目次から「商品 A のページ」へジャンプし、そのページ内に「詳細スペック（外部 URL）」へのPDFリンクを設置するという活用が可能です。