ホームページに必要な機能と選び方

機能一覧を見る前に、ホームページの主要な目的を決めます。

目的	必要になりやすい機能
会社・事業の信頼を伝える	ページ、メニュー、会社情報、スマホ、SSL、SEO
問い合わせを増やす	フォーム、電話・メール、計測、FAQ
店舗へ来店してもらう	地図、営業時間、電話、予約、休業情報
商品を販売する	商品、カート、決済、在庫、注文、法定表示
サービス予約を受ける	空き枠、スタッフ、通知、変更・キャンセル
情報を継続発信する	CMS、カテゴリ、検索、予約公開、権限
会員向けに提供する	登録、ログイン、権限、個人情報、退会
採用する	募集情報、応募、担当通知、個人情報管理

次に、公開後の運用を決めます。

• 誰が内容を更新するか
• 何を、何件、どの頻度で追加するか
• 申込・予約・注文を誰が処理するか
• 個人情報をどこに保存するか
• 障害や迷惑送信に誰が対応するか
• 月額・手数料を誰が管理するか
• 将来サービスを変更できるか

「予約機能が欲しい」という要望も、単に予約フォームを受け取るのか、スタッフ別の空き枠、事前決済、リマインド、キャンセルまで管理するのかで構成が変わります。

要件のまとめ方はホームページの目的・企画・要件定義で扱います。

ナビゲーション・サイト内導線

利用者が必要なページへ移動するための仕組みです。

• グローバルメニュー
• スマートフォン用メニュー
• パンくず
• 本文中の内部リンク
• 関連ページ
• フッターメニュー
• ページ内目次・アンカー
• ロゴからトップへ戻るリンク

メニューへすべてのページを並べる必要はありません。主要なカテゴリを5〜7項目程度に整理し、詳細は一覧・本文・フッターから案内します。

リンクの文字は「詳しくはこちら」だけでなく、「料金・プランを見る」など移動先を推測できる表現にします。リンク切れと孤立ページを定期的に確認します。

問い合わせフォーム

フォームは、利用者が必要事項を入力して送信する機能です。HTMLで入力欄を表示するだけでなく、送信、通知、保存、迷惑送信対策が必要です。

基本項目の例は次のとおりです。

• 氏名または会社名
• 返信先メールアドレス
• 電話番号（必要な場合）
• 問い合わせ種類
• 問い合わせ内容
• 個人情報の取扱いへの同意

入力項目を増やすほど、回答は詳しくなりますが離脱も増える可能性があります。初回連絡に本当に必要な項目へ絞ります。

確認する点は次のとおりです。

• 必須・任意が分かる
• 入力欄に明確なラベルがある
• エラーの場所と直し方が分かる
• 送信前の確認方法
• 送信後の完了表示
• 管理者通知と自動返信
• 返信先アドレスの誤入力対策
• 迷惑送信・大量送信対策
• 添付ファイルの形式・容量・安全性
• 回答の保存先、閲覧者、削除期間
• 送信テストと障害時の代替連絡

W3CのWCAG理解文書でも、入力を求めるフォームには、期待される内容が分かるラベルや説明を提供する考え方が示されています。

設置方法、確認・完了画面、自動返信、迷惑送信対策、個人情報、安全性までの詳細は、ホームページに問い合わせフォームを作成する方法で解説しています。

お知らせ

営業時間変更、休業、イベント、採用などを掲載します。更新日と内容が分かり、終了した情報を整理できることが重要です。

お知らせ機能を導入する前に確認します。

• 実際に月何回更新するか
• 誰が書き、誰が確認するか
• 公開・終了日を管理できるか
• カテゴリが必要か
• トップページに何件表示するか
• 古い情報を削除・アーカイブするか
• 緊急情報を固定表示するか

更新予定がないのに空のお知らせ欄を作ると、放置された印象になります。必要な連絡だけ固定ページへ掲載する方法もあります。

予約

予約機能は、利用者が日時・サービスなどを選び、管理者が受付・変更する仕組みです。

確認する項目は次のとおりです。

• 営業時間、定休日、臨時休業
• サービスごとの所要時間・料金
• スタッフ・設備・店舗ごとの空き枠
• 予約可能期間と締切
• 同時予約・重複防止
• 確認・リマインド通知
• 変更・キャンセル・無断キャンセル
• 事前決済・現地決済
• 顧客情報・予約履歴
• 外部カレンダー連携
• 管理者の代理登録

単純な希望日時フォームなら低コストですが、リアルタイム在庫と自動確定が必要なら専用サービスやシステムが必要です。予約システム付きホームページで詳しく扱います。

すべての機能をホームページ内で独自開発する必要はありません。外部サービスへリンク、埋め込み、API連携する方法があります。

方法	特徴	確認事項
外部リンク	専用サービスへ移動	見た目、ドメイン変更、計測
埋め込み	サイト内に画面を表示	スマホ、速度、Cookie、表示障害
プラグイン・アプリ	CMS・作成ツールへ追加	更新、互換性、権限、料金
API連携	データを相互利用	開発、認証、上限、障害、保守

外部サービスを選ぶ際は、次を確認します。

• 月額・従量・決済手数料
• 無料期間終了後の料金
• データの所有・出力・削除
• 管理者権限と多要素認証
• 個人情報・決済情報の取扱い
• 障害・メンテナンス時の代替方法
• URL・仕様変更への対応
• 解約時に残るページ・データ

機能には初期実装費だけでなく、継続費と保守が発生します。

• 月額・年額利用料
• 件数・利用者・容量による追加料金
• 決済・取引手数料
• 初期設定・データ移行
• システム更新・互換性確認
• バックアップ・監視
• 障害調査・復旧
• セキュリティ対策
• 操作マニュアル・担当者教育
• サービス変更時の再構築

不要な機能を増やすと、画面が複雑になり、攻撃対象、更新作業、問い合わせ対応も増えます。導入前に、標準機能、外部サービス、独自開発の三つを比較します。

機能ごとに次を記入します。

• □ この機能で解決する課題が明確
• □ 利用する対象者と利用場面が分かる
• □ 月・年の想定利用件数がある
• □ 標準機能・外部サービス・独自開発を比較した
• □ パソコンとスマートフォンで使える
• □ アクセシビリティを確認できる
• □ 初期費用、月額、従量料金を計算した
• □ 管理・更新担当者が決まっている
• □ 個人情報・決済情報の保存先が分かる
• □ 権限、多要素認証、バックアップを確認した
• □ 障害時の代替方法がある
• □ データを出力・移行できる
• □ 解約・サービス終了時の影響を確認した
• □ 今すぐ必須か、将来追加かを決めた

ページ構成と機能を対応させる方法はホームページのサイト構成で整理します。

小規模な会社サイトに最低限必要な機能は何ですか

ページ・メニュー、スマホ対応、SSL、会社情報、問い合わせ方法、基本的なSEO設定、アクセス確認が基本です。お知らせ、予約、ECなどは実際の目的と更新体制に応じて追加します。