SEOとは何か、なぜ重要なのか
検索エンジン最適化（SEO）とは、Googleのようなサーチエンジンがサイトを見つけ、理解し、ランク付けできるようにサイトを構築する取り組みです。強力なSEOがあれば、広告費を払わなくても、人々が求めているものを検索したときにアプリが表示されます。 SEOの成果のほとんどは、いくつかの要素によって決まります。明確なページタイトルとディスクリプション、セマンティックなHTML、高速な読み込み時間、モバイルフレンドリーなレイアウト、画像の説明的なaltテキスト、クロール可能なサイト構造です。サーチエンジンは、人間にも機械にも読みやすいサイトを高く評価します。 ランディングページ、マーケティングサイト、ブログ、ディレクトリなど、発見されやすさが重要なものを公開するのであれば、SEOは早い段階で投資する価値が最も高いものの一つです。Replitが標準で提供するSEOの改善
Replitは多くのSEOの基盤を担ってくれるため、コンテンツとプロダクトに集中できます。- 高速でグローバルに分散されたホスティング：Replit Deploymentsは速度に最適化されたインフラからアプリを配信し、公開の地域でアプリの実行場所を選べます。
- デフォルトでHTTPS：公開済みのすべてのアプリは、Replitが管理するTLS証明書を取得します。これはサーチエンジンの基本的なランキングシグナルです。
- カスタムドメイン：独自のドメインを接続して、信頼とブランドの権威性を構築できます。カスタムドメインをご覧ください。
- コンテンツサイト向けのStatic Deployments：マーケティングページ、ブログ、ドキュメントには、Static Deploymentsが、サーチエンジンが簡単にクロールできる事前レンダリング済みのHTMLを提供します。
- AgentがSEOを意識したコードを書く：Agentがページを構築するとき、デフォルトでセマンティックなHTML、アクセシブルなマークアップ、メタタグを生成します。これらはSEOツールが確認する項目と同じです。
- 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カードのタグを追加する。 ソーシャルメディアで共有されたときのアプリの見え方をコントロールできます。
- カスタムドメインを使う。 ブランド化されたドメインは、訪問者とサーチエンジン双方からの信頼を高めます。カスタムドメインをご覧ください。
- 適切なデプロイメントタイプを選ぶ。 コンテンツが多いサイトには、Static Deploymentsがサーチエンジンが即座に解析できる事前レンダリング済みのHTMLを提供します。
- 構造化データを追加する。 JSON-LDマークアップにより、サーチエンジンが商品、記事、FAQ、イベントのリッチリザルトを表示できるようになります。
- アプリを高速に保つ。 画像を最適化し、レンダリングをブロックするスクリプトを避け、Replitのホスティングを活用してレスポンスタイムを低く保ちましょう。
次のステップ
- SEO Agent — Growthパネルから技術的なSEO監査を実行し、ワンクリックで修正を適用します。
- カスタムドメイン — 公開済みアプリに独自のドメインを接続します。
- Static Deployments — コンテンツが多く、SEOが重要なサイトに最適なデプロイメントタイプです。
- 公開の地域 — アプリの実行場所を選択して、対象ユーザーへのレスポンスタイムを低く保ちましょう。
- Agent — アプリでAgentと連携する方法についてさらに学びます。