BT本店サイトの変更内容(Before / After 比較・PC + スマホ)
← デザイン一覧へ 現行サイトを開く ↗

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と同じ構成、縦幅コンパクト

+画面に出ない変更(検索エンジン対策)

ユーザーの目には触れない部分の変更。両店舗を検索エンジンに正しく認識させるための情報整備を行います。

1. 店舗情報の関連付け: 検索エンジンに、BT本店とDT姉妹店が同じブランドの関連店舗であることを伝える情報を追加。

2. 多言語ページの相互設定: 検索エンジンが各言語ページを正しく認識できるよう、3言語ページ間で相互参照情報を整備。

3. サイトマップの更新: 新規Locationsページ(3言語分)をサイトマップに追加し、検索エンジンに認識させる。
BT本店サイトの変更まとめ: ヘッダー右にチップ表示の追加 / ナビに「Locations」追加 / フッターに姉妹店ブロック追加 / 検索エンジン向け対策3点。