` タグを追加または書き直す。 * すべてのページにメタディスクリプションを追加する。 * 画像に説明的な `alt` テキストを追加する。 * `<html>` 要素に `lang` 属性を設定する。 * リンクに識別可能なテキストを付ける（「ここをクリック」や空のアンカーは使用しない）。 * `robots.txt` と `sitemap.xml` を追加する。 * モバイル表示用のviewportメタタグを追加する。 * アクセシビリティチェックに失敗しているテキストのカラーコントラストを改善する。 * Open GraphとTwitterカードのメタタグを追加して、ソーシャルプラットフォームでのリンクプレビューを最適化する。 ## SEO最適化されたアプリのベストプラクティス Agentに任せる場合でも、自分で作成する場合でも、以下の点が最も効果的です： * **各ページに固有のタイトルとメタディスクリプションを付ける。** タイトルは60文字以内、ディスクリプションは150〜160文字程度を目安にしてください。 * **セマンティックHTMLを使用する。** レイアウトを `<main>`、`<header>`、`<nav>`、`<footer>` で囲みましょう。`<h1>` は1ページに1回使用し、見出しレベルを順番に使ってください。 * **すべての画像にaltテキストを追加する。** 画像の内容（何であるかではなく、何が写っているか）を説明してください。 * **`sitemap.xml` と `robots.txt` を生成する。** 検索エンジンがクロール対象を把握できるよう、Agentに両方の作成を依頼してください。 * **Open GraphとTwitterカードタグを追加する。** ソーシャルメディアでシェアされたときのアプリの見え方をコントロールしましょう。 * **カスタムドメインを使用する。** ブランド化されたドメインは、訪問者と検索エンジン双方からの信頼を高めます。[カスタムドメインを追加する](/build/add-custom-domain)を参照してください。 * **適切なデプロイメントタイプを選ぶ。** コンテンツが多いサイトには、[Static Deployments](/references/publishing/static-deployments)が最適です。事前レンダリングされたHTMLを検索エンジンが即座に解析できます。 * **構造化データを追加する。** JSON-LDマークアップにより、検索エンジンが商品、記事、FAQ、イベントのリッチリザルトを表示できるようになります。 * **アプリを高速に保つ。** 画像を最適化し、レンダリングをブロックするスクリプトを避け、Replitのホスティングを活用してレスポンスタイムを低く抑えましょう。これらのほとんどを一度に適用する簡単な方法： <AiPrompt> Audit my site for SEO best practices and apply the fixes. Add a sitemap, robots.txt, Open Graph tags, structured data where it makes sense, and make sure every page has a unique title and meta description. </AiPrompt> ## 次のステップ <CardGroup cols={2}> <Card title="SEO Agent" icon="robot" href="/references/publishing/seo-agent"> 技術的なSEO監査を実行し、クローラビリティ、メタデータ、構造化データのワンクリック修正を適用する。 </Card> <Card title="SEOスコア" icon="magnifying-glass-chart" href="/references/publishing/seo-rating"> スコアの計算方法、各スコアの意味、対応するデプロイメントタイプの詳細を確認できます。 </Card> <Card title="カスタムドメインを追加する" icon="globe" href="/build/add-custom-domain"> アプリを独自ドメインに移行しましょう — ブランド化されたURLは訪問者と検索エンジン双方からの信頼を高めます。 </Card> <Card title="Static Deployments" icon="file-code" href="/references/publishing/static-deployments"> コンテンツが多くSEOを重視するサイトに最適なデプロイメントタイプです。 </Card> <Card title="Publishing Geography" icon="globe-pointer" href="/references/publishing/publishing-geography"> アプリの実行場所を選択して、ユーザーへのレスポンスタイムを低く抑えましょう。 </Card> </CardGroup> ## さらにサポートが必要な場合 * **再公開後にスコアが更新されない場合：** 1〜2分ほどお待ちください — 監査はデプロイメントが公開された後に非同期で実行され、結果が出るとバッジが更新されます。 * **Agentの変更後もスコアが変わらない場合：** Agentに対処した具体的なLighthouseの項目を確認し、バッジのツールチップでまだフラグが立っている項目を確認してください。 * **ページによってスコアが低い場合：** バッジはクロールされたすべてのURLの中で最も低いスコアを表示します。Agentに、Lighthouseがフラグを立てた特定のページに集中するよう依頼してください。 * **公開済みアプリにスコアが表示されない場合：** SEOスコアは公開されたウェブ向けデプロイメントタイプ（Autoscale、Reserved VM、Static）のみで実行されます。スケジュール済みおよびプライベートデプロイメントはスコアを生成しません。

> ## Documentation Index > Fetch the complete documentation index at: https://docs.replit.com/llms.txt > Use this file to discover all available pages before exploring further. # アプリのSEOを改善する > ReplitのSEOスコアとAgentを使って、公開済みアプリの検索エンジンランキングを向上させましょう。 export const AiPrompt = ({children}) => { return

{children}

; }; このガイドを完了すると、公開済みアプリの検索エンジンランキングが向上し、PublishingツールのSEOスコアにもその結果が反映されます。公開が成功するたびに、ReplitはSEO監査を実行し、SEOスコアを表示します。スコアに改善の余地がある場合、ワンクリックで具体的な問題点をAgentに送ることができます。多くの場合、ワークフローはシンプルです：**公開 → スコアを確認 → Agentに最適化を依頼**。スコアの計算方法（Lighthouse監査、各スコアの意味、対応するデプロイメントタイプ）の詳細については、[SEOスコア](/references/publishing/seo-rating)を参照してください。 ## SEO AgentでSEOを最適化する [SEO Agent](/references/publishing/seo-agent)は公開済みアプリに対して技術的なSEO監査を実行し、各発見事項をワンクリックで修正できるようにします。Project Editorの**Growth**パネルに搭載されており、有料プランのビルダーが利用できます。アプリをスキャンして修正を適用するには、以下の手順に従ってください。 SEO AgentはPublish済みのアプリに対して動作します。公開するまで、**Growth**パネルはロックされ、**Go to Publishing**へのプロンプトが表示されます。AgentチャットまたはPublishingツールから公開した後、Growthパネルに戻ってください。「アプリを公開してGrowthツールをアンロックする」という見出しとGo to PublishingボタンでロックされたGrowthパネル

「アプリを公開してGrowthツールをアンロックする」という見出しとGo to PublishingボタンでロックされたGrowthパネル

**Growth**パネルを開き、**SEO Rating**カードを見つけます。**Run scan with Agent**を選択してプロジェクトの技術的なSEO監査を開始します。スキャンには通常数分かかります。 Run scan with AgentボタンをハイライトしたSEO Ratingカードの拡大ビュー

Run scan with AgentボタンをハイライトしたSEO Ratingカードの拡大ビュー

スキャンが完了すると、問題点が**Severity**（Low、Medium、High）と**Status**（Unresolved）列を持つテーブルに表示され、**AI Readiness**、**Crawlability & Discovery**、**Landing Page Rendering & Metadata**、**Performance Proxies**などのカテゴリにグループ化されます。各問題点を展開してSEO Agentが発見した内容を読むことができます。任意の粒度で修正を適用できます： * 単一の問題の**Fix with Agent**はその項目だけをAgentに送ります。 * カテゴリの**Fix with Agent**はそのグループのすべての問題を修正します。 * **Fix all with Agent**はすべての問題を一度にAgentに送ります。チャットの**Fix all issues**ボタンも同じことをします。重大度とステータス列を持つカテゴリ別にグループ化されたスキャン結果テーブル。Fix all with AgentボタンとカテゴリごとのFix with Agentボタンがハイライトされている

重大度とステータス列を持つカテゴリ別にグループ化されたスキャン結果テーブル。Fix all with AgentボタンとカテゴリごとのFix with Agentボタンがハイライトされている

Agentは各問題の修正タスクを起動してバックグラウンドで処理するため、構築を続けることができます。行が**Fix in progress**に更新され、**Go to task**リンクでいつでも任意のタスクを開いて進捗を確認できます。 Agentが作業中の問題の行にFix in progressステータスとGo to taskリンクが表示されたスキャン結果テーブル

Agentが作業中の問題の行にFix in progressステータスとGo to taskリンクが表示されたスキャン結果テーブル

修正が完了すると、タスクは**Ready for review**状態になります。変更を確認し、緑色の**Apply changes to main version**ボタンを選択してアプリに修正をマージします。再公開して新しいビルドに対してSEO Ratingを更新してください。緑色のApply changes to main versionボタンがハイライトされたReady for reviewタスクフッターの拡大ビュー

緑色のApply changes to main versionボタンがハイライトされたReady for reviewタスクフッターの拡大ビュー

スキャンUIをスキップすることもできます。Agentを開いて\*\*「SEOを最適化して」\*\*と伝えれば、Agentが最新の結果を取得して作業を開始します。 Agentが適用する一般的な修正： * 各ページに固有で説明的なタイトルが付くよう、欠落しているまたは汎用的な `` タグを追加または書き直す。 * すべてのページにメタディスクリプションを追加する。 * 画像に説明的な `alt` テキストを追加する。 * `<html>` 要素に `lang` 属性を設定する。 * リンクに識別可能なテキストを付ける（「ここをクリック」や空のアンカーは使用しない）。 * `robots.txt` と `sitemap.xml` を追加する。 * モバイル表示用のviewportメタタグを追加する。 * アクセシビリティチェックに失敗しているテキストのカラーコントラストを改善する。 * Open GraphとTwitterカードのメタタグを追加して、ソーシャルプラットフォームでのリンクプレビューを最適化する。 ## SEO最適化されたアプリのベストプラクティス Agentに任せる場合でも、自分で作成する場合でも、以下の点が最も効果的です： * **各ページに固有のタイトルとメタディスクリプションを付ける。** タイトルは60文字以内、ディスクリプションは150〜160文字程度を目安にしてください。 * **セマンティックHTMLを使用する。** レイアウトを `<main>`、`<header>`、`<nav>`、`<footer>` で囲みましょう。`<h1>` は1ページに1回使用し、見出しレベルを順番に使ってください。 * **すべての画像にaltテキストを追加する。** 画像の内容（何であるかではなく、何が写っているか）を説明してください。 * **`sitemap.xml` と `robots.txt` を生成する。** 検索エンジンがクロール対象を把握できるよう、Agentに両方の作成を依頼してください。 * **Open GraphとTwitterカードタグを追加する。** ソーシャルメディアでシェアされたときのアプリの見え方をコントロールしましょう。 * **カスタムドメインを使用する。** ブランド化されたドメインは、訪問者と検索エンジン双方からの信頼を高めます。[カスタムドメインを追加する](/build/add-custom-domain)を参照してください。 * **適切なデプロイメントタイプを選ぶ。** コンテンツが多いサイトには、[Static Deployments](/references/publishing/static-deployments)が最適です。事前レンダリングされたHTMLを検索エンジンが即座に解析できます。 * **構造化データを追加する。** JSON-LDマークアップにより、検索エンジンが商品、記事、FAQ、イベントのリッチリザルトを表示できるようになります。 * **アプリを高速に保つ。** 画像を最適化し、レンダリングをブロックするスクリプトを避け、Replitのホスティングを活用してレスポンスタイムを低く抑えましょう。これらのほとんどを一度に適用する簡単な方法： <AiPrompt> Audit my site for SEO best practices and apply the fixes. Add a sitemap, robots.txt, Open Graph tags, structured data where it makes sense, and make sure every page has a unique title and meta description. </AiPrompt> ## 次のステップ <CardGroup cols={2}> <Card title="SEO Agent" icon="robot" href="/references/publishing/seo-agent"> 技術的なSEO監査を実行し、クローラビリティ、メタデータ、構造化データのワンクリック修正を適用する。 </Card> <Card title="SEOスコア" icon="magnifying-glass-chart" href="/references/publishing/seo-rating"> スコアの計算方法、各スコアの意味、対応するデプロイメントタイプの詳細を確認できます。 </Card> <Card title="カスタムドメインを追加する" icon="globe" href="/build/add-custom-domain"> アプリを独自ドメインに移行しましょう — ブランド化されたURLは訪問者と検索エンジン双方からの信頼を高めます。 </Card> <Card title="Static Deployments" icon="file-code" href="/references/publishing/static-deployments"> コンテンツが多くSEOを重視するサイトに最適なデプロイメントタイプです。 </Card> <Card title="Publishing Geography" icon="globe-pointer" href="/references/publishing/publishing-geography"> アプリの実行場所を選択して、ユーザーへのレスポンスタイムを低く抑えましょう。 </Card> </CardGroup> ## さらにサポートが必要な場合 * **再公開後にスコアが更新されない場合：** 1〜2分ほどお待ちください — 監査はデプロイメントが公開された後に非同期で実行され、結果が出るとバッジが更新されます。 * **Agentの変更後もスコアが変わらない場合：** Agentに対処した具体的なLighthouseの項目を確認し、バッジのツールチップでまだフラグが立っている項目を確認してください。 * **ページによってスコアが低い場合：** バッジはクロールされたすべてのURLの中で最も低いスコアを表示します。Agentに、Lighthouseがフラグを立てた特定のページに集中するよう依頼してください。 * **公開済みアプリにスコアが表示されない場合：** SEOスコアは公開されたウェブ向けデプロイメントタイプ（Autoscale、Reserved VM、Static）のみで実行されます。スケジュール済みおよびプライベートデプロイメントはスコアを生成しません。