# SEO基礎：Googleにプロダクトを見つけてもらう [English](../en/22-seo-basics-for-indie-makers-en.md) · [繁中](../zh/22-seo-basics-for-indie-makers-zh.md) · [Español](../es/22-seo-basics-for-indie-makers-es.md) · [日本語](../jp/22-seo-basics-for-indie-makers-jp.md) · [Português (BR)](../pt-br/22-seo-basics-for-indie-makers-pt-br.md) **著者：** Danko Peng（[@dankopeng](https://x.com/dankopeng)） **更新：** 2026年3月 **読了時間：** 約8分 ----- ## SEOは難しくない、ただ多くの人が方向を間違えている SEOをとても複雑なものとして捉え、アルゴリズム、被リンク、キーワード密度の研究に膨大な時間を使う人が多い。 インディー開発者にとって、SEOは実際にはたった2つのことだ：**Googleにページを理解させること、そして実際のユーザーにクリックさせること。** この2つができれば、トラフィックは自然と来る。他のテクニックはすべて上級の最適化で、最初は必要ない。 ----- ## 第1のこと：GoogleにページをReadableにする ### TitleとMeta Description 各ページで最も重要な2つのSEO要素： **Title**：ブラウザのタブとGoogle検索結果の青いリンクに表示される。 ```html vibefast.app — Cloudflareフルスタック Webアプリテンプレート ``` - 長さは50〜60文字に収める - コアキーワードを含める - 各ページで異なるものにする（全ページで同じtitleにしない） **Meta Description**：Google検索結果のtitleの下に表示される説明文。 ```html ``` - 長さは150〜160文字に収める - このページが何で、訪問者にどんな価値があるかを明確に伝える - Googleがこのテキストをそのまま使うとは限らないが、多くの場合は使われる Remixでの設定： ```typescript // app/routes/_index.tsx export function meta() { return [ { title: "vibefast.app — Cloudflareフルスタック Webアプリテンプレート" }, { name: "description", content: "Remix + Cloudflare Workersでフルスタックアプリをスピード作成。" }, ] } ``` ### 見出し構造（H1、H2、H3） 各ページにはH1が1つだけあり、そのページのテーマを説明する。その後H2、H3でコンテンツの階層を整理する。 ```html

天然手工芸品のオンラインショップ

天然素材

ラベンダーシリーズ

ローズシリーズ

購入方法

``` Googleは見出し構造を使ってページが何について書かれているかを理解する。 ### 画像のAlt テキスト すべての画像に画像内容を説明する`alt`属性を付ける： ```html 手作りのラベンダーソープ、天然精油使用 ``` Altテキストにより、Googleはこの画像が何かを理解でき、視覚障害のあるユーザーのスクリーンリーダーもコンテンツを理解できる。 ----- ## 第2のこと：Googleにページを発見させる ### Sitemap Sitemapは「私のサイトにはこんなページがある」をGoogleに伝えるXMLファイルだ。 ```xml https://yoursite.com/ 2026-03-01 https://yoursite.com/shop 2026-03-01 ``` AIに「RemixでダイナミックなSitemapを作って。全商品ページを自動的に含めてください」と伝えれば、データベースからURLを読み込むsitemapルートを生成してくれる。 その後、[Google Search Console](https://search.google.com/search-console) でSitemapのURLを登録する。 ### robots.txt `robots.txt`は検索エンジンにどのページをクロールしていいか、していけないかを伝える： ``` User-agent: * Allow: / Disallow: /admin Disallow: /api Sitemap: https://yoursite.com/sitemap.xml ``` これを `/public/robots.txt` に置けば、Remixが自動的に返す。 ----- ## 第3のこと：コンテンツが長期的なトラフィックの根本 技術的なSEOは出発点に過ぎない。長期的に見ると、**価値あるコンテンツこそが継続的なトラフィックの鍵だ。** 毎日ブログを書く必要があるという意味ではない。次のことを意味する： プロダクトページ自体が「このプロダクトは何か、どんな問題を解決するか、誰に向いているか」を明確に答えていること。 FAQページが実際にユーザーが検索する質問に答えていること——あなたの専門用語ではなく、ユーザーが使う言葉で書く。 天然手工芸品を売っている場合、潜在的なユーザーは「天然ハンドメイドソープ おすすめ」「ラベンダーソープ 効能」「ハンドメイドソープと市販品の違い」などを検索するかもしれない——これらの質問への答えが、SEOコンテンツになる。 ### vibefast.appの内蔵ブログ機能で集客記事を書く SEOコンテンツを書く際の最大のハードルは通常「自分でブログシステムを構築しなければならない」こと——テーブル設計、バックエンド編集画面、フロントエンド表示、記事ごとのmetaタイトルとdescription……これらを整備するだけで相当な時間がかかる。 vibefast.appはこれらをすべて実装済みだ。内蔵のブログ機能には以下が含まれる： - **管理画面での記事管理**：記事の作成・編集・公開・下書きをコードなしで実行 - **Markdownエディタ**：管理画面でMarkdownで記事を書く、WYSIWYGプレビュー付き - **SEOフィールド**：各記事に独立したmeta titleとmeta descriptionフィールド - **自動Sitemap**：新しい記事を公開すると自動的にSitemapに追加 実際のワークフロー： 1. AIを使ってターゲットユーザーが検索するロングテールキーワードを見つける（次のセクション参照） 2. AIで記事の下書きを作成する 3. vibefast.appの管理画面でMarkdownエディタに貼り付けて調整する 4. その記事用のmeta titleとdescriptionを入力する 5. 公開する キーワード選定から記事公開まで、最速で1時間。Vibe CoderがコンテンツSEOに取り組む最も効率的な方法だ。 ----- ## AIでキーワードを見つける AIに直接聞こう： ``` 天然手工芸品のECサイトを運営しています。 ターゲットユーザーは素材にこだわり、自然派製品を好む消費者です。 彼らが検索しそうなロングテールキーワードを10個挙げて、 それぞれがサイトのどのページに最適かも教えてください。 ``` AIのキーワード提案例： ``` 「天然ハンドメイドソープ おすすめ」→ トップページまたは特集ページ 「ラベンダー精油ソープ 効能」→ ラベンダーシリーズ商品ページ 「ハンドメイドソープと市販品の違い」→ FAQまたはブログ 「敏感肌 ハンドメイドソープ おすすめ」→ FAQまたはブログ 「ハンドメイドソープ 保存方法」→ 使い方ガイドページ ``` ロングテールキーワード（長くて具体的な検索語）は競合が少なく、コンバージョン率が高い。インディーハッカーにとって最も効果的なSEO戦略だ。 ----- ## 技術SEOチェックリスト 公開前の確認： ``` □ 各ページにユニークな （50〜60文字）がある □ 各ページにmeta description（150〜160文字）がある □ 各ページに <h1> が1つだけある □ すべての画像にalt テキストがある □ sitemap.xml が存在し、Google Search Consoleに登録済み □ robots.txt が正しく設定されている □ HTTPSを使用している（Cloudflareが自動処理） □ ページの読み込みが速い（Cloudflareのエッジノードが高速化） □ モバイルで正常に表示される ``` ----- ## やってはいけないこと：リンク購入やブラックハットSEOをしない Googleのアルゴリズムはますます賢くなっており、ブラックハットの手法（リンク購入、キーワードの詰め込み、隠しテキスト）は短期的には効果があっても、ペナルティを受けたときの順位下落は激しく、回復も難しい。 インディー開発者にとって最も持続可能なSEO戦略は：**本当にユーザーの役に立つサイトを作り、コンテンツを明確に書き、技術的な基礎をしっかり作ること。** 残りはGoogleに任せよう。 ----- **Danko Peng** [X](https://x.com/dankopeng) · [YouTube](https://www.youtube.com/@DankoPeng) · [Threads](https://www.threads.com/@dankopeng) ----- 👉 [チュートリアルトップに戻る](../README-jp.md) 完全なCloudflareフルスタックテンプレートを今すぐ使い始めたい方へ： 👉 **[vibefast.app](https://vibefast.app/pricing)** — アーリーバード $99、2026年8月1日より $199 に値上がり。