AIで会社ホームページを改修した記録|相談導線と問い合わせフォームを見直す

AIで会社サイトを整える。相談につながる導線づくりを表す説明用イラスト

こんにちは、こめすけです。会社員を続けながら法人を運営し、AIを開発やWebサイトの改善にも使っています。

今回、会社ホームページをAIと見直しました。対象はトップページ、サービス紹介、会社概要、問い合わせページとフォームです。

この記事で紹介するのは、実際に整備したページと導線の考え方です。「AIで何時間削減できた」「問い合わせが何件増えた」という効果は、まだ実測結果として出せません。会社名や顧客情報も公開せず、少人数で自社サイトを直すときの確認項目としてまとめます。

デザインだけでなく、相談までの流れを見直した

今回の改修では、サービスの説明、提供範囲、成果物、料金の考え方、よくある質問と、相談先への導線を整理しました。

会社サイトに必要なのは、AIを使っていることのアピールだけではありません。読んだ人が「自分の困りごとを相談してよいか」「相談すると何が進むのか」を判断できることです。

僕の法人サイトでも、トップ、サービス、会社概要、問い合わせの役割を分けて見直しました。読者にすべてのページを回ってもらう前提にせず、サービスページから相談へ進めるようにしています。

ページ読者が判断したいこと改修時に確認した観点
トップ何を相談できる会社か対象業務と相談先が伝わるか
サービス自分の課題に対応できるか範囲・成果物・料金の考え方が分かるか
会社概要誰が対応するのか掲載情報に根拠があり、過剰な実績表示がないか
問い合わせ何を書けばよいか相談種別と困りごとを入力できるか

表は今回の改修を整理した説明用で、他社のサイトをそのまままねた設計ではありません。

AIに文章を作らせる前に、提供範囲を確かめる

AIは、サービスの説明文を自然な文章にすることができます。ただし、自然な文章と、実際に提供できる内容は同じではありません。

「何でも自動化します」「すぐに成果が出ます」のような表現は、読みやすくても、依頼を受ける側の責任が曖昧です。今回の改修では、支援する業務、納品するもの、対象外の作業、相談して決める範囲を分けて整理しました。

読者が自社サイトを直す場合も、次の情報を先に用意すると、生成された文章を確認しやすくなります。

  • 対応できる業務と、対応できない業務。
  • 相談時に確認が必要なデータ・環境・制約。
  • 納品物と、納品後に含まれる対応。
  • 料金を変える条件や、別見積もりになる作業。
  • 公開許可のある実績・資料と、公開できない情報。

これは、すべてを固定料金で約束するためのリストではありません。相談して決める部分を、相談前から分かるようにするためのリストです。

問い合わせフォームに「相談種別」と「困りごと」を追加した

フォームも見直し、相談種別、会社・連絡先、困りごと、同意確認などを整理しました。役職や希望時期などは任意で入力できる構成にしています。

自由記入欄だけだと、どのくらい具体的に書けばよいのか迷う人もいます。一方で、初回相談から詳しい資料や予算の確約まで求めると、まだ整理できていない相談を送れなくなります。

そこで、相談の入口で必要な情報と、後から確認できる情報を分けることを意識しました。

たとえば「営業資料を作りたい」だけでなく、「誰に説明する資料か」「いま何が手作業になっているか」が分かると、相談内容の確認に使えます。ただし、初回フォームで顧客名簿や機密資料まで集める必要はありません。

フォームには、まだ書けない情報を無理に入力させないことと、送信後に誰が確認するかを運営側で決めておくことも必要です。項目を増やせば、そのまま相談の質が上がるとまでは言えません。

会社の実績を、AIに作らせない

会社サイトをAIで改修するとき、注意したいのが実績や成果の説明です。提供予定のサービスを、すでに多数の顧客へ納品したように書くことはできません。

今回の作業でも、許可のない顧客名や顔写真、裏付けのない成果を掲載しない方針で進めました。

仮の説明図を載せるなら、説明用であることを明示します。サンプルの画面と、顧客が実際に利用している画面も区別します。見栄えを整えることより、何を実施済みとして示せるかを確かめる方が重要です。

このブログのアイキャッチも説明用イラストです。実際の会社の管理画面や顧客案件を再現した画像ではありません。

資料請求の入口も整備した。ただし、設置と成果は別

今回の法人サイトでは、サービス紹介だけでなく、資料を受け取れるページとフォームも整備しました。資料を確認したうえで相談したい人の入口を用意するためです。

また、導線のクリックやフォームの利用を確認するための計測も設定しました。ただし、計測設定を入れたことだけで、問い合わせが増えたとは言えません。

今後確認すべきなのは、記事やサービスページを見た人が、どの入口へ進み、どこで止まったかです。資料請求と問い合わせを同じ成果として数えず、目的に応じて分けて見る必要があります。

公開前は、フォームまで通して確認する

文章を入れて保存しただけでは、改修は完了しません。僕が今回の作業を振り返って、少なくとも確認しておきたいと考える項目は次のとおりです。

  1. スマートフォンでもサービス内容と相談ボタンが読めるか。
  2. ボタンのリンク先が、意図したページになっているか。
  3. フォームの必須・任意項目が、表示と一致しているか。
  4. 送信後の案内や通知先が正しいか。
  5. 顧客情報、下書きのメモ、仮の実績が公開画面に残っていないか。
  6. 変更前の内容と、変更した理由を戻せる形で残しているか。

これらは公開時に使えるチェックリストです。すべての項目について長期運用の効果を検証済みという意味ではありません。

最初の一歩は、サービスページから相談まで一度たどること

これから自社サイトを直すなら、いきなり全ページを生成し直すより、主力サービスを一つ選び、そのページから問い合わせまでの流れを確認してみてください。

「何が頼めるか」「何が届くか」「どこまで含むか」「何を書いて相談するか」。この四つが読めるかを先に見直すと、AIに依頼する修正内容も具体的になります。

僕がブログ運営で実際にAIへ任せた作業は、AIを使ったブログ運営の実録にまとめています。送信や公開の判断を分ける考え方は、AIの下書きと人の承認もあわせてご覧ください。

※本記事は実際の改修記録をもとに、AIで構成を補助して編集しました。問い合わせ増、制作時間、費用の削減を保証するものではありません。

資料請求ページの4項目、送信完了メッセージからPDFを渡す設定、公開テストは、小規模法人の資料請求ページを作った記録にまとめています。