500ページ以上のSaaSを10言語で立ち上げた方法
VectoSolveのオーガニック成長を支えたSEOとi18n戦略：プログラマティックページ、多言語アーキテクチャ、そして学んだ教訓。
Founder of VectoSolve
Self-taught developer, founder and sole developer of VectoSolve since 2024. He builds the conversion engine and the cutting, embroidery and 3D printing exports.
How this article was made: drafted with AI assistance, then edited and fact-checked before publication. About the author
Key Takeaways
- プログラマティックSEO + i18nで21のシードページを10言語で529のインデックスページに拡大
- 総コスト：ホスティング$0/月（Vercel無料プラン）+ 約40時間、週末3回分
- 広告費ゼロで90日間にオーガニックトラフィックが4.7倍に
- 全言語でURLスラッグを英語のまま維持したのが最良のi18n判断だった
- 1時間の再検証によるISRがスケール時のビルド時間の爆発を解決
VectoSolveの構築を始めた時、マーケティング予算はありませんでした。コンバージョンあたり$1〜5のベクトル化ツールでは有料獲得を支えられません—「画像コンバーター」分野でのGoogle Adsクリック単価は$2〜4です。オーガニックトラフィックはあれば良いものではありませんでした。唯一の実現可能な道でした。
現在、サイトには10言語で529のインデックスページがあり、広告に1ドルも使っていません。完全なストーリーをお伝えします—戦略、技術スタック、失敗、そして実際の数字。
「ブートストラップSaaSにとって最良のマーケティングチャネルは、競合が遅すぎてやる価値がないと思っているチャネルです。」 - 私のノートから、2ヶ月目
技術スタック
技術スタックがプログラマティックなアプローチを直接可能にしました：
- Next.js 14（App Router） —
generateStaticParamsがすべてのプログラマティックページの背後にあるエンジン - Supabase — ブログ、認証、行レベルセキュリティ付きユーザーデータのためのPostgres
- Vercel — 無料プランホスティング、AI搭載ツールのためのエッジファンクション、壊れたhreflang設定のリリースを防いだプレビューデプロイ
- next-intl — next-i18nextとカスタムミドルウェアアプローチを試した後、App Routerに最もフィットしたソリューション
SEO戦略：21のシードから529ページへ
キーワードリサーチ
直接的なコンバージョン意図に一致する3つのシードキーワードから始めました：「png to svg」「convert image to vector」「vectorize logo」。そこからJPG to SVG、WebP to vector、PDF to SVGなど、意味のあるフォーマットの組み合わせをすべて拡張し、Search ConsoleとUbersuggest無料プランでクロスチェックしました。
結果：それぞれが私が構築したツールをまさに探している人をターゲットにした21のユニークなコンバージョンページコンセプト。
プログラマティックページ生成
21ページを手作業で作成する代わりに、データ駆動型テンプレートを構築しました：
export interface ConversionPage {
slug: string
fromFormat: string
toFormat: string
title: string
h1: string
description: string
faqs: FAQ[]
relatedSlugs: string[]
}1つのテンプレート、1つのgenerateStaticParams()呼び出し、21の最適化されたページ。重要なポイント：すべてのページに本当にユニークなコンテンツが必要です。Googleのヘルプフルコンテンツアップデートは薄いプログラマティックページにペナルティを課すため、各ページにカスタムFAQ、フォーマット固有のヒント、ユニークなユースケース説明を含めています。
i18nの乗数効果
21の英語ページはスタートにすぎません。10言語では210以上のページ—ターゲット可能な検索市場の10倍です。検索ボリューム＋低競合で選んだ言語：英語、フランス語、ドイツ語、スペイン語、ポルトガル語、イタリア語、オランダ語、ポーランド語、日本語、韓国語。
Warning: 苦労して学んだi18n SEOの落とし穴：
- URLスラッグを翻訳しないこと。
/fr/convert/png-to-svgは/fr/convertir/png-en-svgより優れている—混合言語URLはクロール混乱を引き起こす x-defaulthreflangは常にホームページではなく英語ページに設定する- メタディスクリプションを自動翻訳しない—Googleは機械翻訳されたタグを検出しCTRが低下する
- すべてのロケールページに自己参照hreflangタグが必須。これを見落として3週間の再インデックスが必要になった
Hreflang + Schemaマークアップ
すべてのページが言語関係を宣言し、構造化データを含みます—FAQPage、HowTo、SoftwareApplicationスキーマ。リッチリザルトはインデックス後2週間以内にGoogleに表示されました。
数字：90日間のトラフィック成長
| マイルストーン | インデックスページ | キーワード | セッション/週 | 成果 |
|---|---|---|---|---|
| ローンチ | 21 | 12 | ~30 | 初のGSCインプレッション |
| 1ヶ月目 | 147 | 68 | ~180 | 1ページ目ランキング：「webp to svg」 |
| 2ヶ月目 | 380 | 156 | ~520 | FAQリッチリザルト表示開始 |
| 3ヶ月目 | 529 | 240+ | ~890 | ローンチ比4.7倍のトラフィック |
| 4ヶ月目+ | 529 | 310+ | ~1,200 | 複利成長、新規ページなし |
プログラマティックSEOの美しさ：初期構築後、成長は追加作業なしで複利的に増加します。
A Full Year of Conversions for $49
Starter Annual: 25 conversions every month, $49 for the whole year. That is about $4.08 a month · Cancel anytime
Get the Annual Deal内部リンク：静かな成長エンジン
すべてのコンバージョンページは3〜5の関連コンバージョンにリンクします。PNG to SVGコンバーターはJPG to SVG、WebP to SVG、AI SVGアニメーションツールにリンクします。また、文脈に応じてAIコンテンツジェネレーターにもリンクしています。密な内部リンクはPageRankを分散させ、ユーザーの探索を促進します。
Pro Tip: ビルド時間とISR戦略： 529ページでフル静的生成に8分以上かかりました。1時間の再検証でISRに切り替え—初回訪問がオンデマンド生成をトリガーし、その後キャッシュされます。ビルド時間が3分未満に短縮。低トラフィックのロケールページでは最初の訪問者が生成に約2秒待ちます。Vercelの無料プラン制限を超える12分のビルドに比べれば完全に許容範囲です。
学んだ教訓
修正したいミス
- 10言語を一度にローンチした。 英語＋2〜3の高ボリューム言語から始めて検証し、その後拡張すべきでした。10ロケールで同時にhreflangをデバッグするのは苦痛でした。
- 初期のFAQが汎用的すぎた。 フォーマット固有に書き直す（「PNGをSVGに変換するとなぜ透明度が失われるのか？」）とクリック率が2倍になりました。
- 2ヶ月間Core Web Vitalsを無視した。 ツールのiframeを遅延読み込みにしてLCPが4.2秒から1.8秒に低下しました。
繰り返したい成功
- どこでも英語のみのURLスラッグ。 混乱ゼロ、クリーンなアナリティクス。
- 初日からSchemaマークアップ。 数週間でリッチリザルト。
- 同じドメインにブログ。 このブログ、コンバージョンツール、ベクターグラフィックスガイドがドメインオーソリティを共有。サブドメインでは分断されていたでしょう。
- CMSとしてのSupabase。 Markdown付きの
blog_articlesテーブル。WordPressなし、CMSサブスクリプションなし。コスト：$0。
スタック全体—画像ベクトル化ツール、AI SVGアニメーション、このブログ—がNext.js + Supabase + Vercel無料プランで動作しています。月額ホスティング：$0。まず無料プラン向けに最適化。収益が正当化した時にスケール。
パブリックビルドとは、ハイライトリールではなく実際の数字を共有することです。SaaSを立ち上げてプログラマティックSEOを検討しているなら、これが数週間の試行錯誤を節約できることを願っています。
VectoSolveを試す： vectosolve.com — 数秒でAI搭載の画像からベクターへの変換。
| SEO指標 | 開始時（1日目） | 90日後 | 成長 |
|---|---|---|---|
| インデックスページ | 21 | 529 | 25倍 |
| オーガニックセッション/月 | ~120 | ~564 | 4.7倍 |
| 対応言語 | 1（英語） | 10 | 10倍 |
| 月額ホスティングコスト | $0 | $0 | N/A |
| 開発時間 | 0時間 | ~40時間 | 週末3回 |
参考資料
- Google Search Central — 国際化、hreflangタグ、プログラマティックSEOのベストプラクティスに関する公式ドキュメント
- Moz SEO Blog — 国際SEO、キーワードリサーチ、スケールでのコンテンツ戦略に関する詳細ガイド
- web.dev Performance — Vercel上の多言語Next.jsサイトのためのCore Web Vitals最適化
- HubSpot Marketing Blog — SaaSビジネスのためのコンテンツマーケティングフレームワークと成長戦略