AI生成コンテンツをWebflow CMSに一括公開するには?

簡単な回答:AirOpsはWebflow CMSのコレクションに直接接続できるため、Webflowのエディターを操作せずに、AIが作成したコンテンツを数百ページ分生成、マッピング、公開できます。AirOpsでGridを設定し、フィールドをCMSのスキーマにマッピングして、コンテンツを一括で公開(または下書きとして送信)します。これまで数日かかっていた手作業のコピー&ペーストが、このワークフローに置き換わります。

Webflowへのコンテンツの手動公開は、規模が大きくなるとすぐに限界を迎えます。CMSを開き、ドキュメントに切り替えてフィールドをコピーし、貼り付ける。この作業を1ページにつきさらに47回繰り返し、それを200ページ分行うことになります。AirOpsは、Webflow CMSを手作業で訪れる場所ではなく、直接の出力先として扱うことでこの問題を解決します。

このチュートリアルでは、AirOpsとWebflowによる一括公開のセットアップ全体を順に説明します。連携の接続、APIフィールドのマッピング、Gridからの一括操作の実行、下書きモードと公開モードの選び方までを扱います。読み終える頃には、人員を増やさなくてもコンテンツの出力量を拡大できる、再現性のあるワークフローが手に入ります。

AirOpsとは何か、なぜWebflowと相性が良いのか

AirOpsは、構造化されたコンテンツを大量に制作、公開する必要があるチーム向けに作られた、AIコンテンツオペレーションのプラットフォームです。AIワークフローのオーケストレーションとネイティブなCMS連携を組み合わせているため、AIワークフローの出力は、誰かがコピーしてくれるのを待つGoogleドキュメントではなく、CMSに直接反映されます。

WebflowのCMSはコレクションベースです。ブログ記事、ランディングページ、プロダクトページなど、あらゆるページタイプは、フィールドが定義されたコレクションに格納されます。AirOpsはWebflow APIを通じてこれらのフィールドに直接マッピングするため、タイトル、本文、メタディスクリプション、スラッグ、カスタムフィールドを1回の自動処理でまとめて入力できます。

その結果、Webflow自身のコンテンツチームはAirOpsを使って、コンテンツのリフレッシュ速度を5倍に高めました。これはわずかな改善ではありません。月に20ページしかリフレッシュできなかった状態から、100ページをリフレッシュできる状態への変化です。

始める前に必要なもの

ワークフローを構築する前に、次のものが揃っていることを確認してください。

• AirOpsのアカウント(有料プランであればいずれもCMS連携を利用できます)
• CMSコレクションを1つ以上作成済みのWebflowサイト
• コレクションへの読み取り/書き込み権限を持つWebflow APIトークン
• 入力したいCMSフィールドの明確な一覧(フィールド名が重要です。詳しくは後述します)
• AIワークフローに渡す元のコンテンツやデータ(URL、既存のコピー、トピックのスプレッドシートなど)

Webflowのコレクションがまだ存在しない場合は、先に作成してください。AirOpsはAPIからスキーマを読み取るため、マッピングする前にフィールドを用意しておく必要があります。

ステップ1:AirOpsをWebflowアカウントに接続する

Webflow APIトークンを生成する

1. Webflowにログインし、サイト設定を開きます
2. Integrations > API Accessに移動します
3. CMSの読み取りと書き込みの権限を持つ新しいAPIトークンを生成します
4. トークンをコピーします(ページを離れると再表示されません)

AirOpsでWebflowを連携先として追加する

1. AirOpsを開き、左サイドバーの各種連携に移動します
2. 連携の一覧からWebflowを選択します
3. 認証フィールドにAPIトークンを貼り付けます
4. Connectをクリックし、AirOpsが接続を確認するまで待ちます
5. アカウントに複数のサイトがある場合は、作業したいWebflowサイトを選択します

接続が完了すると、AirOpsはサイトのコレクションスキーマを自動的に取得します。次のステップで、コレクション名とフィールドタイプが表示されます。

ステップ2:AirOps Gridを設定する

AirOpsのGridは、コンテンツの一括操作を行うための中核となるワークスペースです。各行が1つのコンテンツ、各列が入力、AI生成の出力、またはCMSフィールドのいずれかになるスプレッドシートだと考えてください。

新しいGridを作成する

1. AirOpsでNew Gridをクリックします
2. 「Webflow Blog Refresh Q3」や「Landing Page Bulk Publish」のように、具体的な名前を付けます
3. ゼロから始めるか、既存のデータをインポートするかを選択します

元データをインポートする

既存のページをリフレッシュする場合は、Webflowのコレクションから直接インポートできます。AirOpsが現在のフィールド値をGridに取り込むため、最初から実際のデータで作業できます。

新しいページを作成する場合は、CSVをインポートするか、トピックの一覧を貼り付けます。各行が1つのCMSアイテムになります。

AI列を作成する

生成したいコンテンツごとにAI列を追加します。Webflowのブログ向けワークフローでよく使われる列は次のとおりです。

• タイトル:トピックとターゲットキーワードをもとに、SEOに最適化されたタイトルをAIに作成させるプロンプト
• 本文:トピックと参考資料をもとにした、記事全体またはセクションの内容
• メタディスクリプション:ページの要約(150〜160文字)
• スラッグ:タイトルをURLで使える形式にしたもの
• Excerpt:コレクション一覧ページ向けの短い要約
• Custom fields:Webflowのスキーマに固有のもの(著者、カテゴリー、アイキャッチ画像のaltテキストなど)

各列は、その行のデータに対してAIプロンプトを実行します。プロンプトでは他の列を参照できるため、メタディスクリプションのプロンプトで、生成されたタイトルと本文を自動的に取り込めます。検索での可視性が目標の1つである場合は、生成と公開を別々のワークフローとして扱うのではなく、明確なB2B SaaSのSEO戦略を軸にこれらのプロンプトを組み立てると効果的です。

ステップ3:AirOpsの列をWebflow CMSのフィールドにマッピングする

ここでAPIのマッピングを行います。多くの人が最初につまずくのがこのステップです。

Webflowのフィールドスラッグを理解する

Webflowは、CMSフィールドを表示名ではなく フィールドスラッグで識別します。WebflowのUIで「Post Body」と名付けたフィールドでも、作成方法によってはスラッグが次のようになっている場合があります。 post-body または body 必要なのはラベルではなくスラッグです。

フィールドスラッグの確認方法:

1. Webflowでコレクションの設定を開きます
2. 任意のフィールドをクリックして、その設定を表示します
3. スラッグは、設定パネルのフィールド名の下に表示されます
4. 入力する予定のすべてのフィールドのスラッグを控えておきます

AirOpsでフィールドをマッピングする

1. GridでPublish to CMSをクリックするか、Actionsパネルを開きます
2. 公開先としてWebflowを選択します
3. ドロップダウンから対象のコレクションを選択します(AirOpsは、APIで検出したすべてのコレクションを一覧表示します)
4. Webflowの各フィールドに対応するAirOpsの列を、ドロップダウンから選択します

マッピング画面には2つの列が表示されます。左にWebflowのフィールド、右にAirOps Gridの列です。これらを対応させてください。対応するGrid列がないWebflowフィールドは、マッピングせずにそのままにします(更新の場合は既存の値が保持され、新規アイテムの場合は空欄になります)。

避けるべきよくあるマッピングの間違い:

• プレーンテキストの列をリッチテキストのフィールドにマッピングする(またはその逆)と、書式エラーが発生します
• スラッグのフィールドをマッピングしないと、Webflowがスラッグを自動生成しますが、乱雑になりがちです
• 必須フィールドのマッピングを忘れると、該当する行では公開アクションが失敗します

ステップ4:下書きモードと公開モードのどちらを使うか選ぶ

AirOpsからWebflowにコンテンツを送る際には、アイテムを下書きとして作成するか、すぐに公開するかの2つの選択肢があります。どちらが適切かは、レビューのプロセスによって決まります。

下書きモードを使う場面

下書きモードでは、WebflowでCMSアイテムの作成または更新は行われますが、一般には公開されません。次のような場合に使います。

• コンテンツを公開する前に、編集レビューの工程がある
• 大量のバッチを実行する際に、全件公開の前にサンプルをQAしたい
• Webflowサイトでステージング環境や承認ワークフローを使っている
• すでに公開されている既存ページを更新しており、先に変更内容をプレビューしたい

AirOpsで、アクションを実行する前に公開設定で下書きを選択します。アイテムは、下書きの表示付きでWebflow CMSのコレクションに表示されます。

公開モードを使う場面

公開モードでは、アイテムがすぐに公開されます。次のような場合に使います。

• Grid上でAIの出力をすでにレビュー済みで、品質に自信がある
• 時間的な制約のある更新(価格の変更、ニュースに近いコンテンツなど)を行っている
• すべてのコンテンツがリスクの低いサイトで作業している(薄いページ、大規模なプログラマティックSEOなど)

実践的な進め方:新しいワークフローの最初のバッチは、必ず下書きモードで実行します。アイテムの10〜20%を手作業でレビューし、品質が安定していれば、以降のバッチでは公開モードに切り替えます。

ステップ5:一括公開アクションを実行する

Gridにデータが入り、フィールドのマッピングが済み、公開モードを選択したら、実行の準備は完了です。

行を選択する

すべての行を公開することも、一部だけを公開することもできます。一部の行を公開するには、次のようにします。

1. 含めたい行にチェックを入れます
2. AirOpsは、選択した行に対してのみアクションを実行します

段階的にロールアウトする場合や、一部の行にまだレビューが必要な場合に便利です。

アクションを実行する

1. Publish to CMS(またはGrid内の同等のアクションボタン)をクリックします
2. AirOpsは、各行を個別のCMSアイテムの作成または更新の呼び出しとして、Webflow APIに送信します
3. 進捗インジケーターに、完了、保留中、失敗した行が表示されます
4. 失敗した行にはエラーの理由が表示されます(フィールドタイプの不一致、必須フィールドの欠落、APIレート制限など)

失敗への対処

Webflowの API にはレート制限があります。数百件のアイテムを公開する場合、AirOpsがレート制限を自動で管理しますが、非常に大規模なバッチ(500件以上)は完了までに数分かかることがあります。

失敗した行については、エラー列に表示された問題を個別に修正し、その行だけを再実行してください。

ステップ6:定期的な一括公開をスケジュールする

単発の一括公開も便利です。しかし、本当に大きな効率化が得られるのは、スケジュールに沿って繰り返し実行する一括公開です。

AirOpsはワークフローのスケジュール設定に対応しているため、Gridを決まったサイクルで実行し、公開するよう設定できます。実用的な活用例は次のとおりです。

• 毎週のコンテンツリフレッシュ:トラフィックの少ないページを抽出し、本文とメタ情報を再生成して、毎週月曜日に更新を反映する
• プログラマティックなページ作成:連携したデータソース(Airtable、Google Sheets)に新しい行を追加すると、次回のスケジュール実行時にAirOpsが取り込む
• 季節ごとの更新:価格やオファーのコピー変更を、特定の日時に公開されるようスケジュールする

AirOpsでスケジュールを設定するには、ワークフロー設定を開き、トリガーを時間ベースのスケジュールに設定します。出力アクションをWebflowの公開ステップに接続すれば、ワークフローは手作業なしで実行されます。より大きな顧客獲得の仕組みの一部として取り組むチームでは、B2B SaaSのコンテンツマーケティングや、より広いデジタルマーケティングの運用と重なることも少なくありません。

下書きか公開か:簡易的な判断フレームワーク

よくある質問

Q:AirOpsはWebflow CMSとどのように連携しますか?
A:AirOpsは、Webflowのサイト設定で発行したAPIトークンを使い、Webflow REST API経由で接続します。接続後、AirOpsはコレクションのスキーマを読み取り、Gridの列をCMSフィールドに直接マッピングできます。これにより、Webflowエディタを開かずにCMSアイテムを一括で作成・更新できます。

Q:AirOpsは複数のWebflowコレクションに同時に公開できますか?
A:AirOpsは、Gridアクション1回につき1つのコレクションに公開します。複数のコレクション(たとえばブログ記事と著者ページ)にデータを入れる必要がある場合は、同じワークフロー内で、それぞれ別のコレクションを対象とする公開アクションを複数設定します。これらのアクションをつなげれば、順番に自動実行されます。

Q:AirOpsのWebflow連携では、下書きモードと公開モードの違いは何ですか?
A:下書きモードでは、WebflowのCMSアイテムを一般には公開せずに作成・更新します。公開モードでは、アイテムをすぐに公開状態にします。AI生成コンテンツを扱うワークフローでは、サイトに掲載される前にチームがレビューできる下書きモードを標準にしておくほうが安全です。

Q:AirOpsは一括公開時のWebflow APIレート制限に対応していますか?
A:はい。AirOpsは一括公開アクションの実行時に、レート制限を自動で管理します。大規模なバッチでは処理に時間がかかりますが、AirOpsが必要に応じてリクエストをキューに入れ、再試行します。ほとんどの標準的な使い方では、手動で流量を調整したり、バッチを自分で分割したりする必要はありません。

Q:月に公開するページが50件未満のチームでも、AirOpsとWebflowの組み合わせは有効ですか?
A:月50ページ未満の場合、時間の節約効果は確かにありますが、それほど大きくはありません。小規模なチームにとってより大きなメリットは一貫性です。すべてのページで、同じフィールド構成、同じプロンプトロジック、同じ品質チェックが適用されます。プログラマティックSEOやコンテンツリフレッシュの取り組みを行っているなら、ボリュームが少なくても導入の手間はすぐに回収できます。より広いSEOやPerformance Marketingのワークフローを支える場合は、なおさらです。