WebflowのGoogleインデックス：Webflowページを検索結果に表示させる完全ガイド

Webflowは、クリーンでセマンティックなHTML5マークアップを生成します。多くのウェブサイトビルダーが汎用クラス名のあるdiv要素のレイヤーでコンテンツをラップするのとは異なり、Webflowではデザイナーがセマンティック要素（header、main、nav、article、section、footer）を使用し、意味のあるクラス名を割り当てられます。このクリーンなマークアップにより、Googleがページ構造を理解しやすくなります。

すべてのWebflowページには、ページ設定パネルでアクセスできるページごとのSEO設定があります。ここで、タイトルタグ、メタディスクリプション、Open Graphタイトルとディスクリプション、Open Graph画像、カスタムスラッグを設定できます。これらの設定は、静的ページとCMSコレクションテンプレートページの両方で利用可能です。

Webflowは、Webflowでホストされているサイトに対して自動XMLサイトマップを生成します。サイトマップには、すべての公開されている静的ページとすべての公開されているCMSコレクションアイテムが含まれます。サイトマップはyourdomain.com/sitemap.xmlで利用可能で、変更を公開すると自動的に更新されます。Squarespaceとは異なり、Webflowでは各ページの設定で「サイトマップに含める」オプションをオフに切り替えることで、サイトマップから特定のページを除外できます。

Webflowはまた、Project Settings > SEO > Indexing を通じてrobots.txtを制御することも可能にします。サイトがインデックスされるかどうかを切り替えること（これによりサイト全体のnoindexタグが追加または削除されます）、およびrobots.txtコンテンツを直接編集することができます。この直接的なrobots.txt編集機能は、SquarespaceやWixが提供するものよりも柔軟です。

ホスティングについて、WebflowはAmazon CloudFrontとFastlyを駆動とするグローバルCDNを使用しており、訪問者の近くのエッジロケーションからページを提供します。これにより、高速なページロードと迅速なTime to First Byte（TTFB）が実現し、GoogleのクロールレートにポジティブPositively影響します。Webflowサイトは通常200ms未満のTTFBで、優れています。

WebflowのCMSでは、構造化されたコンテンツコレクション — WordPressのカスタム投稿タイプに類似 — を作成できます。一般的なコレクションには、ブログ投稿、チームメンバー、ケーススタディ、商品リスト、FAQエントリが含まれます。各コレクションには、レイアウトを定義するテンプレートページがあり、各コレクションアイテムはそのテンプレートからユニークなページを生成します。

インデックスの目的では、CMSコレクションアイテムは他のページと同様に動作します：独自のURL、独自のタイトルタグとメタディスクリプション（コレクションフィールドから動的に入力可能）を持ち、サイトマップに表示されます。ただし、Webflow固有の考慮事項がいくつかあります：

第一に、「Draft」ステータスに設定されたCMSアイテムは公開されておらず、サイトマップに表示されません。インデックスさせたいすべてのアイテムが「Published」ステータスに設定されていることを確認してください。「Staging」ステータスのアイテムは、本番サイトではなくステージングサブドメインでのみ表示されます。

第二に、テンプレートページのSEO設定は動的フィールドバインディングを使用します。たとえば、タイトルタグを「{Name} | Your Brand」に設定する場合、{Name}はCMSフィールドです。CMSアイテムのNameフィールドが空の場合、タイトルタグは「 | Your Brand」としてレンダリングされます — インデックスに悪影響を及ぼす壊れたタイトルです。空のSEOタグを防ぐために、必須フィールドに検証ルールまたはデフォルト値があることを必ず確認してください。

第三に、WebflowのCMSにはプランに応じて10,000アイテムの制限があります。この制限に近い大規模なサイトの場合、サイトマップは非常に大きくなります。Googleは何千ものURLを含むサイトマップを処理できますが、大きなサイトマップは処理に時間がかかります。Googleが残りを通じて作業する間、最も重要なコレクションアイテムをIndexBoltに送信して、最初にインデックスさせてください。

第四に、静的ページ上のコレクションリスト要素（たとえば、ホームページの「最新ブログ投稿」セクション）はCMSアイテムへの内部リンクを生成します。これらの内部リンクはGoogleの発見メカニズムです — サイトマップを処理する前にGooglebotがCMSページを見つけるのに役立ちます。最も重要なCMSコンテンツへのリンクを含むコレクションリストを、ホームページと主要なランディングページに含めるように設計してください。

Webflowの301リダイレクトマネージャーは、Project Settings > Hosting > 301 Redirectsにあります。各リダイレクトは、古いパスと新しいパス（または外部URL）を定義します。Webflowは正確なパスマッチングと*ワイルドカードを使用した基本的なパターンマッチングをサポートしています。

カスタムドメインをWebflowに接続する場合、プラットフォーム設定には特定のDNS設定が必要です。ルートドメインの場合、WebflowのIPアドレスを指すAレコードを追加します。wwwサブドメインの場合、proxy-ssl.webflow.comを指すCNAMEレコードを追加します。WebflowはSSL証明書の供給を自動的に処理します。

DNS伝播には24〜48時間かかる場合があり、このウィンドウ中はサイトがカスタムドメインで断続的にアクセス可能になる一方、webflow.ioサブドメインがプライマリのアクセス可能URLのままになる可能性があります。Googleはこの伝播ウィンドウ中にクロールし、webflow.ioバージョンをインデックスする可能性があります。これは、ステージングサブドメインをパスワード保護するもう1つの理由です。

Webflowは、ドメイン設定に基づいてwwwから非wwwへのリダイレクトを自動的に処理します。Project Settings > Hosting > Custom Domainで、wwwバージョンと非wwwバージョンのどちらがプライマリドメインであるかを選択します。Webflowは、非プライマリバージョンからプライマリバージョンへの301リダイレクトを作成します。

別のプラットフォームからWebflowに移行したサイトの場合、Webflowのコンテンツにマッピングする古いサイトのすべてのURLに対して301リダイレクトを作成します。Webflowのリダイレクトマネージャーは正規表現をサポートしていないため、複雑なURLパターンは個別のルールまたはワイルドカードパターンで処理する必要があります。数百のURLを含む大規模な移行の場合、Webflowは現在リダイレクトのCSVインポートを提供していません — 各リダイレクトはUIを通じて個別に追加する必要がありますが、Webflow APIを使用してプログラムでリダイレクトを追加できます。

リダイレクトを設定した後、古いURLにアクセスし、リダイレクトが正しい新しいURLに到達することを確認することで、各リダイレクトが機能することを確認します。古いURLパターンの404エラーがないかGoogle Search Consoleのページレポートを監視し、見逃したリダイレクトを追加してください。