WebflowのSEO
誠実な実践者向けのWebflow SEOガイド — 静的HTML公開が本当の利点である理由、プラグインを置き換えるネイティブ機能(robots.txt、sitemap、301リダイレクト、正規化タグ、CMS連動メタ)、誰も宣伝しない制限(ページネーション、hreflang、大規模スキーマ、CMS上限)、そしてWordPressとの比較。
言語
Webflowは公開時に静的HTMLを生成します。すべてのページとCMSアイテムは事前レンダリングされるため、クローラー(および静的HTMLのみを読むAIクローラー)はJavaScriptを実行せずにコンテンツを取得できます。これはCSRのシングルページアプリに対する真の技術的SEOアドバンテージです。Webflowはまた、編集可能なrobots.txt、自動生成sitemap、301リダイレクトマネージャー、自動正規化タグ、スキーマ用のカスタムヘッドコード、CMS連動メタタグなど、コア機能をネイティブに備えており、Yoast相当のプラグインは不要です。正直な制限:ページネーションは?page=Nクエリパラメータに固定され、rel=next/prevはありません。スキーマはReferenceフィールドにバインドできず、Localizationのhreflangには品質問題があり、サーバーログへのアクセスはなく、低プランではCMSアイテム数に上限があります。Webflowはデフォルト設定とメンテナンス不要の点でWordPressに勝り、WordPressはプラグインと大規模コンテンツで勝ります。
TL;DR — Webflowは、初期状態でもSEOに本当に優れています。公開を押すと、ページがプレーンなHTMLファイルに変換されるため、Googleは追加の作業をしなくてもコンテンツを認識できます。また、編集可能な
robots.txt、自動サイトマップ、リダイレクトツール、ページごとのタイトルと説明文など、SEOの基本機能も組み込まれているため、プラグインをインストールする必要はありません。ただし、WebflowがSEOを代行してくれるわけではありません。キーワード、コンテンツ、内部リンクは依然としてあなたの仕事です。
「WebflowはSEOに良いのか」と聞かれる理由
Webflowはビジュアルなウェブサイトビルダーです。コードを書く代わりに、要素をドラッグしてページをデザインします。そのようなツールが、検索エンジンが処理に苦労するような、乱雑でJavaScript主体のページを生成するのではないかという懸念は自然なものです。Webflowに関しては、その懸念はほとんど根拠がありません。
ここが重要なポイントです。Webflowサイトを公開すると、すべてのページに対して静的HTMLファイルが生成されます。「静的HTML」とは、Googleが要求した瞬間に、実際のテキスト、見出し、リンクがページのコード内に直接存在することを意味します。追加の手順は不要です。これは検索エンジンが好む形式であり、ほとんどのAIクローラー(ChatGPT、Perplexityなどの背後にあるボット)が読める唯一の形式でもあります。
Webflowが無料で提供してくれるもの
ほとんどのSEOプラットフォームでは、基本機能を制御するためにプラグインをインストールする必要があります。Webflowにはそれらが組み込まれています:
- メタタイトルとメタディスクリプション — ページごとに設定し、検索結果に表示されるテキスト。
- 自動サイトマップ — すべてのページのリストを検索エンジンに渡し、公開のたびに更新されます。 Evidence for this claim Webflow can generate an XML sitemap and updates it when a site is published. Scope: Webflow sites with automatic sitemap generation enabled. Confidence: high · Verified: Webflow: Site-level SEO
- 編集可能な
robots.txt— クローラーにアクセス可能な場所と不可能な場所を伝えるファイル。 Evidence for this claim Webflow provides site-level robots.txt controls. Scope: Webflow site SEO settings; robots.txt controls crawling, not guaranteed indexing removal. Confidence: high · Verified: Webflow: Site-level SEO - 301リダイレクトツール — URLを変更したときに、古いリンクが機能し続け、その価値を維持できるようにします。
- カスタムコードボックス — スキーママークアップやアナリティクスタグなどを追加するため。
よくある誤解
WebflowはSEOを「代行」してくれるわけではありません。 優れたツールと、高速でクリーンな基盤を提供しますが、キーワードの選定、コンテンツの作成、存在すべきページの決定、内部リンクの構築は行いません。あるライターが率直に述べているように、Webflowの利点は「SEO設定の存在ではなく、その実行」にあります。
また、初日から知っておくべき落とし穴が一つあります。すべてのWebflowサイトは、yoursite.webflow.ioというアドレスでも公開されています。実際のドメインを接続しても、「サブドメインのインデックスを無効化」 をオンにし忘れると、Googleは両方をインデックスする可能性があります。これは重複コンテンツです。公開時にそのトグルを切り替えてください。
ページネーション、hreflang、大規模なスキーマ、CMSの制限、Webflow対WordPressの比較など、完全な技術的詳細を知りたいですか?「上級」 タブに切り替えてください。
TL;DR — Webflowの特徴は、すべてのページおよびすべてのCMSコレクションアイテムに対して、公開時に静的HTMLを生成することです。クライアントサイドではなく、プリレンダリングされます。クローラー(および静的HTMLのみを読み取るAIクローラー)は、JSをレンダリングせずにコンテンツを取得できます。コアコントロールをネイティブに提供しているため(編集可能な
robots.txt、自動サイトマップ、301マネージャー、自動セルフカノニカル、カスタムヘッドコード、CMS連携メタ)、Yoastに相当するものは不要です。正直な制限:ページネーションは?page=Nに固定されておりrel=next/prevはなく、ネイティブスキーマはReferenceフィールドにバインドできず、Localizationのhreflangには既知の問題があり、サーバーログへのアクセスはなく、下位プランではCMSアイテム数に上限があります。デフォルト設定とメンテナンス不要の点ではWordPressに勝り、プラグインとスケーラビリティの点ではWordPressが勝ります。
アーキテクチャ:クライアントサイドレンダリングではなく静的HTML
これは、ほとんどの記事が省略するか間違える部分なので、正確に説明します。 Webflowサイトを公開すると、各ページ(すべてのCMSコレクションアイテムページを含む)に対して静的HTMLファイルが生成されます。SEOに重要なコンテンツ(見出し、本文、内部リンク)は、初期HTMLレスポンスに含まれています。Googlebotは、そのコンテンツを見るためにページをWebレンダリングサービスにキューに入れる必要はありません。これは、GoogleがJavaScript SEOの基本で説明している効率的な経路です。
ニュアンス(そして重要)なのは、「静的HTML」が「ゼロJavaScript」を意味するわけではないということです。Webflowは、インタラクションやアニメーション用のJSを配信します。コンテンツは静的ですが、ページはスクリプトを読み込みます。したがって、正確な表現は「WebflowにはJavaScriptがない」ではなく、「Webflowのインデックス可能なコンテンツはJavaScriptレンダリングに依存しない」です。この区別は、まさに私がJavaScript SEOで深く掘り下げている種類のものであり、CSR React/Vue/Next SPAを悩ませるレンダリング遅延の問題をWebflowが回避する理由でもあります。また、AIクローラーは一般的に静的HTMLのみを読み取り、レンダリングしないため、これは毎年ますます重要になっています。
ネイティブコントロール(プラグイン不要)
WebflowはYoast/Rank Mathレイヤーを排除し、コントロール自体を提供します:
robots.txt— 設定 → SEOで完全に編集可能。Webflow自身の表現: “Provide instructions to search engine robots/crawlers about which pages of your site should not be crawled or indexed.” (翻訳) 「サイトのどのページをクロールまたはインデックスすべきでないかについて、検索エンジンのロボット/クローラーに指示を提供します。」(編集には有料プランとカスタムドメインが必要です。) Evidence for this claim Webflow documents robots.txt editing in site-level SEO settings. Scope: Availability depends on Webflow hosting and domain configuration described by Webflow. Confidence: high · Verified: Webflow: Site-level SEO- XMLサイトマップ — 自動生成され、Webflow Universityによると、“updates each time content is published.” (翻訳) 「コンテンツが公開されるたびに更新されます。」個々のページは、**「サイトマップから除外」**トグルで除外できます。それでも、Search ConsoleとBing Webmaster ToolsでURLを自分で送信する必要があります。 Evidence for this claim Webflow's generated sitemap updates on publish and supports excluding individual pages. Scope: Webflow automatic sitemap and page-level exclusion controls. Confidence: high · Verified: Webflow: SEO checklist Webflow: Site-level SEO
- 301リダイレクトマネージャー — プロジェクト設定 → SEOにあります。Webflowはこれを*“Migrate or relink your site URLs easily by creating and publishing 301 redirects — no engineering help required,”* (翻訳) 「301リダイレクトを作成して公開することで、サイトのURLを簡単に移行または再リンクできます。エンジニアリングの支援は不要です。」と宣伝しており、文書化された*“1,000 maximum as best practice.”* (翻訳) 「ベストプラクティスとして最大1,000件。」があります。
- 正規化タグ — 各ページの自身のURLに自動的に設定されます。カスタムコードで
rel=canonicalを注入することで上書きできます。ローカライズされたコンテンツに関するWebflowのガイダンスは、“add custom code on individual pages to manually apply your canonical tags.” (翻訳) 「個々のページにカスタムコードを追加して、正規化タグを手動で適用します。」です。 - カスタム
<head>および<body>コード — サイトレベル(サイト設定)とページごと(デザイナーのページ設定)にあります。JSON-LDスキーマはここに配置されます。WebflowにはWordPressのようなプラグインマーケットプレイスがないため、構造化データはアプリのインストールではなくコード埋め込みです。(新しいWebflow AI機能は、“generate schema markup… add it on your own, and easily edit it.” (翻訳) 「スキーママークアップを生成し…自分で追加して、簡単に編集できます。」) - Open Graphおよびソーシャルメタ — ページ設定に組み込まれています。
SEOのためのWebflow CMS
CMSコレクションはWebflowの動的ページエンジンです。コレクション(例:ブログ投稿)を定義すると、各アイテムは、フィールド変数から構築された設定可能なURLスラッグを持つ、独自のテンプレート駆動ページを取得します。
ほとんどの新規ユーザーが見逃す設定:アイテムごとに一意のタイトルと説明を取得するには、コレクションスキーマに専用のプレーンテキストフィールドを追加し(タイトルは約60文字、説明は約160文字に保ちます)、次にコレクションページのSEO設定でそれらのフィールドをバインドします。Webflowはまた、“automatically define meta titles and descriptions from CMS fields, or use Webflow AI to fill in missing metadata instantly.” (翻訳) 「CMSフィールドからメタタイトルと説明を自動的に定義するか、Webflow AIを使用して不足しているメタデータを即座に埋めます。」ことができます。バインドされると、すべてのコレクションアイテムページは、一意で事前レンダリングされたメタデータを配信します。
注目に値する2つのCMSギャップ:
- カテゴリ/タグアーカイブは自動生成されません。 Webflowはインデックス可能な
/blog/category/seo/ページを自動生成しません。必要な場合は、フィルタリングされた Collectionリストを使って手動で作成します。 - スキーマはリレーショナルフィールドにバインドされません。 Webflowのネイティブスキーマフィールドは
ReferenceフィールドやMulti-Referenceフィールドからデータを取得できないため、CMSのリレーションから
著者・組織・パンくずリストのデータを必要とする
Articleスキーマは、手動で管理するカスタムJSON-LD埋め込みにする必要があります。
Core Web Vitalsと速度
WebflowホスティングはCDN(100以上のPoPにわたるAWS + Fastly)上で動作し、HTML、CSS、JSを自動的にミニファイします。これにより、デフォルトで高速なTTFBと良好な Core Web Vitals が実現されます。独立したテスト(Seobilityによる)では、軽く編集したテンプレートでデスクトップPageSpeed 96、モバイル84を記録し、Webflowの出力は*“can be as clean and semantic as if it was written by an old-school developer.”* と結論付けています。(翻訳) 「昔ながらの開発者が書いたかのようにクリーンでセマンティックになり得る。」 通常の注意点を付け加えると、これらの数値はクリーンなテンプレートに対するものです。重いアニメーション、大きなヒーロー画像、積み重なったサードパーティスクリプトは、他の場所と同様にWebflowでもCWVを低下させます。
正直な制限事項
ここがWebflowのエージェンシー向けコンテンツが沈黙しがちな部分です。実際の上限は以下の通りです。
- ページネーションはクエリパラメータに固定されています。 Collectionリストのページネーションは
?page=2、?page=3を使用します。/page/2/に切り替えることはできず、ネイティブのrel=next/prevもなく、個々のページネーションURLを正規化するにはリスクのあるカスタムコードの注入が必要です。大規模なページネーションアーカイブでは、これは本当のギャップです。 - Hreflangの品質問題。 Webflow Localizationはサイトマップ内のhreflangを自動生成し、HTMLの
lang属性を設定しますが、レビュアーは相互リンクの欠落や自己参照の欠落を発見しています。自動出力を信頼するのではなく、Googleの要件に照らして手動で検証してください。 - サーバーログへのアクセスがありません。 Webflowホスティングは完全に管理されているため、生のサーバーログを読むことはできません。実際のクロール診断(Googlebotが実際に何にヒットしたか、どのくらいの頻度か)には、外部レイヤー(Cloudflare + Logpushやログアグリゲーター)が必要です。エンタープライズ向けテクニカルSEOにとって、これは意味のある盲点です。
- CMSアイテムの上限は依然として存在し、以前よりは高くなっています。 Webflowは2026年にサイトプランを再編成しました。従来のBusiness/CMSプランの分割は廃止され、40のCMS Collectionと20 000のCMSアイテム(従来のBusiness上限10 000アイテムの2倍)を含むPremierサイトプランに置き換えられました。無料のStarterプランは50 CMSアイテムで上限に達します。TeamおよびEnterpriseはさらに高く、契約ごとに交渉されます。ディレクトリ、ニュース、大規模カタログのプログラムmatic SEOにとって、上限は依然として現実的であり、ただ移動しただけです。最新の数値については、古いチェンジログの投稿ではなく、Webflowの現在の 価格ページ を確認してください。Webflow自身の “Scale your CMS to 10,000 items” アップデートも、そのタイトルの数字に関しては現在では古くなっています。
- アップロード後に画像ファイル名を変更できません。 遡って修正できないマイナーな画像SEOシグナルです。
- ステージングサブドメインの重複コンテンツの罠。 すべてのプロジェクトは
yoursite.webflow.ioで公開されています。サイト設定で “Disable subdomain indexing” を切り替えずにカスタムドメインを接続すると、同じコンテンツが2つのホスト名でインデックス可能になります。よくある起動時のミスです。
SEOにおけるWebflow vs. WordPress
よく受ける質問の短い答えは次の通りです。
- Webflow が優れている点: 強力な技術的デフォルト(静的HTML、高速CDN、ネイティブ コントロール)、プラグインによる負債なし、メンテナンス不要 — Webflow がセキュリティ パッチ、稼働時間、SSL、CMSアップデートを処理します。放置された WordPress インストールは ランキングに静かに悪影響を与える技術的負債を蓄積しますが、Webflow にはそのような リスクはありません。
- WordPress が優れている点: 成熟したプラグインエコシステム(Yoast、Rank Math、Schema Pro、内部リンクツール)、大規模なスキーマ自動化、より深いコンテンツワークフロー、 そして CMSアイテム数の上限なし。
私の見解: ほとんどのB2BおよびSaaSマーケティングサイトにとって、Webflow は競争力があり、 多くの場合、より優れた技術的基盤です。大規模なパブリッシャー、大規模なEコマースカタログ、 または大量のプログラム的SEOには、アイテム数の制限、ページネーション処理、ログアクセスの 欠如により、WordPress または専用スタックに押しやられます。ツールをコンテンツプログラムの 形状に合わせて選ぶべきであり、マーケティングページがより派手なプラットフォームに 合わせるべきではありません。
AIまとめ
Advancedバージョンの簡潔な見解:
- アーキテクチャ: Webflow は、すべてのページとCMSアイテムに対して公開時に静的HTMLを生成します — プリレンダリングされ、クライアントサイドではありません。クローラーとAIクローラー(静的HTMLのみを読み取る)は、JSをレンダリングせずにコンテンツを取得します。注意点: これは静的なコンテンツであり、ゼロJavaScript(JS)ではありません(インタラクション用にJSは依然として読み込まれます)。
- ネイティブコントロール(プラグインなし): 編集可能な
robots.txt(設定 → SEO)、公開時に更新されページごとの「除外」トグルがある自動サイトマップ、301リダイレクトマネージャー(ベストプラクティス最大1 000件)、自動セルフカノニカル(カスタムコードで上書き可能)、JSON-LDスキーマ用のカスタム<head>/<body>コード、Open Graphタグ。WordPress のようなプラグインマーケットプレイスはありません。 - CMS SEO: コレクションは、フィールド変数スラッグを持つ動的ページを作成します。アイテムごとのユニークなメタには Plain Text フィールドをバインドします。ギャップ: カテゴリ/タグアーカイブは自動生成されず、スキーマは Reference/Multi-Reference フィールドにバインドできません。
- 速度: CDN(AWS + Fastly)+ 自動ミニファイ → 一般的に強力な Core Web Vitals; あるテストではテンプレートでデスクトップ96 / モバイル84を記録。
- 制限事項:
?page=Nページネーションにrel=next/prevなし; Localization による hreflang 品質の問題; サーバーログアクセスなし; CMSアイテム数の上限(現在の Premier サイトプランでは20K、以前の Business 上限10Kから増加 — Webflow は2026年にプランを再編成); 画像ファイル名の変更不可;webflow.ioステージングサブドメインの重複トラップ。 - WordPress との比較: Webflow は技術的デフォルトとメンテナンス不要で優位; WordPress はプラグイン、大規模なスキーマ、CMS上限なしで優位。
公式ドキュメント
一次情報のドキュメント — Webflow のプラットフォーム機能については Webflow から、Webflow のアーキテクチャが満たさなければならない標準については Google/Bing から。
Webflow
- サイトレベルSEO | The Webflow Way — robots.txt、サイトマップ、サブドメインインデックス、リダイレクト。
- ページレベルSEO | The Webflow Way — メタタグ、カノニカル、カスタムコード、Open Graph。
- SEOチェックリスト | Webflow University — 自動サイトマップの動作と公開チェックリスト。
- AIを活用したSEO & AEOツール | Webflow Features — スキーマ生成、AIメタデータ、301マネージャー。
- Webflow Pricing — プランごとの現在のCMSアイテム数の上限(Premier: 20 000アイテム / 40コレクション、2026年のWebflowプラン再編成時点。旧Business/CMS分割を置き換え)。
- CMSを10,000アイテムにスケール | Webflow Updates — 過去の変更ログ投稿; タイトルにある10 000という数字は現在は古くなっていますが、文脈のために保持されています。
- JavaScript SEOの基本 — プリレンダリング/静的HTMLが、キューに入ったJSレンダリングよりも効率的な経路である理由。
- Core Web Vitalsとページエクスペリエンスレポート — ランキングシグナルとしてのLCP、INP、CLS。
- robots.txt入門 — Webflowで編集できるファイルが実際に何をするのか。
- 重複URLの統合(正規化) —
rel=canonicalがどのように扱われるか。
Bing / Microsoft
- Bingウェブマスターガイドライン — サイトマップ、robots.txt、クリーンなHTML、正規化の処理 — これらはすべてWebflowサイトにも同様に適用されます。
ソースからの引用
Webflowおよびプラットフォームをテストした独立系レビュアーによる公式声明。
Webflow — ネイティブコントロールについて
- “Provide instructions to search engine robots/crawlers about which pages of your site should not be crawled or indexed.” (翻訳) 「サイトのどのページをクロールまたはインデックスすべきでないかについて、検索エンジンのロボット/クローラーに指示を提供します。」 — robots.txtについて。 出典
- “1,000 maximum as best practice” (翻訳) 「ベストプラクティスとして最大1,000件」 — 301リダイレクトの数について。 出典
- “Add custom code on individual pages to manually apply your canonical tags” (翻訳) 「個々のページにカスタムコードを追加して、正規タグを手動で適用します」 — ローカライズされたコンテンツの正規化を上書きする場合について。 出典
- “Migrate or relink your site URLs easily by creating and publishing 301 redirects — no engineering help required.” (翻訳) 「301リダイレクトを作成して公開することで、サイトのURLを簡単に移行または再リンクできます — エンジニアリングの支援は不要です。」 出典
- “Automatically define meta titles and descriptions from CMS fields, or use Webflow AI to fill in missing metadata instantly.” (翻訳) 「CMSフィールドからメタタイトルと説明を自動的に定義するか、Webflow AIを使用して不足しているメタデータを即座に埋めます。」 出典
- “Generate schema markup with the help of Webflow AI, add it on your own, and easily edit it.” (翻訳) 「Webflow AIの助けを借りてスキーママークアップを生成し、自分で追加して、簡単に編集します。」 出典
Webflow University — サイトマップについて
- 自動生成サイトマップ機能は、“automatically generates a sitemap.xml” (翻訳) 「sitemap.xmlを自動生成し」、“updates each time content is published.” (翻訳) 「コンテンツが公開されるたびに更新されます。」 出典
Seobility(独立系テスト、2024年)
- “The code Webflow generates can be as clean and semantic as if it was written by an old-school developer.” (翻訳) 「Webflowが生成するコードは、昔ながらの開発者が書いたかのようにクリーンでセマンティックです。」(テスト結果:軽く編集したテンプレートでモバイルPageSpeed 84、デスクトップ96。) 出典
khod.io — Webflowがしないことについて
- “Webflow does not: 1. Choose your keywords. 2. Understand your buyer. 3. Decide which pages should exist. 4. Write useful content. 5. Build internal links. 6. Fix weak positioning.” (翻訳) 「Webflowは以下を行いません:1. キーワードを選ぶこと。2. 購入者を理解すること。3. どのページが存在すべきかを決定すること。4. 役立つコンテンツを書くこと。5. 内部リンクを構築すること。6. 弱いポジショニングを修正すること。」
- “The advantage is the execution, not the existence of SEO settings.” (翻訳) 「利点は実行であり、SEO設定の存在ではありません。」 出典
Webstacks
- “Webflow eliminates the need for third-party SEO plugins by including most optimization features natively.” (翻訳) 「Webflowは、ほとんどの最適化機能をネイティブに含めることで、サードパーティのSEOプラグインの必要性を排除します。」 出典
Webflow SEOローンチチェックリスト
カスタムドメインを接続する前と直後に実行するパス:
- サブドメインのインデックスを無効化 がオンになっている(サイト設定 → SEO)ことで、
yoursite.webflow.ioが実際のドメインと一緒にインデックスされないようにする。 -
robots.txtを確認し、インデックスしたいものをブロックしていないことを確認する (設定 → SEO — 有料プラン + カスタムドメインが必要)。 - 自動サイトマップが有効で、
sitemap.xmlのURLが Google Search Console と Bing Webmaster Tools に送信されている。 - 検索に表示すべきでないページは、「サイトマップから除外」
トグル(および/または
noindexメタ)を使用する。 - すべてのページに一意のメタタイトル(約60文字)と説明(約160文字)がある。
- CMSコレクションページは、メタタイトル/説明を専用のプレーンテキスト フィールドにバインドしているため、各アイテムが一意のメタデータを取得する。
- Open Graph 画像とソーシャルメタが主要ページに設定されている。
- スキーマ(JSON-LD)は、リッチリザルトが得られる場所にカスタムコードで追加されている — リレーショナル/参照データには手書きで記述。
- 移行時の古いURLは、301リダイレクトマネージャーでマッピングされている (Webflowのベストプラクティスとして1 000エントリ以内)。
- ローカライズしている場合: Localization の hreflang が、相互参照と自己参照の タグについて手動で検証されている。
- ヒーロー画像は圧縮されている。重いアニメーション/サードパーティスクリプトは Core Web Vitals に対して監査されている。
- CMSアイテム数は、コンテンツロードマップに対してプランの上限(2026年のプラン再編時点でPremierは20K — Webflowの現在の価格ページを確認。上限は以前にも変更されている)を十分に下回っている。
コレクション → テンプレート → 公開のフレームワーク
すべてのWebflow CMSページについて、3つの所有者を追跡する: コレクションフィールドがSEO値を保持し、コレクションテンプレートがそれらをheadマークアップと表示コンテンツにバインドし、公開がクローラー向けの静的ページを作成する。最も早い段階で壊れた受け渡し箇所でメタデータの欠落を診断し、デザイナープレビューだけでなく、公開されたURLを検証する。
Webflow SEO — すべてが存在する場所
コントロールとその場所
| コントロール | Webflow内の場所 | メモ |
|---|---|---|
robots.txt | 設定 → SEO | 有料プラン + カスタムドメインが必要 |
| XMLサイトマップ | 設定 → SEO(自動) | 公開時に更新。ページごとの「サイトマップから除外」トグル |
| 301リダイレクト | プロジェクト設定 → SEO | ベストプラクティス最大1 000件 |
| カノニカルタグ | 自動(自己) | カスタムコードで上書き可能 |
| メタタイトル/説明 | ページ設定 | コレクションページではCMSフィールドにバインド |
| Open Graph / ソーシャル | ページ設定 | ページごと |
| スキーマ(JSON-LD) | カスタムコード(<head>) | プラグインマーケットプレイスなし。参照データには手書き |
| サブドメインのインデックスを無効化 | サイト設定 → SEO | 起動時にオンにして webflow.io の重複を回避 |
Webflowの強みと弱み
| デフォルトで強力 | 正直な制限 |
|---|---|
| 公開時に静的HTML(CSRなし) | ページネーションが ?page=N に固定され、rel=next/prev なし |
| ネイティブコントロール、プラグイン不要 | スキーマが参照/複数参照フィールドにバインドできない |
| CDN(AWS + Fastly)+ 自動ミニファイ | Localization による hreflang の品質問題 |
| CMS連動の動的メタ | サーバーログへのアクセスなし |
| メンテナンス不要のホスティング | CMSアイテム上限(Premierは20K、Businessは10Kだった) |
クイックファクト
- 公開時にすべてのページとCMSアイテムに対して静的HTMLが生成される。
- 画像ファイル名はアップロード後に変更できない。
- カテゴリ/タグのアーカイブページは自動生成されない — 手動で作成する。
- AIクローラーは静的HTMLのみを読み取る — Webflowのプリレンダリングはここで役立つ。
避けるべきWebflow SEOの間違い
- CMSメタデータをページごとに編集する: テンプレートでコレクションフィールドをバインドして、新しいアイテムが正しい出力を継承するようにする。
- robotsルールで非公開になると思ってステージングサブドメインを公開する: 公開してはならないマテリアルにはアクセス制御を使用する。
- ネイティブ出力を確認せずにカスタムheadコードを追加する: 重複したカノニカル、タイトル、スキーマが発生する可能性がある。
- クリーンなビジュアルキャンバスをクリーンなDOMとして扱う: 出力内の見出し順序、アンカー、画像属性、非表示要素を検証する。
一般的なWebflow SEOの問題
CMSアイテムが空または重複したメタデータで公開される
原因: コレクションテンプレートのフィールドバインディングが空であるか、共有された静的値を指しています。修正: 必要なコレクションフィールドをマッピングし、編集上のフォールバックを追加し、影響を受けるアイテムを再公開します。
Webflowのステージングドメインが検索に表示される
原因: 公開アクセス可能で発見されました。修正: ステージングの公開を制限または無効にし、それへの内部/公開リンクを削除し、本番の正規URLを検証します。
リダイレクトは機能するが、もう1ホップ追加される
原因: レガシールールが中間スラッグまたはHTTP/ホストのバリアントを指しています。修正: 最終的な正規の宛先に更新し、完全なパスを再テストします。
Webflow SEOのためのツール
- Google Search Console — 自動生成された
sitemap.xmlを送信し、個々のURLがどのようにクロール/インデックスされるかを検査し、webflow.ioサブドメインの罠を示す重複正規警告に注意します。 - Bing Webmaster Tools — 検証IDをWebflowサイト設定に貼り付けて検証し、同じサイトマップを送信します。
- Ahrefs Site Audit / Ahrefs Webmaster Tools — 公開サイトをクロールして、リダイレクトチェーン、ブロックされたURL、欠落/重複メタ、およびWebflowがネイティブに修正できないページネーションパターンを表面化します。
- Screaming Frog SEO Spider — デスクトップクロールでCMSアイテムページが一意のタイトル/説明をレンダリングすることを確認し、ページネーションされた
?page=NURLを特定します。 - PageSpeed Insights / CrUX — 代表的なテンプレートで実際のCore Web Vitalsを確認します(テンプレートのベンチマークは重い本番デザインを反映しません)。
- Cloudflare + Logpush(またはログアグリゲーター) — 実際のクロール診断が必要な場合の、Webflowのサーバーログ欠落の回避策です。
- Webflow AI(組み込み) — JSON-LDスキーマを生成し、欠落メタデータを大規模に埋めます。出力を盲目的に信頼せずレビューします。
検証テスト
CMSテンプレートのメタデータ変更をテストする
実行するテスト — 代表的なCMSアイテムを公開し、生のタイトル、説明、正規、robots出力を検査します。期待される結果 — 各アイテムに正しくバインドされた値が1つあります。失敗の解釈 — テンプレートのバインディングまたはフォールバックが間違っています。監視ウィンドウ — 公開直後。ロールバックトリガー — テンプレートがコレクション全体でメタデータを削除または重複させる場合は元に戻します。
リダイレクト更新をテストする
実行するテスト — Redirect Chain Mapperで古いURLをトレースします。期待される結果 — 最終的な成功した正規URLへの1つのリダイレクト。失敗の解釈 — 重複するWebflowルールまたは中間宛先が残っています。監視ウィンドウ — 即時。ロールバックトリガー — 有効なルートがループ、チェーン、または間違ったページに着地する場合は元に戻します。
自分をテスト: Webflow SEO
Webflowが技術的なSEOの基本をどのように処理するかについての5つの簡単な質問。それぞれの答えを選んで、確認してください。
時間をかける価値のあるリソース
私の執筆
- JavaScript SEOの問題とベストプラクティス — レンダリング側、そしてなぜWebflowの静的出力がCSRの問題を回避するか。
- 技術SEOの初心者向けガイド — クロール、インデックス、正規化。これらはすべてWebflowに適用されます。
私の講演
- 検索の仕組み (SlideShare) — クロール、レンダリング、インデックス、ランキングのパイプラインの解説。Webflowサイトが通過しなければならないパイプラインです。(私の常時の免責事項が適用されます: “This is my understanding of systems… not going to be 100% complete or accurate.” (翻訳) 「これは私のシステムの理解であり…100%完全または正確ではありません。」)
業界からの情報
- 検証: WebflowはSEOに優れているか? — Seobility — 実際のPageSpeedデータと「クリーンでセマンティックな」コードという発見を伴う実地テスト。
- Webflow SEO: 効果があるもの、ないもの — khod.io — 誤解を解く最良の見解。「利点はSEO設定の存在ではなく、実行にある」。
- WebflowはSEOに優れているか? 長所と短所 — Webstacks — プラットフォーム比較と「サードパーティのSEOプラグインの必要性を排除する」という枠組み。
- HubSpot vs. WordPress vs. WebflowのSEOの長所と短所 — Search Engine Land — 元Webflowマーケティング責任者を含む実務者による3プラットフォーム比較。
- WebflowテクニカルSEO設定: 究極ガイド — Flow.ninja — ネイティブコントロールの設定レベルのウォークスルー。
変更履歴
2026年7月18日に更新。
編集概要と記録された変更の詳細。変更の詳細
-
変更の詳細な注記は現在英語でのみ提供されています。
完全な比較は利用できません — この改訂の以前のスナップショットがアーカイブされていません。