HP制作チーム（SEO・AIO）
ホームページのリニューアルを、8人の担当（エージェント）に分けて進めるチームです。今のサイトの棚卸しから、伝えることの整理、検索とAI検索で見つけてもらう構成、デザイン、写真、更新の仕組み、制作、マーケターの評価まで。人が確かめる所は3回だけです。このサイトも、このチームで作りました。
何ができるか
- できること
- 今のサイトの棚卸しから、構成・デザイン・素材・制作・評価までを、担当を分けて進める
- 入れるもの
- 今のサイトのURL、会社の条件（伝えたいこと・見に来る人・問い合わせの種類）
- 出てくるもの
- サイトの構成・デザインの決まり・写真・動くサイト・評価の表
こんな場面で
- ホームページが古く、問い合わせにつながっていない
- 検索やAI検索で、自社の名前が出てこない
- 記事を増やしていきたいが、更新の仕組みがない
仕組み：だれが、どの順番で、何をするか
AIに任せる所と、人が確かめる所を分けています。
- AI① 今のサイトの棚卸し全ページ・本文・画像・PDFを集める
- AI② 事業の理解とメッセージ何を一番に言うか、見る人と見る順番
- AI③ サイトの構成（SEO・AIO）同業のサイトと検索を調べ、迷わず問い合わせまで進める構成
- 人承認1：メッセージと構成
- AI④⑤⑥ デザイン・写真・更新の仕組み3人が同時に進める
- 人承認2：デザイン案・作る写真・更新の方式
- AI⑦ ページの制作PCとスマホの画面で崩れを確かめる
- AI⑧ マーケターの評価問題・理由・直し案の表で返す
- 人承認3：公開に進むか
役の分担
| 役 | やること |
|---|---|
| ① 棚卸し役 | 今のサイトの全ページ・本文・画像・動画・PDFを、漏れなく集める |
| ② 事業分析役 | 商材・強み・キーワード・見る人と見る順番から、伝えることの優先順位を決める |
| ③ 構成役 | 類似業界のサイト・SEO・AIO（AI検索での引用されやすさ）を調べ、サイトマップと導線を作る |
| ④ デザイン役 | 色・書体・写真の方針・余白・動きを決め、デザインの決まりと部品を作る |
| ⑤ 素材役 | 今の写真を仕分け、足りない写真の撮影リストと生成のプロンプトを作る |
| ⑥ 更新の仕組み役 | お知らせ・事例・記事を社内で更新しやすくする方式を比べる |
| ⑦ 制作役 | ①〜⑥をもとに動くサイトを作り、PCとスマホで崩れを確かめる |
| ⑧ 評価役 | BtoBマーケターと、見に来るお客様の目で点検する |
うまく使うコツ
実際に使ってみて分かったことです。
進行役は中身を作らない
進行役は順番と承認だけを持ち、中身は担当に任せます。だれが何を決めたかが、あとから追えるようになります。
人が確かめるのは3回だけ
「メッセージと構成」「デザインと素材」「公開に進むか」。全部を見ようとすると進みません。直すのが安い所でだけ止めます。
AI検索に引用される書き方
1ページ1テーマ、冒頭で結論、図の中身は文章と表でも書く、更新日と著者を出す。AIが読み取りやすい書き方は、人にも読みやすい書き方です。
評価役は、作った人と別にする
最後の評価は、作った担当とは別の役が、マーケターとお客様の目で見ます。直すのは1回まで、と決めておくと終わりが見えます。
おすすめの道具
| 道具 | 何に使うか | 必要か |
|---|---|---|
| Claude Code | 進行役と8人のエージェントを動かす | 必要 |
| Next.js と Vercel | サイトの制作と公開 | あると良い |
| Higgsfield などの画像生成 | 足りない写真・動画を作る | あると良い |
| impeccable・ui-ux-pro-max（外部のスキル） | 見た目と使いやすさの点検 | あると良い |
使い方
始める前に用意するもの
- 今のサイトのURL
- 伝えたいこと・見に来てほしい人・問い合わせの種類
- ロゴと写真
- 公開の方式（今のサーバーのままか、新しくするか）
気をつけること
- 今のサイトのサーバーやドメインの設定は、切り替えの日まで触らない
- 他社の写真やロゴを、許可なく使わない
- お問い合わせフォームの送信先などの秘密の値は、環境変数に置き、ファイルに書かない
手順
- GitHubから、進行役のスキルと8人のエージェントを取り込む
- 外部のスキルを入れるリンク先の手順で入れます
- 会社の条件を書いた案件フォルダを作り、進行役を呼ぶ
- 3回の承認で、内容を確かめて進める
- 評価の表を見て直し、公開する公開とドメインの切り替えは人が行います
ファイル一式
ファイル一式は、GitHubで無料公開（hp-team/）
スキル・エージェント・ひな形など、動かすのに必要なファイル一式です。このページの手順と同じ順番で、READMEに説明があります。
GitHubでの公開を準備しています。
公開のお知らせを受け取るよくある質問
QAIO（AI検索での引用されやすさ）とは何ですか
A
ChatGPTやGoogleのAIによる回答で、自社のページが出典として引用されやすくする工夫です。1ページ1テーマ、結論を先に、図の中身を文章でも書く、などが基本です。
QWordPressでも使えますか
A
使えます。⑥の担当が、今の仕組みを続けるか別の方式にするかを比べて提案します。
売上のお悩みがあれば、お気軽にご相談ください。
どこから手をつけるか決まっていなくても大丈夫です。いまの営業と業務の状況をうかがい、進め方を一緒に考えます。
- 戦略設計・営業組織構築
- リード獲得
- 営業代行
- 人材教育・採用支援
- AI活用・業務効率化支援
- 海外進出・インバウンド支援
- セルオペ（営業事務代行）
- 展示会営業支援
- セミナー支援