TERASU

WEB制作マニュアル

目的 良いHP 目的別 構成 デザイン コピー 導線 フォーム SEO TD MEO 品質 保守運用 AI設計 LLMO 診断 提案 業種別 NG 用語集

制作の品質基準(プロの裏側)

HPの成果は"見た目"だけでは決まりません。公開後に安定して問い合わせを生むには、裏側の作り込み(セキュリティ・表示速度・解析・テスト)が必須。FSがこれを知っていると、"ちゃんとした制作会社か"を見抜く質問ができ、TERASUの品質も説明できます。

成果は"見えない品質"で決まる

デザインが同じでも、裏側の品質で成果は大きく変わる。フォームがちゃんと届くか・スパムに埋もれないか・表示が速いか・離脱を計測できているか——これらは画面に出ないが、問い合わせ数に直結する。安い制作会社ほど、この"見えない部分"を省きがち。

① 環境構築(テスト環境)

本番にいきなり反映せず、検証用(テスト)環境で確認してから公開するのが基本。検証用と本番で、サーバー・プログラム・メール送信の設定が揃っていないと「テストでは動いたのに本番でフォームが届かない」事故が起きる。

FSが使える一言「テスト環境で確認してから公開しますか?」——意外とサボる業者がいるポイント。TERASUは公開前に必ず確認します。

② フォーム実装の必須要件

フォームは"置けば動く"ものではない。下記が抜けると問い合わせが届かない・スパムだらけ・離脱される

  • 入力チェック(バリデーション):電話・メール・住所の形式を判定。郵便番号→住所の自動入力
  • スパム対策:reCAPTCHA・honeypot(ボット除け)・同一IPの連投ブロック・CSRF対策
  • エラーの出し方:間違いを赤字で具体的に(「ハイフンを除いて」)、該当箇所へ自動スクロール
  • 送信後の体験:サンクスページ/完了メッセージ。管理者・送信者の双方に通知が届くか
  • 異常系テスト:わざと失敗させても落ちないか。データがちゃんと保存されるか

③ セキュリティ(特にWordPress等のCMS)

更新できるCMSは便利な反面、対策を怠ると乗っ取り・改ざんのリスク。管理画面URLの変更・強力なパスワード・常時SSL・本体/プラグインの最新化・バージョン情報の非表示などが基本。

TERASUの強みTERASUは静的サイト+修正無制限の運用代行。CMSのようなプラグイン脆弱性・管理画面侵入のリスクが構造的に小さく、更新も丸ごとお任せできる。

④ 解析設定(計測できないと改善できない)

「どこから来て・どこで離脱し・何件問い合わせが出たか」を計測していないと、改善のしようがない。GA4・GTM・Search Consoleを入れ、フォーム送信完了・電話タップ・LINEタップを"成果(キーイベント)"として計測対象にする。

見抜きポイント「フォーム送信や電話タップを計測する設定はしてくれますか?」——計測の話が出てこない業者は"作って終わり"。成果を出す気があるかが分かる。

⑤ 監視設定(サイトが落ちたら気づけるか)

公開後にサーバーが落ちる・表示できなくなることはある。死活監視・外形監視(URLが正常に開くか定期チェック)を入れておけば、異常時にすぐ気づける。

プロの本音制作の専門家いわく「死活監視に言及しない業者には発注しなくていいとすら思う。運用視点が欠けている証拠」。FSの強力な差別化トークになる。

⑥ テスト(公開前の総点検)

表示テスト(UI)

PCで崩れていなくてもスマホで崩れることは多い。複数の画面幅(例 360px)でも確認。

動作テスト(UX)

全ページ・全ボタンのリンク切れとフォーム挙動を確認。制作に関わっていない第三者の目を必ず入れる。

中身テスト

誤字脱字・画像の間違いは信頼を直接下げる。全文・全画像を見直す。

リダイレクト確認(リニューアル時)

旧URLを新URLへ正しく転送しないとアクセスが激減。リニューアルでは最重要の確認。

FSの"見抜き質問"まとめ① テスト環境で確認しますか? ② フォームのスパム対策・計測はしますか? ③ サイトが落ちたら気づける監視はありますか? ④ (リニューアルなら)リダイレクトは確認しますか?——これに即答できる=運用まで見ている制作会社。TERASUは標準で押さえます。