美容院・理容院のサイトで来店につながるのは、「どんな仕上がりになるか」「誰に担当してもらえるか」「いくらかかって、どう予約するか」がすぐにわかることです。この記事では、WordPressでスタイル写真・スタイリスト紹介・料金表・予約導線を整え、予約サイトと二重予約を起こさずに運用する方法を、つまずきやすい点と合わせて解説します。
サロンサイトのページ構成
サロンを探す人は、予約サイトやSNSで候補を見つけたあと、公式サイトで雰囲気や料金、スタッフを確かめることが多いです。公式サイトには次のページを用意します。
- トップ: 店内写真、得意なスタイルやメニューの特徴、予約ボタン
- メニュー・料金: カット、カラー、パーマ、トリートメント、ヘッドスパ、シェービング（理容院）など
- スタイリスト紹介: 一人ずつの得意分野、経歴、担当できるメニュー、指名料の有無
- スタイルギャラリー: 長さや雰囲気で探せる写真一覧
- 店舗情報: 営業時間、定休日、アクセス、駐車場、キッズスペースや個室の有無
- 採用情報: 美容師・理容師・アシスタントの募集（求人目的でサイトを見る人も多い）
理容院では、シェービングや顔そりの有無、メンズ向けのメニューの違いなど、美容院と分けて伝えたい点があります。両方を兼ねる店は、メニューページで対象と内容を整理しておくと迷われません。
テーマとデザインの考え方
ヘアスタイルの写真が主役なので、写真を大きく見せられ、余白の多いデザインが向いています。ブロックテーマ（Twenty Twenty-Five など）ならサイトエディターで配色とフォントをまとめて設定でき、Kadence や Blocksy などの汎用テーマでも作れます。汎用テーマの無料版でできることや設定画面の表記はバージョンで変わるため、導入前に公式の機能一覧で確認してください（2026年10月現在）。
カスタマイズのためにテーマのファイルを編集する場合は、子テーマを作ってから行います。親テーマを直接書き換えると、更新で変更が消えるためです。
予約の仕組みを決める
サロンサイトで最も慎重に決めたいのが予約の受け方です。主な選択肢は3つあります。
- 予約サイトのページへリンクする: ホットペッパービューティーなどの予約サイトを使っている場合、そのサロンページへのボタンを置く方法です。予約台帳が1つにまとまるので、二重予約が起きにくくなります。
- 予約プラグインで自社サイトに予約機能を持つ: Amelia、Bookly、BookingPress、Simply Schedule Appointments など、サービス・スタッフ・時間枠で予約を受けられるプラグインがあります。無料版と有料版で使える機能（スタッフ数、決済、通知の種類など）が異なり、その分け方は変わることがあるため、公式サイトで確認してから選びます。
- 電話・LINEなどで受ける: 小規模なサロンでは、サイトには電話番号と受付時間だけを載せる形も十分に成り立ちます。
予約サイトと自社サイトの予約プラグインを併用すると、同じ時間に別々の予約が入る二重予約が起きやすくなります。併用する場合は、予約台帳を1か所にまとめられるか（カレンダー連携など）を先に確認し、できないなら受け付け口を絞るほうが安全です。
予約プラグインを使う場合は、テスト用の予約を入れて、確認メールの内容、キャンセル時の流れ、スタッフへの通知がすべて想定どおりかを確かめてから公開します。事前決済を受ける場合は、決済サービスのドキュメントに従い、テストモードで決済とキャンセル・返金の流れを試します。予約で集める氏名・電話番号・メールアドレスは個人情報なので、プライバシーポリシーに利用目的と管理方法を書いておきます。
メニューと料金表の書き方
料金表は、来店前の不安を減らす大事なページです。次の点を押さえると問い合わせや当日のトラブルが減ります。
- 価格は税込の総額で表示する
- 髪の長さや毛量で料金が変わる場合は、その条件を書く（「ロングは＋〇〇円」のように）
- カットとカラーのセットなど、組み合わせの料金と所要時間の目安を書く
- 指名料、学生割引、初回限定などの条件をはっきり書く
- 料金表は画像だけにせず、テキストで載せる
価格改定のときに直し漏れが出やすいのは、料金がトップページ・メニューページ・スタイリスト紹介など複数の場所に書かれているケースです。料金はメニューページの1か所にまとめ、ほかのページからはリンクで案内すると、改定時に直す場所が少なくなります。
スタイリスト紹介とスタイルギャラリー
指名で選ばれるサロンでは、スタイリストのページが予約の決め手になります。顔写真、得意なスタイル、経歴、担当したスタイル写真を一人ずつまとめ、スタイリストのページから予約ページへ直接進めるようにします。スタッフの入れ替わりがあるサロンでは、スタイリストを投稿やカスタム投稿タイプで管理しておくと、退職時に非公開にするだけで済みます。スタッフの写真や氏名を載せる際は本人の同意を取り、退職後の扱い（いつ削除するか）も決めておきます。
スタイルギャラリーは「ショート」「ボブ」「ミディアム」「ロング」「メンズ」のように、探す人が使う言葉でカテゴリーを分けます。モデルや来店客の写真を使う場合は、掲載の同意を書面などで残しておきます。写真はアップロード前に縮小し、代替テキストにはスタイルの特徴（「くびれのあるミディアムレイヤー、アッシュベージュ」など）を書きます。
口コミの扱いと表示の注意
口コミや「お客様の声」を載せる場合は、実際の感想を本人の了承を得て載せます。2023年10月から、事業者が関与した広告であることを隠す表示（いわゆるステルスマーケティング）は景品表示法の規制対象になっています。割引などの見返りと引き換えに書いてもらった口コミを載せる場合の扱いを含め、消費者庁の公表している資料で確認しておくと安心です。
公開前の確認
スマートフォンで、トップから予約まで何タップで進めるか、料金表が横にはみ出さずに読めるか、スタイリストのページから予約ページへ進めるかを試します。写真の多いギャラリーは PageSpeed Insights で表示速度を確認し、重い場合は画像サイズを見直します。営業時間や定休日は、自社サイト・予約サイト・Googleビジネスプロフィールで同じ内容になっているかを確かめます。
まとめ
- サロンサイトは、仕上がり・担当者・料金・予約方法がすぐわかる構成にする
- 予約は予約サイト・予約プラグイン・電話から選び、併用するなら二重予約を防ぐ仕組みを先に確認する
- 料金は税込の総額で、条件と所要時間を添えてメニューページ1か所にまとめる
- スタッフやモデルの写真は掲載の同意を取り、退職後の扱いも決めておく
- 口コミはステルスマーケティングの規制を踏まえ、実際の声を了承を得て載せる