コラム
実践編 第2回：サービスページ完成パック（本文＋FAQ＋CTAを同時生成）【行政書士×開業×AI】
Q：前回作ったサイトマップ＋骨子を使って、行政書士のサービスページ／LPを"問い合わせが出る形"で量産するにはどうすればいいですか？ A： 多くの…
<p><strong>Q：前回作ったサイトマップ＋骨子を使って、行政書士のサービスページ／LPを"問い合わせが出る形"で量産するにはどうすればいいですか？<br />
A：</strong> 多くの場合、AIで本文だけを作って終わると、比較検討の場面で不安が残りやすく、次の行動も曖昧になりがちです。そこで本回では、前回のサイトマップ＋骨子から「作る1ページ」を選び、ChatGPT／Gemini等で<strong>本文＋FAQ＋CTA（電話／フォーム／予約）</strong>まで一括で下書きを作り、公開用に整える手順を扱います。AIは下書きの量産に強い一方、言い切りや誤認を招く表現が混ざる場合もあります。そのため、<strong>最終チェック（事実・要件・対外表現の安全性）は必ず人が担う</strong>前提で進めます。この回で「1ページ完成→改善まで」できる状態を目指します。</p>
<hr />
<p>サービスページは「比較しやすさ」「不安の先回り」「次の一手」で決まります。開業初期、私はサービス内容の説明（本文）だけを丁寧に書けば十分だと考え、FAQやCTAを後回しにしていました。結果として「自分が対象かどうか分からない」「費用感が読めない」「次に何をすればいいか迷う」という状態が残り、反応は伸びませんでした。</p>
<p>そこで、最初から<strong>「ページ完成パック」で一括生成→短く整える→公開前チェック</strong>までを1セットにしたところ、作業も改善も回しやすくなりました。</p>
<hr />
<h2>目次</h2>
<ul>
<li>準備0 前回のサイトマップ＋骨子から「作る1ページ」を選ぶ
<ul>
<li>今回の到達点（本文＋FAQ＋CTAの文書を1セットで完成）</li>
<li>骨子の使い方（見出し・目的をそのまま入力欄に転写するコツ）</li>
<li>入力項目の決め方（対象／不安／できること・できないこと／前提条件）</li>
</ul>
</li>
<li>ハック1 1ページを丸ごと作る（本文＋FAQ＋CTA）
<ul>
<li>PC手順（ChatGPT/Geminiで「ページ完成パック」を流し込む／スマホ差分は補足で対応）</li>
<li>コピペ用プロンプト（ページ完成パック）</li>
<li>つまずきポイント：出力が長い／抽象的なときの切り戻し</li>
</ul>
</li>
<li>編集1 「比較しやすさ」「不安の先回り」「次の一手」で文書を整える
<ul>
<li>比較しやすさ（サービス範囲・手続フロー・料金の出し方の型）</li>
<li>不安の先回り（FAQを"質問→結論→補足"の形に寄せる）</li>
<li>次の一手（CTAを3種に分け、迷わせない導線文書にする）</li>
<li>コピペ用プロンプト（編集／追いプロンプト：短縮・整形・言い過ぎ回避）</li>
</ul>
</li>
<li>ハック2 反応が落ちる原因をAIに特定させる（LP診断→修正）
<ul>
<li>PC手順（既存ページを貼り付けて診断→修正案を回収）</li>
<li>スマホ手順（貼り付け量が多いときの分割入力）</li>
<li>コピペ用プロンプト（LP診断）</li>
<li>つまずきポイント：指摘が的外れなときの再指示（評価基準を固定する）</li>
</ul>
</li>
<li>運用3 公開前チェックと小改善ループ（速くするほど確認が重要）
<ul>
<li>人が担う最終チェック（事実・要件・対外表現の安全性）</li>
<li>公開後の小改善（FAQ追加／CTA変更／見出し差し替えの順で回す）</li>
<li>コピペ用プロンプト（ファクト確認／安全表現化）</li>
</ul>
</li>
<li>まとめ 完成パックで量産する手順
<ul>
<li>まとめ（「本文だけ」で終わらせずFAQとCTAまで同時に揃える）</li>
</ul>
</li>
</ul>
<hr />
<h2>準備0 前回のサイトマップ＋骨子から「作る1ページ」を選ぶ</h2>
<h3>今回の到達点（本文＋FAQ＋CTAの文書を1セットで完成）</h3>
<p>本回の到達点は、前回作ったサイトマップ＋骨子を土台に、<strong>サービスページ1本を「本文＋FAQ＋CTA」まで揃えて公開できる状態に整える</strong>ことです。前回は「完成ではなく、公開できる最小形としてサイトマップ＋各ページの目的＋見出し（骨子）を先に作る」考え方を採りました。</p>
<p>CTAは最初から3種（電話／フォーム／予約）を用意すると、連絡手段の好みが分かれても迷わせにくくなります（運用できる範囲で調整します）。</p>
<h3>骨子の使い方（見出し・目的をそのまま入力欄に転写するコツ）</h3>
<p>骨子があると、AIに「何を書くべきか」を迷わせにくくなります。やることはシンプルで、骨子から次の4点を抜き出し、プロンプトの入力欄にそのまま転写します。</p>
<ul>
<li>ページ名（サービス名）</li>
<li>そのページの目的（問い合わせ／予約につなげる等）</li>
<li>見出し案（H2/H3のラフでOK）</li>
<li>想定読者（誰の、どんな不安か）</li>
</ul>
<p>前回も、まずは見出しまでを固めて進める流れで進行しています。</p>
<h3>入力項目の決め方（対象／不安／できること・できないこと／前提条件）</h3>
<p>最低限、次の4つが埋まると"問い合わせが出る形"に近づきます。</p>
<ul>
<li><strong>対象</strong>：誰が、どんな不安を持つか</li>
<li><strong>できること</strong>：提供できる範囲（箇条書き）</li>
<li><strong>できないこと</strong>：対応外や前提（箇条書き）</li>
<li><strong>前提条件</strong>：地域、対応方法、必要資料の目安、期間の目安（言い切らない）</li>
</ul>
<p>「できないこと」を書くと不利に見えると感じる場合もありますが、一般的には<strong>ミスマッチを減らし、問い合わせ後の行き違いを防ぐ</strong>方向で効きます。</p>
<hr />
<h2>ハック1 1ページを丸ごと作る（本文＋FAQ＋CTA）</h2>
<h3>PC手順（ChatGPT/Geminiで「ページ完成パック」を流し込む／スマホ差分は補足で対応）</h3>
<ol>
<li>ChatGPTまたはGemini等を開き、<strong>新規チャット</strong>を作成します（表示名や配置は更新される可能性があります）。</li>
<li>前回のサイトマップ＋骨子から、作るサービスページを1つ選びます。</li>
<li>下の「ページ完成パック」プロンプトを貼り付け、<code>{ }</code>の中だけ置換して送信します。</li>
<li>出力された一式（H1、リード、本文、料金の出し方、FAQ、CTA等）を、いったん<strong>1つの文書として保存</strong>します（Googleドキュメント等でOK）。</li>
<li>次のH2「編集1」で、比較しやすさ／不安の先回り／次の一手の観点から整えます。</li>
</ol>
<p><strong>スマホ差分（手順はほぼ同じです）</strong></p>
<ul>
<li>誤タップで消えないよう、プロンプトは先にメモアプリへ保存してから貼り付けると安全です。</li>
<li>出力が長い場合は「続きも出して」で分割出力にします（挙動は環境により異なります）。</li>
</ul>
<h3>コピペ用プロンプト（ページ完成パック）</h3>
<table border="0" cellpadding="1" cellspacing="1" style="width:750px;background-color: #f0f0f0;">
<tbody>
<tr>
<td>
<p>あなたは行政書士事務所の「WEBディレクター兼ビジネスライター」です。次の条件で、公開用の「サービスページ文書一式」を作成してください。<br />
（AIは下書き生成まで。事実・要件・対外表現の安全性は人が最終確認します）</p>
<p>【前提（必須）】<br />
- 目的：問い合わせ/予約につなげる（比較されても選ばれやすい構成）<br />
- トーン：です・ます調、安心感、上から目線NG<br />
- 断定：言い切りを避け「一般的には」「場合によっては」等を使用<br />
- 誇大：結果保証に見える表現、過度な優良誤認表現はしない<br />
- 用語：本文では「文書」を使用し、別表記は使わない<br />
- 形式：読みやすさ優先（短文、1段落4行目安、見出し直下は要点→箇条書き）</p>
<p>【入力（{ }だけ置換）】<br />
事務所名：{例：HANAWA行政書士事務所}<br />
対応エリア：{例：東京都〇〇区/オンライン可}<br />
サービス名：{例：遺言書作成}<br />
対象：{誰がどんな不安を持つか（例：親の相続が心配、手続が難しい 等）}<br />
できること：{箇条書き 5〜8個}<br />
できないこと：{箇条書き 3〜5個}<br />
前提条件：{地域/対応方法/必要資料の目安/期間の目安 など（言い切らずに）}<br />
内部リンク候補：{例：料金案内/お問い合わせ/事務所紹介 などURLがなくても見出し名でOK}<br />
一次KW：{例：行政書士 遺言書 作成}<br />
補助KW：{例：遺言書 手続/遺言書 作り方/公正証書遺言 など}</p>
<p>【出力形式（この順番で・厳守）】<br />
0) YAML（そのままCMSに貼れる想定。値が不明なら空欄でOK）<br />
- slug:<br />
- meta_title:（28〜32文字目安）<br />
- meta_description:（80〜120文字目安）<br />
- primary_kw:<br />
- secondary_kw:<br />
- service_area:<br />
- last_updated:（YYYY-MM-DD）</p>
<p>1) H1（ページの主見出し）<br />
2) リード文（200字：不安→解決の見通し→次の一手）<br />
3) 本文（H2×4、各H2にH3×2。必ず「比較しやすさ」「不安の先回り」「次の一手」を入れる）<br />
4) 料金の出し方（目安の提示例＋追加が発生し得る条件の書き方：断定しない）<br />
5) FAQ 8個（質問→結論→補足の順。言い切り回避）<br />
6) CTA 3種（電話/フォーム/予約）：各80〜140字、対象者の一言＋次の一手＋所要時間/返信目安の例（断定しない）<br />
7) 内部リンクの置き場所案（本文のどこに何を置くか）<br />
8) FAQPageの構造化データ案（JSON-LD。質問と回答はFAQと一致させる）<br />
9) 最終チェックリスト（5項目：事実/断定/誇大/対象の明確さ/CTAの明確さ）</p>
<p>【禁止】<br />
- 法的判断の断定、個別事情の決めつけ<br />
- 「必ず」「絶対」「100%」等の表現<br />
- 他事務所の誹謗や比較断定<br />
- 誇張された最上級表現（最安/最速/日本一 等）</p>
</td>
</tr>
</tbody>
</table>
<p><strong>使いどころ</strong>：骨子がある状態で、サービスページを「一式」で一気に形にしたいとき。 <strong>入力時の注意</strong>：公開用の文書になる前提で、公開して問題ない情報だけで組み立てると安全です。</p>
<p><strong>NG例（やりがちな入力）</strong></p>
<p>「絶対に最短で許可が取れます。どんな案件でも通します。」 → 結果保証や断定に見えやすく、対外表現としてリスクが高い入力です。</p>
<p><strong>具体例（入力例：そのまま貼って試せます）</strong></p>
<table border="0" cellpadding="1" cellspacing="1" style="width:750px;background-color: #f0f0f0;">
<tbody>
<tr>
<td>【入力（{ }だけ置換）】<br />
事務所名：HANAWA行政書士事務所<br />
対応エリア：東京都〇〇区/オンライン可<br />
サービス名：遺言書作成サポート<br />
対象：親の財産整理を考え始めたが、何から手を付けるべきか分からない方。家族間の行き違いが不安な方。<br />
できること：<br />
- ヒアリングと状況整理<br />
- 遺言の作成方針の整理（一般的な選択肢の説明）<br />
- 必要資料の確認（目安の提示）<br />
- 文案のたたき台作成と修正サポート<br />
- 公正証書遺言に向けた準備の段取り整理<br />
できないこと：<br />
- 争いの代理交渉<br />
- 裁判手続の代理<br />
- 結果の保証<br />
前提条件：面談はオンライン/対面いずれも対応（日時は要調整）。必要資料や期間は状況により異なります。<br />
内部リンク候補：料金案内/お問い合わせ/事務所紹介<br />
一次KW：行政書士 遺言書 作成<br />
補助KW：公正証書遺言 作り方/遺言書 相談/遺言 書き方</td>
</tr>
</tbody>
</table>
<h3>つまずきポイント：出力が長い／抽象的なときの切り戻し</h3>
<ul>
<li><strong>長すぎる</strong>：「各H2を200〜250字に短縮して」「FAQを6個にして」など、<strong>上限を数字で固定</strong>します。</li>
<li><strong>抽象的すぎる</strong>：「手続フローを5ステップで」「できること／できないことを本文冒頭の箇条書きに」など、<strong>配置と型</strong>を指定します。</li>
<li><strong>それでもぶれる</strong>：骨子の見出しを貼り付け、「この見出し順を維持して」と伝えると安定しやすいです。</li>
</ul>
<hr />
<h2>編集1 「比較しやすさ」「不安の先回り」「次の一手」で文書を整える</h2>
<h3>比較しやすさ（サービス範囲・手続フロー・料金の出し方の型）</h3>
<p>比較しやすさとは「読者の判断コストを下げる」ことです。最低限、次の3点が読める形に整えます。</p>
<ul>
<li>サービス範囲（できること／できないこと）</li>
<li>手続フロー（相談→資料確認→方針→作成→確認→完了 等）</li>
<li>料金（目安＋追加が発生し得る条件。言い切らない）</li>
</ul>
<p>AIの出力は丁寧でも長くなりがちです。<strong>見出し直下を「要点→箇条書き」</strong>にする編集が効きます。</p>
<h3>不安の先回り（FAQを"質問→結論→補足"の形に寄せる）</h3>
<p>FAQは「読者の不安を先回りして解消する」パーツです。次の基準で整えるだけでも読みやすくなります。</p>
<ul>
<li>質問が具体的か（想定読者が思い浮かべられるか）</li>
<li>結論が先に来ているか（引っ張らない）</li>
<li>「一般的には」「場合によっては」が必要な箇所に入っているか（言い切り回避）</li>
</ul>
<h3>次の一手（CTAを3種に分け、迷わせない導線文書にする）</h3>
<p>CTAは「次に何をすればいいか」を一瞬で伝える場所です。</p>
<ul>
<li><strong>電話</strong>：急いで相談したい方向け（受付時間や折り返し目安を添える）</li>
<li><strong>フォーム</strong>：状況を整理しながら伝えたい方向け（返信目安を添える）</li>
<li><strong>予約</strong>：日時を先に決めて進めたい方向け（所要時間の目安を添える）</li>
</ul>
<p>「どんな方に向いているか」を1文入れると、迷いが減ります。</p>
<h3>コピペ用プロンプト（編集／追いプロンプト：短縮・整形・言い過ぎ回避）</h3>
<table border="0" cellpadding="1" cellspacing="1" style="width:750px;background-color: #f0f0f0;">
<tbody>
<tr>
<td>
<p>あなたは行政書士事務所の「WEB編集者」です。次のサービスページ文書を、問い合わせが出やすい形に編集してください。<br />
（見出し構成は保ちつつ、読みやすさ・誤認防止・導線の明確化を優先します）</p>
<p>【編集方針（必須）】<br />
- 目的：比較しやすさ／不安の先回り／次の一手（CTA）を強化<br />
- トーン：です・ます調、安心感、断定しない<br />
- 誇大：結果保証に見える表現は削るか安全側に言い換える<br />
- 形式：短文、1段落4行目安。見出し直下は「要点→箇条書き」<br />
- 用語：本文では「文書」を使用し、別表記は使わない</p>
<p>【やってほしいこと（この順で）】<br />
1) 読者が比較しやすいように「できること/できないこと/前提条件」を本文の早い位置に再配置<br />
2) 不安の先回りとしてFAQを「質問→結論→補足」に統一し、重複を整理（8個以内）<br />
3) CTAを3種（電話/フォーム/予約）に分け、各100字前後で「どんな人向きか→次の一手→所要時間/返信目安（断定しない）」に整える<br />
4) 言い切り・誇大・誤認を招く箇所を検出し、一般表現へ修正<br />
5) 仕上げに「本文冒頭の1行要約（40〜60字）」を追加（AIO向けの回答文としても使える形）</p>
<p>【出力】<br />
- 修正後の全文（そのまま貼れる状態）<br />
- 最後に：直したポイント3つ（各1行）</p>
<p>---対象文書---<br />
{ここに貼り付け}</p>
</td>
</tr>
</tbody>
</table>
<p><strong>使いどころ</strong>：完成パックの出力を、そのまま公開せず「短く・安全に・導線が明確」な文書に整えるとき。 <strong>入力時の注意</strong>：公開前提のため、読み手が誤認しやすい言い回し（言い切り、最上級、結果保証風の表現）を残さないほうが安全です。</p>
<p><strong>NG例</strong></p>
<p>「すごく魅力的にして」 → 方向がぶれやすくなります。「比較しやすさ／不安の先回り／次の一手」の軸で直す方が再現しやすいです。</p>
<hr />
<h2>ハック2 反応が落ちる原因をAIに特定させる（LP診断→修正）</h2>
<h3>PC手順（既存ページを貼り付けて診断→修正案を回収）</h3>
<ol>
<li>公開前のサービスページ文書（または公開済みページの文面）を用意します。</li>
<li>下の「LP診断」プロンプトを貼り付け、対象文書を貼ります。</li>
<li>指摘が出たら、<strong>修正案のうち影響が大きいものだけ</strong>を反映します（全部一度に反映しようとすると迷いやすくなります）。</li>
<li>もう一度診断して、改善が進んだか確認します。</li>
</ol>
<h3>スマホ手順（貼り付け量が多いときの分割入力）</h3>
<ol>
<li>対象文書を「リード」「本文」「FAQ」「CTA」に分けて貼ります。</li>
<li>1回目は「リード＋本文」、2回目は「FAQ＋CTA」など、2回に分けると安定しやすいです。</li>
<li>「前の入力を踏まえて続けて」と短く添えます（挙動は環境により異なります）。</li>
</ol>
<h3>コピペ用プロンプト（LP診断）</h3>
<table border="0" cellpadding="1" cellspacing="1" style="width:750px;background-color: #f0f0f0;">
<tbody>
<tr>
<td>
<p>あなたは行政書士事務所の「CVR/離脱防止コンサルタント兼SEOコンサルタント」です。<br />
次のサービスページ文書で問い合わせが増えない原因を、指定の3分類で指摘し、修正案（置換用の文案）まで出してください。</p>
<p>【診断分類（厳守）】<br />
①不安が残る ②次の行動が不明 ③対象者が曖昧</p>
<p>【評価観点（追加）】<br />
- 比較しやすさ：対応範囲・手続フロー・料金/期間の目安が読めるか（断定しない）<br />
- 導線：CTAが「電話/フォーム/予約」に分かれ、迷わない文書か<br />
- SEO/AIO：H1が検索意図に合うか、冒頭に短い答え（40〜60字）が置けるか、FAQが検索質問に寄っているか<br />
- ローカル要素：対応エリア/対応方法が自然に入っているか（過剰な羅列は避ける）</p>
<p>【出力形式（この順）】<br />
1) ①②③それぞれ：<br />
- 該当箇所（短く引用）<br />
- なぜ問題か（1〜2行）<br />
- 置換用の修正文案（短文）<br />
2) 最小の修正順（3ステップ：どこから直すか）<br />
3) すぐ差し替えられる「CTA3種」の改善案（各100字前後）</p>
<p>---対象文書---<br />
{ここに貼り付け}</p>
</td>
</tr>
</tbody>
</table>
<p><strong>使いどころ</strong>：公開前の弱点つぶし、および公開後に反応が薄いときの改善。 <strong>入力時の注意</strong>：指摘は参考として活用しつつ、事務所の方針に合うかどうかは人が判断します。</p>
<p><strong>NG例</strong></p>
<p>「全部ダメだから直して」 → 評価軸が崩れやすくなります。分類（不安／行動／対象）で固定した方が、改善が進みます。</p>
<h3>つまずきポイント：指摘が的外れなときの再指示（評価基準を固定する）</h3>
<p>的外れに感じる場合は、評価基準を絞ります。</p>
<ul>
<li>「対象者は◯◯に固定して評価して」</li>
<li>「料金は"目安＋条件"の範囲で評価して」</li>
<li>「CTAは電話／フォーム／予約が迷わないかだけ見て」</li>
</ul>
<p>見てほしい点を絞ると、指摘の精度が上がりやすくなります。</p>
<hr />
<h2>運用3 公開前チェックと小改善ループ（速くするほど確認が重要）</h2>
<h3>人が担う最終チェック（事実・要件・対外表現の安全性）</h3>
<p>AIはスピードを上げてくれますが、<strong>速くするほど確認が重要</strong>です。公開前は最低限、次の4点を人が確認します。</p>
<ul>
<li><strong>事実</strong>：料金、対応範囲、期間目安が実態と乖離していないか</li>
<li><strong>要件</strong>：言い切りや決めつけがないか</li>
<li><strong>対外表現</strong>：結果保証に見えないか、誤認を招かないか</li>
<li><strong>導線</strong>：CTAが具体的で、次の一手が迷わない形になっているか</li>
</ul>
<h3>公開後の小改善（FAQ追加／CTA変更／見出し差し替えの順で回す）</h3>
<p>小改善は「軽い差し替え」から回す方が続きます。推奨順は次のとおりです。</p>
<ol>
<li><strong>FAQ追加</strong>（相談でよく聞かれる質問を1つずつ増やす）</li>
<li><strong>CTA変更</strong>（短く、対象を明確に）</li>
<li><strong>見出し差し替え</strong>（比較しやすい見出しに寄せる）</li>
</ol>
<h3>コピペ用プロンプト（ファクト確認／安全表現化）</h3>
<table border="0" cellpadding="1" cellspacing="1" style="width:750px;background-color: #f0f0f0;">
<tbody>
<tr>
<td>
<p>あなたは行政書士事務所の「対外表現の品質管理者」です。次のサービスページ文書を点検し、安全側に整えてください。<br />
（AIは補助。最終判断は人が行います）</p>
<p>【点検観点（必須）】<br />
- 結果保証に見える表現（必ず/絶対/100% 等）<br />
- 断定しすぎる表現（個別事情の決めつけ）<br />
- 料金・期間・必要資料（前提条件/例外が必要な箇所）<br />
- 優良誤認に見える形容（最安/最速/日本一 等）<br />
- 読者の誤認を招く可能性（対象/対応範囲の曖昧さ）<br />
- 用語：本文では「文書」を使用し、別表記は使わない</p>
<p>【出力（この順）】<br />
1) リスク箇所（短く引用）<br />
2) 安全側の修正文案（そのまま置換できる形）<br />
3) 追記すると安心な一文（「一般的には」「場合によっては」等）<br />
4) 修正後の全文（そのまま貼れる状態）</p>
<p>---対象文書---<br />
{ここに貼り付け}</p>
</td>
</tr>
</tbody>
</table>
<p><strong>使いどころ</strong>：公開直前の最終チェック、および言い切りや誤認を招く表現を事前に排除したいとき。 <strong>入力時の注意</strong>：AIの提案は補助として活用し、最終判断は人が行います。</p>
<p><strong>NG例</strong></p>
<p>「法的に正しいか全部保証して」 → AIは保証できません。対外表現を安全側に寄せる補助として使います。</p>
<hr />
<h2>まとめ 完成パックで量産する手順</h2>
<h3>まとめ（「本文だけ」で終わらせずFAQとCTAまで同時に揃える）</h3>
<p>サービスページ／LPは、本文だけでは完成しません。前回のサイトマップ＋骨子を土台に、<strong>完成パックで（本文＋FAQ＋CTA）まで一気に作り、編集で「比較しやすさ／不安の先回り／次の一手」を整える</strong>と、量産も改善も回しやすくなります。</p>
<p>最後に改めて強調します。<strong>速くするほど確認が重要</strong>です。AIは下書きの加速を担い、人が最終チェックを担う。この線引きで進めると、スモールスタートのホームページでも着実に前へ進めます。</p>
<hr />
<h2>免責</h2>
<p>本記事は一般情報であり、個別案件の法的判断を行うものではありません。また、特定の成果を保証するものではありません。実際の運用では、最新情報の確認、個別事情の整理、対外表現の安全性確認を行ったうえでご判断ください。</p>
<hr />
<h2>HANAWA行政書士事務所</h2>
<p><a href="https://hanawa-office.jp/">HANAWA行政書士事務所公式サイト</a></p>
<p><a href="https://hanawa-office.jp/AI_knowledge/index.php">AI活用学習サイト</a></p>
<p><a href="https://hanawa-office.jp/blog_detail.php?id=465">前の記事：実践編 第1回：HP最短公開の型｜サイトマップ＋全ページ骨子を一撃生成する</a></p>
<p><a href="https://hanawa-office.jp/blog_detail.php?id=472">次の記事：実践編 第3回：サーバーはどうすればよい？ドメインってなに？取った方がいいの？</a></p>
A：</strong> 多くの場合、AIで本文だけを作って終わると、比較検討の場面で不安が残りやすく、次の行動も曖昧になりがちです。そこで本回では、前回のサイトマップ＋骨子から「作る1ページ」を選び、ChatGPT／Gemini等で<strong>本文＋FAQ＋CTA（電話／フォーム／予約）</strong>まで一括で下書きを作り、公開用に整える手順を扱います。AIは下書きの量産に強い一方、言い切りや誤認を招く表現が混ざる場合もあります。そのため、<strong>最終チェック（事実・要件・対外表現の安全性）は必ず人が担う</strong>前提で進めます。この回で「1ページ完成→改善まで」できる状態を目指します。</p>
<hr />
<p>サービスページは「比較しやすさ」「不安の先回り」「次の一手」で決まります。開業初期、私はサービス内容の説明（本文）だけを丁寧に書けば十分だと考え、FAQやCTAを後回しにしていました。結果として「自分が対象かどうか分からない」「費用感が読めない」「次に何をすればいいか迷う」という状態が残り、反応は伸びませんでした。</p>
<p>そこで、最初から<strong>「ページ完成パック」で一括生成→短く整える→公開前チェック</strong>までを1セットにしたところ、作業も改善も回しやすくなりました。</p>
<hr />
<h2>目次</h2>
<ul>
<li>準備0 前回のサイトマップ＋骨子から「作る1ページ」を選ぶ
<ul>
<li>今回の到達点（本文＋FAQ＋CTAの文書を1セットで完成）</li>
<li>骨子の使い方（見出し・目的をそのまま入力欄に転写するコツ）</li>
<li>入力項目の決め方（対象／不安／できること・できないこと／前提条件）</li>
</ul>
</li>
<li>ハック1 1ページを丸ごと作る（本文＋FAQ＋CTA）
<ul>
<li>PC手順（ChatGPT/Geminiで「ページ完成パック」を流し込む／スマホ差分は補足で対応）</li>
<li>コピペ用プロンプト（ページ完成パック）</li>
<li>つまずきポイント：出力が長い／抽象的なときの切り戻し</li>
</ul>
</li>
<li>編集1 「比較しやすさ」「不安の先回り」「次の一手」で文書を整える
<ul>
<li>比較しやすさ（サービス範囲・手続フロー・料金の出し方の型）</li>
<li>不安の先回り（FAQを"質問→結論→補足"の形に寄せる）</li>
<li>次の一手（CTAを3種に分け、迷わせない導線文書にする）</li>
<li>コピペ用プロンプト（編集／追いプロンプト：短縮・整形・言い過ぎ回避）</li>
</ul>
</li>
<li>ハック2 反応が落ちる原因をAIに特定させる（LP診断→修正）
<ul>
<li>PC手順（既存ページを貼り付けて診断→修正案を回収）</li>
<li>スマホ手順（貼り付け量が多いときの分割入力）</li>
<li>コピペ用プロンプト（LP診断）</li>
<li>つまずきポイント：指摘が的外れなときの再指示（評価基準を固定する）</li>
</ul>
</li>
<li>運用3 公開前チェックと小改善ループ（速くするほど確認が重要）
<ul>
<li>人が担う最終チェック（事実・要件・対外表現の安全性）</li>
<li>公開後の小改善（FAQ追加／CTA変更／見出し差し替えの順で回す）</li>
<li>コピペ用プロンプト（ファクト確認／安全表現化）</li>
</ul>
</li>
<li>まとめ 完成パックで量産する手順
<ul>
<li>まとめ（「本文だけ」で終わらせずFAQとCTAまで同時に揃える）</li>
</ul>
</li>
</ul>
<hr />
<h2>準備0 前回のサイトマップ＋骨子から「作る1ページ」を選ぶ</h2>
<h3>今回の到達点（本文＋FAQ＋CTAの文書を1セットで完成）</h3>
<p>本回の到達点は、前回作ったサイトマップ＋骨子を土台に、<strong>サービスページ1本を「本文＋FAQ＋CTA」まで揃えて公開できる状態に整える</strong>ことです。前回は「完成ではなく、公開できる最小形としてサイトマップ＋各ページの目的＋見出し（骨子）を先に作る」考え方を採りました。</p>
<p>CTAは最初から3種（電話／フォーム／予約）を用意すると、連絡手段の好みが分かれても迷わせにくくなります（運用できる範囲で調整します）。</p>
<h3>骨子の使い方（見出し・目的をそのまま入力欄に転写するコツ）</h3>
<p>骨子があると、AIに「何を書くべきか」を迷わせにくくなります。やることはシンプルで、骨子から次の4点を抜き出し、プロンプトの入力欄にそのまま転写します。</p>
<ul>
<li>ページ名（サービス名）</li>
<li>そのページの目的（問い合わせ／予約につなげる等）</li>
<li>見出し案（H2/H3のラフでOK）</li>
<li>想定読者（誰の、どんな不安か）</li>
</ul>
<p>前回も、まずは見出しまでを固めて進める流れで進行しています。</p>
<h3>入力項目の決め方（対象／不安／できること・できないこと／前提条件）</h3>
<p>最低限、次の4つが埋まると"問い合わせが出る形"に近づきます。</p>
<ul>
<li><strong>対象</strong>：誰が、どんな不安を持つか</li>
<li><strong>できること</strong>：提供できる範囲（箇条書き）</li>
<li><strong>できないこと</strong>：対応外や前提（箇条書き）</li>
<li><strong>前提条件</strong>：地域、対応方法、必要資料の目安、期間の目安（言い切らない）</li>
</ul>
<p>「できないこと」を書くと不利に見えると感じる場合もありますが、一般的には<strong>ミスマッチを減らし、問い合わせ後の行き違いを防ぐ</strong>方向で効きます。</p>
<hr />
<h2>ハック1 1ページを丸ごと作る（本文＋FAQ＋CTA）</h2>
<h3>PC手順（ChatGPT/Geminiで「ページ完成パック」を流し込む／スマホ差分は補足で対応）</h3>
<ol>
<li>ChatGPTまたはGemini等を開き、<strong>新規チャット</strong>を作成します（表示名や配置は更新される可能性があります）。</li>
<li>前回のサイトマップ＋骨子から、作るサービスページを1つ選びます。</li>
<li>下の「ページ完成パック」プロンプトを貼り付け、<code>{ }</code>の中だけ置換して送信します。</li>
<li>出力された一式（H1、リード、本文、料金の出し方、FAQ、CTA等）を、いったん<strong>1つの文書として保存</strong>します（Googleドキュメント等でOK）。</li>
<li>次のH2「編集1」で、比較しやすさ／不安の先回り／次の一手の観点から整えます。</li>
</ol>
<p><strong>スマホ差分（手順はほぼ同じです）</strong></p>
<ul>
<li>誤タップで消えないよう、プロンプトは先にメモアプリへ保存してから貼り付けると安全です。</li>
<li>出力が長い場合は「続きも出して」で分割出力にします（挙動は環境により異なります）。</li>
</ul>
<h3>コピペ用プロンプト（ページ完成パック）</h3>
<table border="0" cellpadding="1" cellspacing="1" style="width:750px;background-color: #f0f0f0;">
<tbody>
<tr>
<td>
<p>あなたは行政書士事務所の「WEBディレクター兼ビジネスライター」です。次の条件で、公開用の「サービスページ文書一式」を作成してください。<br />
（AIは下書き生成まで。事実・要件・対外表現の安全性は人が最終確認します）</p>
<p>【前提（必須）】<br />
- 目的：問い合わせ/予約につなげる（比較されても選ばれやすい構成）<br />
- トーン：です・ます調、安心感、上から目線NG<br />
- 断定：言い切りを避け「一般的には」「場合によっては」等を使用<br />
- 誇大：結果保証に見える表現、過度な優良誤認表現はしない<br />
- 用語：本文では「文書」を使用し、別表記は使わない<br />
- 形式：読みやすさ優先（短文、1段落4行目安、見出し直下は要点→箇条書き）</p>
<p>【入力（{ }だけ置換）】<br />
事務所名：{例：HANAWA行政書士事務所}<br />
対応エリア：{例：東京都〇〇区/オンライン可}<br />
サービス名：{例：遺言書作成}<br />
対象：{誰がどんな不安を持つか（例：親の相続が心配、手続が難しい 等）}<br />
できること：{箇条書き 5〜8個}<br />
できないこと：{箇条書き 3〜5個}<br />
前提条件：{地域/対応方法/必要資料の目安/期間の目安 など（言い切らずに）}<br />
内部リンク候補：{例：料金案内/お問い合わせ/事務所紹介 などURLがなくても見出し名でOK}<br />
一次KW：{例：行政書士 遺言書 作成}<br />
補助KW：{例：遺言書 手続/遺言書 作り方/公正証書遺言 など}</p>
<p>【出力形式（この順番で・厳守）】<br />
0) YAML（そのままCMSに貼れる想定。値が不明なら空欄でOK）<br />
- slug:<br />
- meta_title:（28〜32文字目安）<br />
- meta_description:（80〜120文字目安）<br />
- primary_kw:<br />
- secondary_kw:<br />
- service_area:<br />
- last_updated:（YYYY-MM-DD）</p>
<p>1) H1（ページの主見出し）<br />
2) リード文（200字：不安→解決の見通し→次の一手）<br />
3) 本文（H2×4、各H2にH3×2。必ず「比較しやすさ」「不安の先回り」「次の一手」を入れる）<br />
4) 料金の出し方（目安の提示例＋追加が発生し得る条件の書き方：断定しない）<br />
5) FAQ 8個（質問→結論→補足の順。言い切り回避）<br />
6) CTA 3種（電話/フォーム/予約）：各80〜140字、対象者の一言＋次の一手＋所要時間/返信目安の例（断定しない）<br />
7) 内部リンクの置き場所案（本文のどこに何を置くか）<br />
8) FAQPageの構造化データ案（JSON-LD。質問と回答はFAQと一致させる）<br />
9) 最終チェックリスト（5項目：事実/断定/誇大/対象の明確さ/CTAの明確さ）</p>
<p>【禁止】<br />
- 法的判断の断定、個別事情の決めつけ<br />
- 「必ず」「絶対」「100%」等の表現<br />
- 他事務所の誹謗や比較断定<br />
- 誇張された最上級表現（最安/最速/日本一 等）</p>
</td>
</tr>
</tbody>
</table>
<p><strong>使いどころ</strong>：骨子がある状態で、サービスページを「一式」で一気に形にしたいとき。 <strong>入力時の注意</strong>：公開用の文書になる前提で、公開して問題ない情報だけで組み立てると安全です。</p>
<p><strong>NG例（やりがちな入力）</strong></p>
<p>「絶対に最短で許可が取れます。どんな案件でも通します。」 → 結果保証や断定に見えやすく、対外表現としてリスクが高い入力です。</p>
<p><strong>具体例（入力例：そのまま貼って試せます）</strong></p>
<table border="0" cellpadding="1" cellspacing="1" style="width:750px;background-color: #f0f0f0;">
<tbody>
<tr>
<td>【入力（{ }だけ置換）】<br />
事務所名：HANAWA行政書士事務所<br />
対応エリア：東京都〇〇区/オンライン可<br />
サービス名：遺言書作成サポート<br />
対象：親の財産整理を考え始めたが、何から手を付けるべきか分からない方。家族間の行き違いが不安な方。<br />
できること：<br />
- ヒアリングと状況整理<br />
- 遺言の作成方針の整理（一般的な選択肢の説明）<br />
- 必要資料の確認（目安の提示）<br />
- 文案のたたき台作成と修正サポート<br />
- 公正証書遺言に向けた準備の段取り整理<br />
できないこと：<br />
- 争いの代理交渉<br />
- 裁判手続の代理<br />
- 結果の保証<br />
前提条件：面談はオンライン/対面いずれも対応（日時は要調整）。必要資料や期間は状況により異なります。<br />
内部リンク候補：料金案内/お問い合わせ/事務所紹介<br />
一次KW：行政書士 遺言書 作成<br />
補助KW：公正証書遺言 作り方/遺言書 相談/遺言 書き方</td>
</tr>
</tbody>
</table>
<h3>つまずきポイント：出力が長い／抽象的なときの切り戻し</h3>
<ul>
<li><strong>長すぎる</strong>：「各H2を200〜250字に短縮して」「FAQを6個にして」など、<strong>上限を数字で固定</strong>します。</li>
<li><strong>抽象的すぎる</strong>：「手続フローを5ステップで」「できること／できないことを本文冒頭の箇条書きに」など、<strong>配置と型</strong>を指定します。</li>
<li><strong>それでもぶれる</strong>：骨子の見出しを貼り付け、「この見出し順を維持して」と伝えると安定しやすいです。</li>
</ul>
<hr />
<h2>編集1 「比較しやすさ」「不安の先回り」「次の一手」で文書を整える</h2>
<h3>比較しやすさ（サービス範囲・手続フロー・料金の出し方の型）</h3>
<p>比較しやすさとは「読者の判断コストを下げる」ことです。最低限、次の3点が読める形に整えます。</p>
<ul>
<li>サービス範囲（できること／できないこと）</li>
<li>手続フロー（相談→資料確認→方針→作成→確認→完了 等）</li>
<li>料金（目安＋追加が発生し得る条件。言い切らない）</li>
</ul>
<p>AIの出力は丁寧でも長くなりがちです。<strong>見出し直下を「要点→箇条書き」</strong>にする編集が効きます。</p>
<h3>不安の先回り（FAQを"質問→結論→補足"の形に寄せる）</h3>
<p>FAQは「読者の不安を先回りして解消する」パーツです。次の基準で整えるだけでも読みやすくなります。</p>
<ul>
<li>質問が具体的か（想定読者が思い浮かべられるか）</li>
<li>結論が先に来ているか（引っ張らない）</li>
<li>「一般的には」「場合によっては」が必要な箇所に入っているか（言い切り回避）</li>
</ul>
<h3>次の一手（CTAを3種に分け、迷わせない導線文書にする）</h3>
<p>CTAは「次に何をすればいいか」を一瞬で伝える場所です。</p>
<ul>
<li><strong>電話</strong>：急いで相談したい方向け（受付時間や折り返し目安を添える）</li>
<li><strong>フォーム</strong>：状況を整理しながら伝えたい方向け（返信目安を添える）</li>
<li><strong>予約</strong>：日時を先に決めて進めたい方向け（所要時間の目安を添える）</li>
</ul>
<p>「どんな方に向いているか」を1文入れると、迷いが減ります。</p>
<h3>コピペ用プロンプト（編集／追いプロンプト：短縮・整形・言い過ぎ回避）</h3>
<table border="0" cellpadding="1" cellspacing="1" style="width:750px;background-color: #f0f0f0;">
<tbody>
<tr>
<td>
<p>あなたは行政書士事務所の「WEB編集者」です。次のサービスページ文書を、問い合わせが出やすい形に編集してください。<br />
（見出し構成は保ちつつ、読みやすさ・誤認防止・導線の明確化を優先します）</p>
<p>【編集方針（必須）】<br />
- 目的：比較しやすさ／不安の先回り／次の一手（CTA）を強化<br />
- トーン：です・ます調、安心感、断定しない<br />
- 誇大：結果保証に見える表現は削るか安全側に言い換える<br />
- 形式：短文、1段落4行目安。見出し直下は「要点→箇条書き」<br />
- 用語：本文では「文書」を使用し、別表記は使わない</p>
<p>【やってほしいこと（この順で）】<br />
1) 読者が比較しやすいように「できること/できないこと/前提条件」を本文の早い位置に再配置<br />
2) 不安の先回りとしてFAQを「質問→結論→補足」に統一し、重複を整理（8個以内）<br />
3) CTAを3種（電話/フォーム/予約）に分け、各100字前後で「どんな人向きか→次の一手→所要時間/返信目安（断定しない）」に整える<br />
4) 言い切り・誇大・誤認を招く箇所を検出し、一般表現へ修正<br />
5) 仕上げに「本文冒頭の1行要約（40〜60字）」を追加（AIO向けの回答文としても使える形）</p>
<p>【出力】<br />
- 修正後の全文（そのまま貼れる状態）<br />
- 最後に：直したポイント3つ（各1行）</p>
<p>---対象文書---<br />
{ここに貼り付け}</p>
</td>
</tr>
</tbody>
</table>
<p><strong>使いどころ</strong>：完成パックの出力を、そのまま公開せず「短く・安全に・導線が明確」な文書に整えるとき。 <strong>入力時の注意</strong>：公開前提のため、読み手が誤認しやすい言い回し（言い切り、最上級、結果保証風の表現）を残さないほうが安全です。</p>
<p><strong>NG例</strong></p>
<p>「すごく魅力的にして」 → 方向がぶれやすくなります。「比較しやすさ／不安の先回り／次の一手」の軸で直す方が再現しやすいです。</p>
<hr />
<h2>ハック2 反応が落ちる原因をAIに特定させる（LP診断→修正）</h2>
<h3>PC手順（既存ページを貼り付けて診断→修正案を回収）</h3>
<ol>
<li>公開前のサービスページ文書（または公開済みページの文面）を用意します。</li>
<li>下の「LP診断」プロンプトを貼り付け、対象文書を貼ります。</li>
<li>指摘が出たら、<strong>修正案のうち影響が大きいものだけ</strong>を反映します（全部一度に反映しようとすると迷いやすくなります）。</li>
<li>もう一度診断して、改善が進んだか確認します。</li>
</ol>
<h3>スマホ手順（貼り付け量が多いときの分割入力）</h3>
<ol>
<li>対象文書を「リード」「本文」「FAQ」「CTA」に分けて貼ります。</li>
<li>1回目は「リード＋本文」、2回目は「FAQ＋CTA」など、2回に分けると安定しやすいです。</li>
<li>「前の入力を踏まえて続けて」と短く添えます（挙動は環境により異なります）。</li>
</ol>
<h3>コピペ用プロンプト（LP診断）</h3>
<table border="0" cellpadding="1" cellspacing="1" style="width:750px;background-color: #f0f0f0;">
<tbody>
<tr>
<td>
<p>あなたは行政書士事務所の「CVR/離脱防止コンサルタント兼SEOコンサルタント」です。<br />
次のサービスページ文書で問い合わせが増えない原因を、指定の3分類で指摘し、修正案（置換用の文案）まで出してください。</p>
<p>【診断分類（厳守）】<br />
①不安が残る ②次の行動が不明 ③対象者が曖昧</p>
<p>【評価観点（追加）】<br />
- 比較しやすさ：対応範囲・手続フロー・料金/期間の目安が読めるか（断定しない）<br />
- 導線：CTAが「電話/フォーム/予約」に分かれ、迷わない文書か<br />
- SEO/AIO：H1が検索意図に合うか、冒頭に短い答え（40〜60字）が置けるか、FAQが検索質問に寄っているか<br />
- ローカル要素：対応エリア/対応方法が自然に入っているか（過剰な羅列は避ける）</p>
<p>【出力形式（この順）】<br />
1) ①②③それぞれ：<br />
- 該当箇所（短く引用）<br />
- なぜ問題か（1〜2行）<br />
- 置換用の修正文案（短文）<br />
2) 最小の修正順（3ステップ：どこから直すか）<br />
3) すぐ差し替えられる「CTA3種」の改善案（各100字前後）</p>
<p>---対象文書---<br />
{ここに貼り付け}</p>
</td>
</tr>
</tbody>
</table>
<p><strong>使いどころ</strong>：公開前の弱点つぶし、および公開後に反応が薄いときの改善。 <strong>入力時の注意</strong>：指摘は参考として活用しつつ、事務所の方針に合うかどうかは人が判断します。</p>
<p><strong>NG例</strong></p>
<p>「全部ダメだから直して」 → 評価軸が崩れやすくなります。分類（不安／行動／対象）で固定した方が、改善が進みます。</p>
<h3>つまずきポイント：指摘が的外れなときの再指示（評価基準を固定する）</h3>
<p>的外れに感じる場合は、評価基準を絞ります。</p>
<ul>
<li>「対象者は◯◯に固定して評価して」</li>
<li>「料金は"目安＋条件"の範囲で評価して」</li>
<li>「CTAは電話／フォーム／予約が迷わないかだけ見て」</li>
</ul>
<p>見てほしい点を絞ると、指摘の精度が上がりやすくなります。</p>
<hr />
<h2>運用3 公開前チェックと小改善ループ（速くするほど確認が重要）</h2>
<h3>人が担う最終チェック（事実・要件・対外表現の安全性）</h3>
<p>AIはスピードを上げてくれますが、<strong>速くするほど確認が重要</strong>です。公開前は最低限、次の4点を人が確認します。</p>
<ul>
<li><strong>事実</strong>：料金、対応範囲、期間目安が実態と乖離していないか</li>
<li><strong>要件</strong>：言い切りや決めつけがないか</li>
<li><strong>対外表現</strong>：結果保証に見えないか、誤認を招かないか</li>
<li><strong>導線</strong>：CTAが具体的で、次の一手が迷わない形になっているか</li>
</ul>
<h3>公開後の小改善（FAQ追加／CTA変更／見出し差し替えの順で回す）</h3>
<p>小改善は「軽い差し替え」から回す方が続きます。推奨順は次のとおりです。</p>
<ol>
<li><strong>FAQ追加</strong>（相談でよく聞かれる質問を1つずつ増やす）</li>
<li><strong>CTA変更</strong>（短く、対象を明確に）</li>
<li><strong>見出し差し替え</strong>（比較しやすい見出しに寄せる）</li>
</ol>
<h3>コピペ用プロンプト（ファクト確認／安全表現化）</h3>
<table border="0" cellpadding="1" cellspacing="1" style="width:750px;background-color: #f0f0f0;">
<tbody>
<tr>
<td>
<p>あなたは行政書士事務所の「対外表現の品質管理者」です。次のサービスページ文書を点検し、安全側に整えてください。<br />
（AIは補助。最終判断は人が行います）</p>
<p>【点検観点（必須）】<br />
- 結果保証に見える表現（必ず/絶対/100% 等）<br />
- 断定しすぎる表現（個別事情の決めつけ）<br />
- 料金・期間・必要資料（前提条件/例外が必要な箇所）<br />
- 優良誤認に見える形容（最安/最速/日本一 等）<br />
- 読者の誤認を招く可能性（対象/対応範囲の曖昧さ）<br />
- 用語：本文では「文書」を使用し、別表記は使わない</p>
<p>【出力（この順）】<br />
1) リスク箇所（短く引用）<br />
2) 安全側の修正文案（そのまま置換できる形）<br />
3) 追記すると安心な一文（「一般的には」「場合によっては」等）<br />
4) 修正後の全文（そのまま貼れる状態）</p>
<p>---対象文書---<br />
{ここに貼り付け}</p>
</td>
</tr>
</tbody>
</table>
<p><strong>使いどころ</strong>：公開直前の最終チェック、および言い切りや誤認を招く表現を事前に排除したいとき。 <strong>入力時の注意</strong>：AIの提案は補助として活用し、最終判断は人が行います。</p>
<p><strong>NG例</strong></p>
<p>「法的に正しいか全部保証して」 → AIは保証できません。対外表現を安全側に寄せる補助として使います。</p>
<hr />
<h2>まとめ 完成パックで量産する手順</h2>
<h3>まとめ（「本文だけ」で終わらせずFAQとCTAまで同時に揃える）</h3>
<p>サービスページ／LPは、本文だけでは完成しません。前回のサイトマップ＋骨子を土台に、<strong>完成パックで（本文＋FAQ＋CTA）まで一気に作り、編集で「比較しやすさ／不安の先回り／次の一手」を整える</strong>と、量産も改善も回しやすくなります。</p>
<p>最後に改めて強調します。<strong>速くするほど確認が重要</strong>です。AIは下書きの加速を担い、人が最終チェックを担う。この線引きで進めると、スモールスタートのホームページでも着実に前へ進めます。</p>
<hr />
<h2>免責</h2>
<p>本記事は一般情報であり、個別案件の法的判断を行うものではありません。また、特定の成果を保証するものではありません。実際の運用では、最新情報の確認、個別事情の整理、対外表現の安全性確認を行ったうえでご判断ください。</p>
<hr />
<h2>HANAWA行政書士事務所</h2>
<p><a href="https://hanawa-office.jp/">HANAWA行政書士事務所公式サイト</a></p>
<p><a href="https://hanawa-office.jp/AI_knowledge/index.php">AI活用学習サイト</a></p>
<p><a href="https://hanawa-office.jp/blog_detail.php?id=465">前の記事：実践編 第1回：HP最短公開の型｜サイトマップ＋全ページ骨子を一撃生成する</a></p>
<p><a href="https://hanawa-office.jp/blog_detail.php?id=472">次の記事：実践編 第3回：サーバーはどうすればよい？ドメインってなに？取った方がいいの？</a></p>