# 公開サイトのイメージを考える

- カテゴリ: サイトの見せ方を整える
- 正規 URL: https://spekan.jp/manual/articles/02-01
- 最終更新日: 2026-10-07

Spekan では、お客様は施設ごとの公開サイトで施設の情報を見て、予約します。このガイドでは、公開サイトをどう整えるか、公開の考え方とブランディングの方針を整理します。

## 公開サイトとは
公開サイトは、お客様が施設を見て予約するためのページです。ロゴ・色・背景画像・タグライン（キャッチコピー）などを設定して、施設の見せ方を変えられます。設定はすべて、画面右上の歯車アイコン（各種設定）›「サイト設定」で行います。

「サイト設定」の画面には、次の3つのタブがあります。

| タブ | 設定すること | 記事 |
|---|---|---|
| 外観 | サイトの公開／非公開、チャットボタン、色・ロゴ・背景画像・タグライン・ファビコン | [公開サイトのデザインを設定する](https://spekan.jp/manual/articles/02-02) |
| Q&A | 公開サイトの「よくある質問」 | [公開サイトの Q&A を編集する](https://spekan.jp/manual/articles/02-05) |
| 決済方法 | お客様が使える支払い方法（請求書・クレジットカード） | [利用可能な決済方法を設定する](https://spekan.jp/manual/articles/02-03) |

## 公開する前に確認すること
施設を追加した直後は、公開サイトは**非公開**です。非公開のあいだにお客様が公開サイトの URL を開くと、「施設が見つかりませんでした」と表示されます。設定がひととおり終わってから「サイト公開」をオンにするのがおすすめです。

「サイト公開」は、オンにして保存するとすぐに公開されます。公開する前に、次がそろっているか確認してください。

**予約を受け付けるために必要なもの**（メニューを公開するための条件です）
- スペース・メニューが登録され、メニューが公開されている
- 営業時間・料金が設定されている
- 利用規約の本文が登録されている（[利用規約を編集する](https://spekan.jp/manual/articles/01-16)）

**お客様に見せておきたいもの**（無くても公開はできますが、登録していないとリンクが表示されません）
- 施設ルール（[施設ルールを編集する](https://spekan.jp/manual/articles/01-19)）
- プライバシーポリシー
- 特定商取引法に基づく表記（登録するだけでなく「公開する」にしたときにリンクが表示されます）
- Q&A（[公開サイトの Q&A を編集する](https://spekan.jp/manual/articles/02-05)）

## 公開サイトの見え方を確認する
「サイト公開」をオンにすると、サイドバー「施設管理」›「施設詳細」の「予約フロントページへ」から公開サイトを開けます。「サイト公開」がオフのあいだはボタンが押せず、「サイト公開が OFF になっているため、まずはサイト設定ページからサイト公開を行なってください」と表示されます。

「予約フロントページへ」で開いた新しいタブは、**お客様と同じ未ログイン状態**で開きます。初めて訪れたお客様と同じ見え方を確認できます。

そのタブで顧客アカウントにログインすれば、以後は通常どおりログイン状態で操作できます。

## ブランディングの方針
公開サイトの見た目は、次の要素で決まります。施設のイメージに合わせて統一感を持たせると、信頼感や予約のしやすさにつながります。

- **メインカラー**: ボタンやリンクなどに使われる、サイトの基調色です。施設のロゴやブランドカラーに合わせます。設定しないときは、Spekan の標準の色になります。
- **ロゴ**: 「通常」と「白抜き」の2種類を用意します。どちらを使うかは、表示する場所ごとにシステムが自動で決めます。
  - 背景画像の上（トップページ、予約画面・ウォークインの受付画面の画像部分）には「白抜き」のロゴ
  - 白い背景の部分（ログイン・会員登録の画面、ログイン後のページのヘッダーなど）には「通常」のロゴ
  - ロゴを設定しないときは、Spekan のロゴが表示されます
- **背景画像**: 横長の画面用（横長背景画像）と縦長の画面用（縦長背景画像）をそれぞれ設定できます。トップページ・ログイン・会員登録などの画面の背景に使われます。
- **タグライン**: 施設の魅力を一言で伝えるキャッチコピーです（100文字まで）。トップページの見出しに大きく表示され、検索結果や SNS などでリンクを共有したときに出る説明文にも使われます（サイトを公開しているときだけ）。
- **ファビコン**: ブラウザのタブに表示される小さなアイコンです。設定しないときは、Spekan のマークになります。
- **SNS共有画像（OGP）**: SNS やチャットでリンクを共有したときに表示される画像です（サイトを公開しているときだけ）。設定しないときは、Spekan の標準の共有画像になります。

具体的な設定手順は [公開サイトのデザインを設定する](https://spekan.jp/manual/articles/02-02) を参照してください。

## お客様との連絡手段
- **チャットボタン**: 公開サイトに、お客様が施設に問い合わせできるチャットボタンを表示できます。表示・非表示は「外観」タブで切り替えます。チャットボタンが表示されるのは、**ログインしているお客様だけ**です。
- **AI アシスタント**: AI接客を連携すると、公開サイトに AI アシスタントが表示され、登録した施設情報をもとにお客様の質問へ自動で回答します。ログインしていないお客様にも表示されます。AI接客を利用している間、チャットボタンはオフになります（[AI接客を連携する](https://spekan.jp/manual/articles/11-13)）。
- **よくある質問**: 「Q&A」タブで登録した質問と回答が、公開サイトのフッターの「よくある質問」に表示されます。ログインしていないお客様も読めるので、予約前によく聞かれることをまとめておくと、問い合わせを減らせます。

## 次に読む
- [公開サイトのデザインを設定する](https://spekan.jp/manual/articles/02-02)
- [利用可能な決済方法を設定する](https://spekan.jp/manual/articles/02-03)
- [公開サイトの Q&A を編集する](https://spekan.jp/manual/articles/02-05)