Shopifyのヘッダーは、ロゴと主要メニューから商品や案内ページへ進む入口です。メニューの内容とテーマ上の表示設定を分けて編集し、スマートフォンの開閉やリンク先まで確認しましょう。
ヘッダーに置く情報を絞る
商品カテゴリ、ストアの特徴、問い合わせなど、訪問者が最初に探す情報を整理します。すべてのページを並べるのではなく、配送や返品の詳細はフッターなどへ分けます。ロゴの左右・中央配置だけで購入率を判断せず、メニュー名の分かりやすさと主要商品の探しやすさを確認します。
メニューはコンテンツから作成する
管理画面の「コンテンツ」から「メニュー」を開き、編集するメニューを選びます。名前を入力して商品・コレクション・ページなどのリンク先を選び、保存します。手入力URLが必要な場合も、誤ったドメインや非公開ページでないかを確認します。階層を作る場合は、親子の関係が理解できる名称にします。
テーマで表示するメニューを指定する
オンラインストアから対象テーマを編集し、ヘッダーの設定で使用するメニューを選びます。ロゴ画像はテーマ設定のロゴ項目など、利用テーマが指定する場所で設定します。ロゴ幅、固定表示、メニュー形式などの利用可否はテーマと版で異なるため、画面にない機能を標準機能として前提にしません。
ロゴと各リンクの動作を確認する
ロゴが背景に埋もれないか、長い店名やメニューが重ならないかを確認します。メニューをクリックし、想定した商品一覧や案内ページへ移動するかを確かめます。検索・アカウント・カートのアイコンも、使える状態にあるかを見ます。ロゴの配置変更だけで導線が整ったとは判断しません。
スマートフォンとキーボードで操作する
狭い画面ではメニューの開閉、下層項目、閉じる操作を試します。マウスを重ねるだけでしか使えない状態を避け、タッチ操作とキーボードでも目的のリンクへ進めるかを確認します。共通ヘッダーの変更は他のページにも影響するため、商品詳細やコレクションでも表示を確認します。
導入前の確認事項
- メニュー名から移動先が分かる
- テーマに正しいメニューを指定した
- ロゴとメニューのリンクを実際に開いた
- モバイル・キーボード操作と複数ページを確認した
公式資料・関連記事
関連記事：Shopifyフッターのメニューとポリシー設定、Shopifyのファビコン設定と表示確認。
運用設計や確認項目の整理は、現在の業務と対象URLを添えて株式会社AOへご相談ください。
公式資料の確認日：2026年11月2日。記入例や手順は編集上の提案で、導入成果を保証するものではありません。
コメント