SEOとは何か、なぜ重要か
検索エンジン最適化（SEO）は、Googleなどのサーチエンジンがサイトをクロールしてランクするために、サイトを構築する方法です。強力なSEOは、広告費を払わずに人々が検索した内容でアプリが表示されることを意味します。 SEOの結果の多くは数少ない要素によって決まります：明確なページタイトルと説明、セマンティックHTML、高速な読み込み時間、モバイルフレンドリーなレイアウト、画像の説明的なalt テキスト、クロール可能なサイト構造。サーチエンジンは人間にも機械にも読みやすいサイトを評価します。 ランディングページ、マーケティングサイト、ブログ、ディレクトリ、または他の発見性が重要なものをリリースする場合、SEOは早い段階で投資できる最も高いレバレッジのある要素の1つです。Replitが提供するSEOの基盤
Replitは多くのSEOの基礎を担当するため、コンテンツと製品に集中できます：- 高速でグローバルに分散されたホスティング：Replit Deploymentsはスピードに最適化されたインフラからアプリを提供し、Publishing Geography でアプリの稼働場所を選択できます。
- デフォルトでHTTPS：公開済みのすべてのアプリはReplitが管理するTLS証明書を取得します。これはサーチエンジンの基本ランキングシグナルです。
- カスタムドメイン：独自のドメインを接続して信頼とブランド権威を構築します。カスタムドメイン を参照してください。
- コンテンツサイト向けの静的デプロイメント：マーケティングページ、ブログ、ドキュメントには、静的デプロイメント がサーチエンジンが簡単にクロールできる事前レンダリングされたHTMLを提供します。
- AgentがSEOを意識したコードを書く：Agentがページをビルドすると、SEOツールが確認する項目 — セマンティックHTML、アクセシブルなマークアップ、メタタグ — をデフォルトで生成します。
- SEO評価：毎回の公開後に自動監査を実行して現在の状況を把握でき、見つかった問題をAgentに修正させるワンクリック引き渡しがあります。
SEO評価
公開が成功するたびに、Replitはデプロイメント内のURLに対してLighthouse監査を実行し、結果を保存します。PublishingツールはアプリのSEO評価を全体として表示します。
確認場所
公開済みアプリで Publishing ツールを開きます。SEO評価は他のビルド詳細と並んでデプロイメント概要に表示されます。評価にカーソルを合わせると、各ページでLighthouseがフラグを立てた具体的なアクション項目が表示されます。SEO評価が表示されない場合、アプリがプライベートであるか、最近公開されていない可能性があります。評価は公開済みの公開向けWebアプリにのみ表示されます。
評価の読み方
ReplitはLighthouse監査に基づいて3つの評価のいずれかを表示します：| 評価 | 意味 |
|---|---|
| Healthy | アプリがSEOのベストプラクティスに従っています。大きな変更後も引き続き確認してください。 |
| Needs Work | いくつかの問題がサーチエンジンがアプリを理解する能力を制限しています。 |
| Weak | 重要なSEOの基礎が欠けています。修正には通常数分しかかかりません。 |
評価が計算されるタイミング
監査は公開が成功するたびに自動的に実行されます。評価は通常、デプロイメントがライブになってから1〜2分以内に表示され、Publishingツールは結果が届くとすぐにバッジを更新します。対応デプロイメントタイプ
SEO評価は、サーチエンジンがURLをクロールできる公開向けWebデプロイメントに対して計算されます： スケジュールデプロイメントとプライベートデプロイメントは、公開向けWebトラフィックを提供しないためSEO評価は生成されません。AgentでSEOを最適化する
評価の隣に Optimize SEO with Agent ボタンが表示されます。選択するとGrowthペインに SEO Agent が開き、技術的SEO監査を実行し、見つかった問題をレビューし、ワンクリック修正を適用できます。 Agentが変更を完了したら、アプリを再公開してください。SEO評価は新しいビルドに対して再計算され、バッジが自動的に更新されます。 Agentが適用する一般的な修正：- 各ページにユニークで説明的なタイトルが付くよう、欠落しているまたは汎用的な
<title>タグを追加または書き直す - すべてのページにメタ説明を追加する
- 画像に説明的な
altテキストを追加する <html>要素にlang属性を設定する- リンクに識別可能なテキストを付ける（「クリックここ」や空のアンカーなし）
robots.txtとsitemap.xmlを追加する- モバイルレンダリング用のviewportメタタグを追加する
- アクセシビリティチェックに失敗するテキストのカラーコントラストを改善する
- ソーシャルプラットフォームでのリンクプレビューのためにOpen GraphとTwitterカードのメタタグを追加する
ReplitでSEO最適化サイトを作るためのベストプラクティス
Agentにこれらを任せるか自分で書くかに関わらず、Replitビルドアプリで最も高いインパクトを持つ項目です：- すべてのページにユニークなタイトルとメタ説明を付ける。 タイトルは60文字以内、説明は150〜160文字程度を目指します。
- セマンティックHTMLを使う。 レイアウトを
<main>、<header>、<nav>、<footer>で囲みます。<h1>はページごとに1つだけ使い、見出しレベルを順番に下げます。 - すべての画像にalt テキストを追加する。 画像が何であるかではなく、何を示しているかを説明します。
sitemap.xmlとrobots.txtを生成する。 サーチエンジンがクロールするものを知るよう、両方を作成するようAgentに依頼します。- Open GraphとTwitterカードタグを追加する。 ソーシャルメディアでの共有時のアプリの見え方をコントロールします。
- カスタムドメインを使う。 ブランドドメインは訪問者とサーチエンジン両方の信頼を構築します。カスタムドメイン を参照してください。
- 適切なデプロイメントタイプを選ぶ。 コンテンツの多いサイトには、静的デプロイメント がサーチエンジンが即座に解析できる事前レンダリングされたHTMLを提供します。
- 構造化データを追加する。 JSON-LDマークアップはサーチエンジンが商品、記事、FAQ、イベントのリッチリザルトを表示するのを助けます。
- アプリを高速に保つ。 画像を最適化し、レンダリングをブロックするスクリプトを避け、Replitのホスティングを活用してレスポンス時間を低く保ちます。
次のステップ
- SEO Agent — Growthペインから技術的SEO監査を実行してワンクリック修正を適用します。
- カスタムドメイン — 公開済みアプリに独自のドメインを接続します。
- 静的デプロイメント — コンテンツが多くSEOが重要なサイトに最適なデプロイメントタイプ。
- Publishing Geography — アプリの稼働場所を選択して、対象ユーザーのレスポンス時間を低く保ちます。
- Agent — アプリでAgentと連携する方法をさらに詳しく学びます。