【実例】小規模ホテルのサイトを、Studio×多言語×宿泊予約×Cookie同意で作ってみた（無料ツール中心）

インバウンド向けの小規模な宿のWebサイト----「多言語対応したい」「サイトから直接予約を取りたい」「海外からのアクセスにCookie同意はどこまで必要？」。よく相談を受けるテーマを、ノーコード＋無料ツール中心でどこまで実現できるか、実際にサンプルサイトを作って検証しました。

作ったのはこちらです（架空のホテルのサンプル）。

IT＋HOTEL｜明治神宮前 — https://sample-hotel.itplus.co.jp

使ったもの（すべて既製・無料中心）

ポイントは、予約までStudioサイトの中で完結すること。宿泊予約（CHILLNN）を埋め込めるので、「サイトを見る→そのまま予約」が外部サイトに飛ばずに繋がります。

多言語は「固定ページの複製＋手動翻訳」で十分なケースが多い

今回のようにページ数が少なく・更新頻度が低いサイトは、日本語ページを複製して英語ページを作り、翻訳を流し込む「手動の多言語」で十分です（URLは頭に /en を付与）。ページ数が多い・更新が頻繁・言語数が多いサイトになると、翻訳を自動管理するツール（WOVN等）が向いてきます。

あわせて、hreflang（「このページの英語版・日本語版はこれ」と検索エンジンに伝える宣言）を入れておくと、英語で検索した人には英語ページ、日本語で検索した人には日本語ページが正しく表示されやすくなります。今回はページごとに手で書くのではなく、1つのスクリプトで全ページ分を自動生成する形にしました（ページを増やしても追記不要）。

Cookie同意バナー：今回は「英語ページに来たら同意まで計測を止める」簡易版

海外からの流入がある多言語サイトでは、Cookie（アクセス解析など）の同意をどう扱うかが論点になります。今回のサンプルは、無料でできる簡易版として、こう設計しました。

• 日本語ページ：Cookie同意バナーは出さず、「利用者情報の外部送信について」の公表ページで対応（日本の外部送信規律はこれで満たせます）

• 英語ページ：来訪者にCookie同意バナーを表示し、同意（Accept）を押すまでアクセス解析を止める（＝一旦拒否）

つまり「国内客にはバナーで邪魔をせず、海外向けの英語ページだけ同意を取る」という、ページ単位で割り切った実務的な形です。

「どこまでやるか」はサイトのターゲットと規模で変わる

Cookie同意の対応は、唯一の正解があるわけではなく、狙う顧客と企業規模で実務的な選択肢がいくつかあります。

• もっと簡易：バナーは通知のみ（「情報を送信しています」と知らせるだけ）。日本の外部送信規律の最低ラインを、軽く満たす形。

• 今回（中間）：英語ページに来たら全員にバナー＋同意まで計測を止める（無料でも組める）。

• より本格的（地域最適化）：EU圏からのアクセスだけバナー＋同意まで停止し、それ以外の地域はまず計測する----という「地域で出し分け」。国内の計測やUXを守りながらEUにだけ厳格対応する形で、地域判定の機能（有料CMP等）が必要になります。

そもそも、GDPR（EUの規制）が自分のサイトに適用されるかどうかは「EUを狙っているか」で決まります。英語ページがあっても、EU向け言語やユーロ建て決済がなく、特にEU市場を狙っていなければ、適用は薄いと考えられます。だからこそ「どこの客を狙うか」に応じて、対応を過不足なく選ぶのが現実的です。

👉 Cookie同意の考え方・実装の詳しい選び方は、こちらの記事で解説しています。 Studio×多言語×Cookie同意の判断・実装記事へ

これは何のサンプルか（正直に）

このサイトは「こういう見せ方ができます」というサンプル（デモ）です。実在の宿泊予約やデータ収集を目的としたものではなく、厳密なGDPR同意管理（すべての通信を同意まで完全に遮断する処理）まではしていません。あくまで「小規模なら、無料ツール中心でここまで作れる」を示すための実例としてご覧ください。

まとめ

• Studio純正の無料テンプレ＋CHILLNN（予約）＋CookieYes（同意）＋手動の多言語で、インバウンド向け小規模ホテルのサイトは無料ツール中心で作れる

• 予約までサイト内で完結、多言語・hreflang・アクセス解析・独自ドメインまで込み

• Cookie同意は「狙う顧客と規模」に応じて、簡易〜本格まで選べる。過剰でも過小でもない対応を

「多言語にしたい」「サイトから予約を取りたい」「Cookie同意はどうすれば」----このあたりをまとめて相談したい方は、お気軽にどうぞ。

（本記事のサンプルは、IT+が制作の実例として公開しているものです）