必須ページとデザイン、土台を後から作った|AIでサイト運営 #3(2026年7月)

7月2日に、同じ日にできたもの

作業フォルダには、7月2日の日付のファイルがまとまって残っています。

やり方は6月と同じです。原稿・CSS・手順のチェックリストはClaudeに作ってもらい、管理画面への設定と貼り付けは、チェックリストを見ながら自分でやりました。

必須ページ4つ:AIが空けておいた欄

• プライバシーポリシー:お問い合わせで受け取る個人情報の使い道、広告(アフィリエイト)とCookie、アクセス解析(Googleアナリティクス)について。制定日は2026年7月2日
• 免責事項:掲載情報の正確さと、損害などの責任についての断り書き
• 運営者情報:誰が、なぜこのサイトを書いているか
• お問い合わせ:問い合わせフォーム(Contact Form 7)を置き、送信テストをする

おもしろいのは運営者情報の原稿です。名前や経歴のところは[名前][ハンドルネーム可]のような空欄になっていて、「具体的な経験・動機を必ず自分の言葉で追記してください」と注意書きがありました。サイトを作った理由の欄には、ドローンを例にした書き方の見本だけが入っています。

AIは、プライバシーポリシーのような決まった形の文章は、すぐに書けます。けれど、自分がなぜこのサイトを書くのか、どんな経験があるのかは、自分で書くしかありません。この空欄は、その線引きをはっきり見せていました。

デザインは3案から「案A」

デザインプラン3案は、同じトップページを3つの見た目で並べたものでした。

選んだのは案Aです。今このサイトで使っている紺とオレンジは、このとき選んだ色です。10月にヘッダーやトップを作り直したときも、色はこの2つを引き継いでいます。

見本のトップページには、「ドローン資格で、副業は『空』から変わる。」という見出しと、おすすめスクールのランキングが入っていました。ただし、ランキングのスクール名は「スクールA」「スクールB」、料金は「〇〇万円」のままです。提携が1つも決まっていないうちに、紹介する場所のデザインだけを先に作っていたことになります。

チェックリストの中身

案Aの実装チェックリストは、6つの段階に分かれていました。

最後の「完了確認」には、スマホで申し込みボタンを親指で押しやすいか、PageSpeed Insightsのモバイルで60点以上か、といった項目も並んでいます。

⑤の広告表示の書き方は、今の記事でもそのまま使っています。7月27日の記録では、必須ページ4つ、Googleアナリティクス、全記事の広告表示と、広告リンクの印(rel=”sponsored”)が、すべて「済み」になっていました。

記録を読み返して分かること

• 土台は、1日で作れる量だった。チェックリストの見積もりでは、必須ページの設置は約20分、全体でも30〜60分です。記事を書く前にやっておけた作業でした
• AIに任せられる文章と、任せられない文章がある。決まった形の文章(規約・手順・CSS)はAIが下書きし、経験と動機は自分で書く。運営者情報の空欄が、その分け方を教えてくれました
• 最初に決めた色は、長く残る。7月2日に選んだ紺とオレンジは、ジャンルが変わっても、デザインを作り直しても変わっていません

※この記事に広告(アフィリエイトリンク)はありません。