DT姉妹店サイト 変更内容
ヘッダー / ナビ(ハンバーガー開時)/ フッターの該当箇所を再現し、変更前後を PC表示 と スマホ表示 の両方で並べて表示しています。緑のハイライト箇所が今回追加される要素です。
1ヘッダー: 現在地表示の追加
既存のロゴ(テキスト「TakaHisa Downtown」)はそのまま、ヘッダー右側に「Business Bay」チップを追加して現在地を明示。BT側と統一したチップ形式。
🖥️PC表示
改修後(After)
[追加] ヘッダー右に「Business Bay」チップ。言語切替の左側に配置
📱スマホ表示
現状
ロゴとハンバーガーのみ(SNS / 言語切替はハンバーガー内)
改修後
[追加] ハンバーガーの左にチップ(コンパクト版)
2ナビゲーション: 「Locations」追加
DTのナビはPC・スマホともハンバーガーボタンをタップすると全画面オーバーレイで表示される(同じUI)。このオーバーレイ内のリンク末尾近くに「Locations」を追加。
🖥️PC表示(ハンバーガー展開時)
改修後(After)
[追加] Locations(Shop Information の直前、7項目目)
📱スマホ表示(ハンバーガー展開時)
改修後 / メニュー展開
[追加] Locations(Shop Information の直前)
3フッター: 姉妹店ブロック追加
フッターの SNSアイコンと コピーライト の間に「Sister Restaurant」ブロックを挿入。BT本店サイトへの外部リンク(別タブ)。
🖥️PC表示
現状(Before)
メール / SNS / コピーライト
改修後(After)
[追加] Sister Restaurant ブロック(SNS と コピーライト の間)
📱スマホ表示
改修後
[追加] Sister Restaurant ブロック
+画面に出ない変更(構造化データ・SEO)
ユーザーの目には触れない部分の改修。検索エンジン向け。
1. 構造化データの拡張: 既存の app/layout.tsx の Schema.org Restaurant 構造化データの sameAs 配列に BT本店URL(https://takahisa.ae/)を追加。
2. ロケールスキーマの追加: app/locales/en.schema.json に locations セクションを新規追加(Locationsページの文言キー)。
3. Locationsページ用構造化データ: app/locations/layout.tsx に @graph で2店舗の Restaurant エンティティを記述。
DT側変更まとめ: ヘッダー右にチップ / ハンバーガー内ナビに Locations / フッターに姉妹店ブロック / SEO関連3点。実装工数は
約 2.5〜3.5人日(
dt-scope.md 参照)。