はじめに — プロダクトサイトにSEO流入を作る難しさ
個人開発でプロダクトを作っても、サイトに人が来なければ意味がありません。広告を出す予算はなく、SNSだけでは継続的な流入は見込めない。そこで考えたのが「無料ツールでSEO流入を作り、プロダクトへの導線にする」という戦略でした。
結果として、ZERONOVA LABでは74個の無料オンラインツールを /tools 以下に公開しています。文字数カウンター、JSON整形、OGP画像ジェネレーター、カラーパレット、正規表現テスター、料金表画像生成、そしてページ速度チェッカーまで。ジャンルは多岐にわたります。
この記事では、PMとしてどう戦略を設計し、Claude Codeでどう開発を進め、品質をどう担保したかを開発日記から振り返ります。
戦略設計 — なぜ「無料ツール」なのか
個人開発サイトのSEO課題
ZERONOVA LABは個人開発のプロダクト紹介サイトです。プロダクト自体のページは限られており、それだけではGoogle検索からの流入はほとんど期待できません。
一方、ブログ記事（Focus Blog / Journal）はSEO効果がありますが、記事を書き続けるには時間がかかります。「もっとスケーラブルにSEOページを増やす方法はないか」と考えたとき、無料ツールというアイデアに行き着きました。
ツールがSEOに効く理由
- 検索意図が明確: 「JSON 整形」「QRコード 作成」など、ユーザーの検索意図がはっきりしている
- 被リンクを獲得しやすい: 便利なツールは他サイトから参照されやすい
- 滞在時間が長い: ツールを実際に使うため、ページの滞在時間が伸びる
- リピート訪問: 定期的に使うツールはブックマークされ、再訪につながる
フェーズ設計
74個を一気に作ったわけではありません。Phase 1から18まで段階的に開発しました。
初期のPhaseでは「OGP画像ジェネレーター」「文字数カウンター」など、自分自身がブログ執筆で必要なツールから始めました。自分が使うものなら品質の基準を肌感覚で判断できるからです。
5段階の品質保証フロー — Phase 15以降の到達点
74個もツールを作ると、品質のばらつきが問題になります。Phase 15以降で確立した5段階の品質保証フローが、このプロジェクトの肝でした。
Phase 15 完了。5段階パイプラインが安定してきた: ① 実装 → ② バグ修正 → ③ UX最適化 → ④ SEO監査 → ⑤ ガイドライン準拠
各段階の詳細
① 実装: Claude Codeで Server Component（SEO用テキスト）+ Client Component（フォーム操作）のパターンで実装。ツールのロジックはすべてクライアントサイドで処理し、API routeはなるべく使わない方針です。
② バグ修正: 実装直後に実際に使ってみて、エッジケースを潰します。特に日本語入力、大きなファイル、空入力のケースを重点的にテストしました。
③ UX最適化: 操作フローの見直し。「コピー」ボタンの配置、エラーメッセージの分かりやすさ、モバイル表示の確認を行います。
④ SEO監査: tools.ts にFAQ（3問）、関連ツール、更新日を追加。ToolSeoSection コンポーネントがFAQセクション、関連ツール、フィードバックボタン、AuthorCard、FAQPage JSON-LDを一括レンダリングします。
⑤ ガイドライン準拠: tools-dev-guidelines.md のセキュリティ・コストチェックリストを最終確認。
PM-AI 対話: ツールのSEOデータ管理
74個のツールのSEOデータをどう管理するか、Claude Codeと設計しました。
Zeronovatools.ts というデータファイルを作り、全ツールのFAQ、関連ツール、更新日を一箇所で管理するのはどうでしょう。ヘルパー関数（getToolSeoData(slug)）を用意すれば、各ツールページから統一的にアクセスできます。ZeronovaToolSeoSection も作って、FAQ + 関連ツール + フィードバックボタン + AuthorCard を一括描画させよう。この設計により、74個のツールすべてに統一的なSEO対策が適用され、新しいツールを追加する際の工数も大幅に削減できました。最終的に tools.ts には238問のFAQが集約されています。
セキュリティとコスト — 外部URL取得のリスク管理
74個のツールのうち、大半はクライアントサイドで完結しますが、一部のツール（OGPチェッカー、リンク切れチェッカー、ページ速度チェッカー）は外部URLを取得するAPI routeが必要です。ここにセキュリティリスクがあります。
外部URLフェッチ系APIのSSRF対策:
redirect: "manual"+ ホップごとのURL検証。内部IPへのリダイレクトを防ぐ
SSRF（Server Side Request Forgery）とは、攻撃者がサーバーに内部ネットワークのURLを取得させる攻撃です。「https://example.com」に見せかけて内部IPにリダイレクトさせる手口があるため、リダイレクトを自動で追従せず、ホップごとにURLを検証する実装にしました。
レート制限も重要です。ミドルウェアでスライディングウィンドウ方式のレート制限を実装し、外部フェッチ系は10回/分、画像生成系は30回/分に制限しています。
ドッグフーディングで見つけた問題
面白いエピソードがあります。リンク切れチェッカーを自分たちのサイトで試してみたところ、予想外の発見がありました。
リンク切れチェッカーで自サイトをチェックしたところ、旧Xアカウント名のURLが残っていることを発見。自分で作ったツールで自サイトの問題を見つけるという「ドッグフーディング」の効果を実感
ブランド名を「zeronova」に統一した際に変更したXアカウントの旧URLが、サイト内に残っていたのです。自分で作ったツールで自分のサイトの問題を見つけるという体験は、ツール開発のモチベーションにもつながりました。
記事との連動 — ツール × コンテンツマップ
ツール単体ではSEOの効果は限定的です。ツールと記事を双方向にリンクすることで、サイト全体のSEO価値を高めています。
tools-content-map.mdを作成: 74ツールと55記事の対応表。91%のツールに関連記事が存在
たとえば「OGP画像ジェネレーター」には「SNS投稿に最適なOGP画像の作り方」という記事が対応しています。記事からツールへ、ツールから記事へ、双方向のリンクを張ることで内部リンク構造を強化しています。
PM-AI 対話: 記事との整合性チェック
ツールが増えるにつれ、記事との整合性を保つのが難しくなりました。
Zeronovatools-article-checklist.md を作成して、ツールと記事の双方向リンクの整合性をチェックする7項目のリストを定義しましょう。新ツール追加時に、関連記事の更新も同時に行うフローにすれば漏れを防げます。ZeronovaPhase 15〜18 の具体的な開発内容
後半のPhaseでは、より専門的なツールを開発しました。
Phase 15（SEO系5ツール）: サイトマップXMLジェネレーター、.htaccessジェネレーター、リンク切れチェッカー、ページ速度チェッカー、X(Twitter)カードプレビュー
Phase 16（テキスト系4ツール）: ふりがなジェネレーター、文章校正チェッカー、原稿用紙換算ツール、ワードクラウドジェネレーター
Phase 17（開発ツール5種）: IPアドレス確認、User-Agent解析、curl→コード変換、chmod計算機、コード差分チェッカー
Phase 18（ビジネス系4ツール）: 割引率計算、ローン返済計算、営業日計算、請求書番号ジェネレーター
各Phaseの開発は、Claude Codeに実装を依頼しながらPMとして品質チェックを行うスタイルです。5段階パイプラインのおかげで、1Phaseあたりの開発・品質保証サイクルが安定しました。
まとめ — 無料ツール × SEOは個人開発の武器になる
74個の無料ツール開発を通じて得た学びをまとめます。
- ツールはSEO資産になる: 検索意図が明確なページは、記事よりもSEO効果が出やすいケースがある
- 品質保証フローが鍵: 数が増えると品質がばらつく。5段階パイプラインのような仕組みで標準化する
- セキュリティを初期から設計する: 外部URLを扱うAPIにはSSRF対策とレート制限が必須
- 記事との双方向リンクで相乗効果: ツール単体ではなく、コンテンツマップで記事と連動させる
- ドッグフーディングは効く: 自分のサイトで自分のツールを使うと、品質向上のループが回る
個人開発者にとって、無料ツールはプロダクトサイトへの導線を作る強力な武器です。1つ1つのツールは小さくても、積み重ねることでサイト全体のSEO価値が上がっていきます。
関連記事:
- Web制作者のためのSEO設定ツール完全ガイド — SEO系ツールの活用法
- CSSジェネレーターでコーディング時間を半減させる方法 — CSS系ツールの紹介
- 機能・コンテンツマップで記事企画を効率化する — コンテンツマップ戦略の詳細
Zeronova（ゼロノバ）
Product Manager / AI-Native Builder
Web/IT業界19年以上・20以上のWebサービスを担当したPdM。東証プライム上場企業の子会社代表として事業経営を経験。現在はAIを駆使して企画から実装まで完結させる個人開発を実践中。