名刺を渡したあとに「サイトはありますか」と聞かれ、答えに詰まった経験はないでしょうか。個人事業主にとって、名刺代わりのサイトをAIで作成できれば、制作会社に頼むほどの予算がなくても最低限の信頼を確保できます。サイトがない状態は、商談の前に「確認できる材料がない人」という印象を与えてしまいます。本記事では、弊社ビズモアがWeb制作・再構築の現場で使っている、Claude Codeを中心とした作り方を具体的に紹介します。
名刺代わりのサイトに必要なページとは
名刺代わりのサイトに必要なのは、屋号と提供内容を伝えるトップページ、サービス内容、プロフィール、問い合わせ先の4要素です。それ以上のページは、公開してから必要に応じて足せば十分です。
弊社が個人事業主の方のご相談を受けるとき、最初に決めていただくのは「このサイトを見た人に次に何をしてほしいか」です。名刺を受け取った方が確認したいのは、何をしている人か、どんな実績があるか、どうやって連絡すればよいかの3点にほぼ集約されます。
トップページには、屋号、肩書き、対応する仕事の種類、対応エリアを一画面で分かるように置きます。ブログや実績一覧、料金表を最初から作り込むと、公開までの時間が延び、更新が止まったまま放置されがちです。
プロフィールでは、経歴を長く書くより、「どんな依頼に対応できるか」と「対応できないこと」を書くほうが実務では効きます。問い合わせ先はフォームだけでなくメールアドレスも併記しておくと、フォームの不具合で機会を逃す事態を避けられます。
名刺代わりのサイトは「完成度」より「連絡が取れる状態で早く公開すること」を優先すべきです。この割り切りがあるからこそ、AIによる短縮が効いてきます。
Claude Codeで名刺代わりサイトを作る方法とは
Claude Codeでの作り方は、材料をまとめた指示書を渡し、構成案とページ一式を生成させ、人が内容を確認して公開する流れです。
Claude Codeは、パソコン上のフォルダを直接読み書きしながら作業できるAIのコーディングツールです。チャット型AIのように文章を貼り付けて返答を待つのではなく、HTMLやCSSのファイルそのものを作ってくれるため、コードを書けない方でも「サイトのファイル一式」を手に入れられます。
最初に用意するのは、屋号、事業内容、提供サービス、プロフィール、連絡先を箇条書きにしたテキストファイルです。これをもとに「4ページ構成で、スマートフォンで読みやすく、問い合わせ先を各ページの下部に置く」といった条件を伝えると、構成案とページの下書きが出てきます。慣れていれば、この段階までは数十分が目安です。
生成されたページは、ブラウザで開いて画面を確認し、気になる点を日本語で修正指示します。「サービス紹介の文字を大きくして」「色を落ち着いた紺色に」といった依頼で、その場で直せるのが従来の制作との大きな違いです。
一方で、AIに任せきりにしない線引きも重要です。屋号の表記、電話番号、メールアドレス、料金や実績の数字、資格の名称は、必ず本人が一字ずつ目視で確認してください。AIが得意なのは形にする作業であり、事実の正しさを保証するのは公開者本人の役割です。弊社でも、機械的なチェックに加えて人の最終確認を残す半自動の運用を徹底しています。
WordPressと静的サイト生成はどちらを選ぶ方法か
更新頻度が低い名刺代わりのサイトなら静的サイト生成、ブログやお知らせを自分で頻繁に更新するならWordPressが向いています。
静的サイト生成とは、あらかじめHTMLファイルを完成させておき、そのまま公開する方式です。データベースを使わないため表示が速く、管理画面への不正ログインといったリスクも小さくなります。Claude Codeで作ったファイルは、そのまま静的サイトとして公開できる点も相性の良さです。
WordPressは、管理画面から文章や画像を直接編集できるのが強みです。お知らせやブログを定期的に更新したい方、将来的に予約機能や問い合わせ管理を足したい方には、拡張性の高いWordPressのほうが長く使えます。ただし、テーマやプラグインの更新、バックアップといった保守作業が継続的に発生します。
判断の目安として、「半年に一度も文章を書き換えない」と思えるなら静的サイト生成、「月に数回は更新したい」ならWordPressと考えると、大きく外れません。迷った場合は、静的サイトで始めて、更新が増えてきた時点で再構築する選択肢もあります。
最初から高機能なWordPressを選ぶより、更新の実態に合った方式を選ぶほうが、結果的に放置されないサイトになります。すでに古いサイトをお持ちの場合は、弊社のWeb制作・再構築で、現状の課題整理から方式の見直しまでご相談いただけます。
名刺代わりサイトの制作にかかる費用は
自作で進める場合の費用は、ドメイン代とサーバー代が中心で、制作そのものはAIの利用料の範囲に収まります。金額は契約内容で変わるため、必ず各社の最新料金をご確認ください。
固定でかかるのは、独自ドメインの年間費用、サーバーやホスティングの月額費用、Claude Codeを使うためのAIサービスの月額費用の3種類です。静的サイトであれば、無料枠のあるホスティングサービスも選べるため、サーバー代を抑えられる場合があります。
時間の面では、材料が揃っていれば、下書きの生成から公開まで半日から1日程度を見込むのが一つの目安です。ただし、写真の用意や文章の推敲に時間を取られることが多く、実際に手間がかかるのはAIの作業よりも「自分の事業を言葉にする工程」です。
なお、自作が向かない場面もあります。SEOの内部設定、問い合わせフォームの動作確認、独自ドメインのメール設定などは、一つ間違うと問い合わせが届かない事態につながります。自作と外注の分かれ目は、公開後に「問い合わせが確実に届くか」を自分で検証できるかどうかです。
弊社では、ゼロから作るのが不安な方向けに、Web制作・再構築として企画から構築、SEO設定まで対応しています。まず自分で下書きを作り、仕上げと設定だけ相談するという進め方も可能です。
よくある質問
名刺代わりのサイトはAIだけで作れますか？
下書きや構成案はAIで作れますが、屋号・連絡先・実績などの事実確認は必ず本人が行ってください。機械で形にして人が最終確認する半自動が安全です。
Claude Codeはコードが書けなくても使えますか？
使えます。作りたいサイトの条件を日本語で伝えれば、AIがファイルを作成します。ただし公開前の画面確認と内容チェックは人が行う必要があります。
名刺代わりのサイトは静的サイトとWordPressのどちらがよいですか？
更新が少ないなら静的サイト、ブログやお知らせを頻繁に更新するならWordPressが向いています。迷う場合は静的サイトで始め、必要になった時点で再構築する方法もあります。
名刺代わりのサイトにはどんなページが必要ですか？
トップ、サービス内容、プロフィール、問い合わせ先の4要素があれば十分です。ブログや実績一覧は公開後に必要に応じて追加してください。
関連記事
「自分の業務は、どこまでAI化できるのか」を無料で診断します
ここまで読んで、「うちのあの作業もできるのかな」と一瞬でも頭に浮かんだ作業があるなら、それを教えてください。「見積書の作成に毎回1時間かかっている」「契約書のチェックに毎回悩む」「発信を続ける余力がない」——そんな一文で十分です。
私たちは診断だけで終わらせません。業務フローを可視化してAIを組み込む「AI実装・業務設計」、どこからAIを入れるべきかROIを見立てる「AIアドバイザリー」、信頼感のあるサイトを構築する「Web制作・再構築」、そしてAIを活用して記事・SNS発信を続ける「メディア運用・コンテンツ」まで、実績をもとに一気通貫でお任せいただけます。
まずは診断から。送っていただいたら、実運用の経験をもとに、その作業を「AIに任せられる部分」と「人が確認すべき部分」に分解した診断結果を、1〜3営業日以内にメールでお返しします。
- 診断まで完全無料です（費用が発生する場合は、必ず事前にお見積りを出し、納得いただいてからです）
- 診断の結果、AI実装・アドバイザリー・Web制作・メディア運用のいずれかでお手伝いできそうな場合は、進め方と費用の目安もあわせてご提案します。不要ならそのまま終了で大丈夫です（しつこい連絡はしません）
