サービス、事例紹介、キャンペーンページなど、ウェブサイトで扱うコンテンツが増えるにつれ、どのページが存在し、どのようにネストされ、各ページでどのモジュールが使用されているかといったサイトの階層構造を、単なるテキストリストで把握することは困難になります。
ダッシュボードの「SEO › 構造」に移動するか、エディタの「ページ」パネル右上にある「サイト構造を表示」をクリックしてください。サイト全体のアーキテクチャがビジュアルサイトマップとして表示されます。この俯瞰図により、情報アーキテクチャの確認、サブページの追加、親子関係の調整、または「⋯」メニューから直接ページ編集画面へ移動することが可能です。
構造マップは、ページタイプに基づいて「作成したページ」と「システム管理ページ」の2つのセクションに明確に分かれています。
上部セクションには、ホームページおよびすべての標準ページが一覧表示されます。各カードはトップレベルページを表し、以下の3つの重要な情報が含まれています。
ヒーロー、カラム、FAQ)と、サイト共通のヘッダーおよびフッターが表示されます。これにより、エディタを開かずにページ構成を確認できます。/services/haircut)がある場合、カードの下にツリー構造として表示されます。サブページが8つ以上ある場合は自動的に折りたたまれます。「すべて表示」をクリックして展開してください。下部セクションには、システムによって生成・管理される2つの動的ページグループが一覧表示されます。
/shop)、有効な商品数、カテゴリ数が表示されます。「商品管理へ移動」をクリックすると、「ストア › 商品」に入ることができます。/blog)、公開済み投稿数、カテゴリおよびタグ数が表示されます。「ブログ管理へ移動」をクリックすると、「ブログ」に入ることができます。各カードおよびサブページの行には、現在のリアルタイムステータスが表示されます。
| ステータスまたはラベル | 意味 | 公開サイトでの表示 |
|---|---|---|
| 公開済み(緑色の点) | ページは公開されており、現在のエディターの下書きは公開バージョンと一致しています。 | 表示されます |
| 未公開の変更(オレンジ色の点) | ページは公開されていますが、エディターでモジュールを変更しており、右上の「公開」をクリックしていません。 | 表示されます(古いバージョンが表示され、公開後に更新されます) |
| 下書き(灰色の点) | 新しく作成されたページで、まだ一度も公開されていません。 | 表示されません(404エラーが返されます) |
| 非表示(灰色の点) | 非表示ステータスに切り替えたページです。 | 表示されません(404エラーが返されます) |
| ディレクトリ(バッジ + フォルダーアイコン) | ページコンテンツを持たない親パスで、サブページのURLを整理するために使用されます(例:/case/taipeiのみを作成した場合、システムが自動的に/caseを生成します)。 | ディレクトリ自体は公開されませんが、その下の公開されているサブページは通常通り閲覧できます |
関連ページに対して明確なURL階層を計画すること(例:/servicesの下に/services/haircutや/services/color/ombreを作成するなど)は、訪問者と検索エンジンの双方がページ間の関係性を理解する助けとなります。
標準ページは最大3階層の深さまでサポートしています(例:/level-1/level-2/level-3。各URLセグメントは60文字、フルパスは160文字まで制限されます)。
多くのウェブサイトでは、/caseという概要ページを持たずに、/case/taipeiや/case/tokyoを事例ページとして配置したい場合があります。
/case/taipeiを閲覧できます。空の/caseページにアクセスしようとした場合のみ、404エラーが表示されます。/caseにコンテンツモジュールを追加して概要ページにしたい場合は、「ページ」リストでそのディレクトリページを開き、モジュールを追加して、公開前に「ページに変換」(目のアイコン)をクリックするだけです。すでに公開済みのページのURLを変更したり、「移動先...」を使用して(サブページとともに)新しい親の下に移動したりする場合:
ページ階層を設定すると、Kanorioは自動的にそれをSEOとブラウジング体験における2つの利点に変換します。
BreadcrumbList構造化データページが第2階層または第3階層のサブページ(あるいはストアの商品/カテゴリページ、ブログの投稿/カテゴリページ)である場合:
ホーム > サービス > カット > オンブレ)が自動的に表示されます。テキストとリンクの色は、ブロックの背景色やライト/ダークモードに適応します。モバイルデバイスで項目が3つを超える場合、インターフェースをすっきりさせるために中間の階層はクリック可能な…に折りたたまれます。/about)にはパンくずリストは表示されません。/caseが非表示のディレクトリページである場合、パンくずリストと背景のGoogle BreadcrumbList構造化データの両方からその階層が省略され、404につながるデッドリンクを防ぎます。BreadcrumbList構造化データの両方が無効になります。)/summer-promo)を持つキャンペーンページがあるが、閲覧時にはホーム > サービス > サマープロモーションと表示させたい場合は、ページのSEOパネルを開きます。下部の「詳細設定」セクションで、「パンくずリストの親」の下にある「サービス」を選択します。これにより、実際のページURLは変更せずに、パンくずリストと構造化データのみが変更されます。/sitemap.xml)/sitemap.xmlを生成する際、システムはサイトツリーに従ってページを自動的に並べ替え、深さに応じて検索優先度(ホームページ:1.0、第1階層:0.9、第2階層:0.8、第3階層:0.7)を割り当て、検索エンジンがサイト構造をより効果的に理解できるようにします。
自動的には変更されません。メインメニューに表示するページとランディングページとして使用するページを完全に制御できるように、ページ階層とヘッダーナビゲーションは個別に管理されています。ページのサブページを作成したら、エディタでヘッダーをクリックし、親ページを指すナビゲーションアイテムを開き、「N個のサブページをドロップダウンとして追加」ボタンをクリックするだけで、公開されているサブページをワンクリックでドロップダウンメニューに変換できます!詳細はヘッダーとフッターをご覧ください。
確認ウィンドウが表示され、処理方法を選択できるため、誤って削除することはありません:
ホームページはサイトのルート(/)として固定されています。ストアとブログは専用のシステムルーティングによって管理されており、6つの法的ページとリンクインバイオツールは標準の固定パスを使用しているため、これらのページは第1階層にロックされています。同様に、標準ページをホームページとして設定したい場合は、先にそのサブページを外に出し、第1階層にあることを確認してください。