BT本店サイトの変更内容(Before / After 比較・PC + スマホ)
← モックアップ一覧へ 実サイトTOP ↗

BT本店サイト 変更内容

既存のヘッダー / ナビ / フッターの該当箇所を再現し、変更前後を PC表示スマホ表示 の両方で並べて表示しています。緑のハイライト箇所が今回追加される要素です。

1ヘッダー: 現在地表示の追加

BTのロゴ画像にはすでに「崇寿 / TakaHisa / Japanese Omakase Restaurant」が組み込まれているため、ロゴ周辺に文字を追加すると埋もれる。ヘッダー右側に「Bluewaters Branch」チップを追加し、現在地を視認しやすくする。

🖥️PC表示
現状(Before)
w f i
EN RU ZH
現在地を示す表示なし
改修後(After)
w f i
EN RU ZH
Bluewaters Branch
[追加] ヘッダー右端に「Bluewaters Branch」チップ
📱スマホ表示
現状
崇寿
TakaHisa
ロゴとハンバーガーのみ
改修後
崇寿
TakaHisa
Bluewaters
[追加] ハンバーガーの左に「Bluewaters」チップ(コンパクト版)

2ナビゲーション: 「Locations」追加

PCではグローバルナビ8項目の Reservations 直前に追加。スマホではハンバーガーメニューを開いた中に追加。

🖥️PC表示
改修後(After)
[追加] Locations(Reservations の直前、9項目目)
📱スマホ表示(ハンバーガー展開時)
現状 / メニュー展開
8項目
改修後 / メニュー展開
[追加] Locations(Reservationsの直前)/ ヘッダーチップもメニュー内で表示

3フッター: 姉妹店ブロック追加

フッター末尾のコピーライト直前に「Sister Restaurant」ブロックを挿入。DT姉妹店サイトへの外部リンク(別タブ)。3言語ファイルすべてに同様に適用。

🖥️PC表示
現状(Before)
コピーライトのみ
改修後(After)
[追加] Sister Restaurant ブロック(コピーライト直前)
📱スマホ表示
現状
コピーライトのみ
改修後
[追加] Sister Restaurant ブロック / PCと同じ構成、縦幅コンパクト

+画面に出ない変更(<head>・SEO関連)

ユーザーの目には触れない部分の改修。検索エンジン向け。

1. 構造化データの新規追加: 現状 BTサイトに JSON-LD は存在しない。Schema.org Restaurant 型を新規追加し、sameAs プロパティに DT本店URL(https://downtown.takahisa.ae/)を含める。

2. hreflang の追加: 既存 <link rel="canonical"> に加え、3言語ページ間で <link rel="alternate" hreflang> を相互設定。

3. sitemap.xml の更新: 新規 Locationsページ(3言語分)を追加。
BT側変更まとめ: ヘッダー右にチップ / ナビに Locations / フッターに姉妹店ブロック / SEO関連3点。実装工数は 約 3〜3.5人日bt-scope.md 参照)。