ダイナミックコンテンツとは、URLは同じまま、閲覧者、閲覧時間、流入経路に応じて変化するWebページの要素を指します。B2B企業のWebサイトでは通常、見出し、導入企業ロゴ、CTA、おすすめリソースなどが、訪問者の業界、企業規模、アカウント、所在地、購買プロセスのステージに合わせて切り替わります。
B2Bマーケターにとって役立つのは、どの要素を動的にするか、どのシグナルを信頼するか、そしてSEOやページ速度を損なわずにどう構築するかを知ることです。この記事では、要素ごとにそのまま使えるビフォー・アフターの例を交えて、この3つすべてを解説します。
ダイナミックコンテンツとは?静的・動的・パーソナライズの違い
「ダイナミックコンテンツ」という言葉は、3つの異なる意味で使われています。エンジニアリングと範囲を検討する前に、それらを区別しておきましょう。
| タイプ | 変わるもの | 根拠 | B2B の例 |
|---|---|---|---|
| 静的コンテンツ | 何も起こりません。誰かが編集するまで、すべての訪問者に同じページが表示されます。 | なし | 「会社概要」ページ |
| 動的コンテンツ(技術的な意味) | コンテンツはページのリクエスト時に、多くの場合データベースから組み立てられる | 訪問者ではなくデータ | 最新記事を一覧表示するブログのインデックス、求人掲示板、通貨別のリアルタイムの料金 |
| ダイナミックコンテンツ(マーケティングにおける意味) | 訪問者に関するルールに基づいて特定のブロックを差し替える | 訪問者の属性と行動 | ヘルスケア業界の訪問者には、ヘルスケア向けの見出しと病院のロゴが表示される |
| パーソナライズされたコンテンツ | ルールが定義済みのセグメントや指名アカウントを対象とするダイナミックコンテンツ | セグメントまたはアカウントの識別情報 | ターゲットアカウントに、自社の名前と購買委員会向けに作られたページが表示される |
ダイナミックコンテンツの意味を検索する人が通常知りたいマーケティング上の意味では、ダイナミックコンテンツは仕組みであり、ウェブサイトパーソナライゼーションはその仕組みで何を表示するかを決める戦略です。戦略なしのダイナミックコンテンツ(時刻に連動した「おはようございます」バナーなど)はあり得ますが、ダイナミックコンテンツなしにウェブサイトをパーソナライズすることはできません。
B2B Webサイトにおけるダイナミックコンテンツの6つのタイプ
すべてのダイナミックコンテンツのルールには、トリガー(シグナル)とペイロード(変わる内容)があります。種類はトリガーで決まります。B2B サイトで使われるのは次の6種類です。
| タイプ | トリガー | データソース | 主なペイロード |
|---|---|---|---|
| ファーモグラフィック/業種 | 訪問者の企業の業種、規模、売上 | リバースIPルックアップ、エンリッチメント、フォームデータ | 見出し、ロゴ、事例、ユースケースのコピー |
| 行動 | 閲覧ページ、消費コンテンツ、再訪問 | ファーストパーティのアナリティクスとCookie | CTA、おすすめリソース、チャットの声かけ |
| アカウント(ABM) | 訪問者の企業が指名ターゲットリストに含まれている | アカウントリストと識別された企業の照合 | アカウント名、それに合わせた実績、直接の商談予約CTA |
| 地理 | 国、地域、または都市 | IPジオロケーション | 通貨、コンプライアンスに関するメッセージ、地域のイベント、営業の連絡先 |
| リファラー/UTM | キャンペーン、広告、キーワード、または参照元サイト | URLパラメータ、リファラーヘッダー | 広告の約束を引き継ぐ見出し |
| ライフサイクル | 匿名、既知のリード、進行中の商談、既存顧客 | CRM またはマーケティングオートメーションとの同期 | 既存顧客には「デモを予約」ではなく、サポートやアップセル向けのコンテンツを表示 |
ほとんどのB2Bチームは、ファーモグラフィックのルールから始めるべきです。シグナルが初回訪問時から利用でき、表示内容も作りやすいからです。セグメントの選び方はコンバージョンにつながるファーモグラフィックセグメントのガイドで解説しています。行動ルールは発動までに数ページの閲覧が必要なため、再訪時により重要になります。活用すべきシグナルについてはB2Bウェブサイトの行動セグメンテーションをご覧ください。
リファラーやUTMに基づくルールは見落とされがちですが、識別はまったく必要ありません。「SOC 2のエビデンス収集を1週間で」と約束するLinkedIn広告に費用をかけているなら、ランディングページの見出しでも汎用的なブランドメッセージではなく、その約束を繰り返すべきです。広告には一貫したutm_contentの値を付け(当社のUTMビルダーなら小文字化とエンコードを自動で行います)、その値をキーにルールを設定しましょう。
ページ要素別のダイナミックコンテンツ Web サイト事例
ダイナミックコンテンツの範囲を決める最も速い方法は、ページ単位ではなく要素単位で考えることです。以下は、B2Bサイトで最も重要な6つの要素についての変更前・変更後の例です。企業は架空のもので、医療、小売、物流向けに販売するワークフォーススケジューリングのプラットフォームです。下の医療の行は、医療機関のどの役割に向けて書くのかを把握している前提です。病院・医療機関向けマーケティングのガイドでその対応関係を整理しています。
| 要素 | 変更前(静的) | 変更後(ダイナミック) | ルール |
|---|---|---|---|
| ヒーローの見出し | 「すべてのチームに、よりスマートな日程調整を」 | 「残業の急増なしで看護師のシフトを埋める」 | 業種 = ヘルスケア |
| 社会的証明 | 無作為に選んだ顧客ロゴ10個 | 病院・クリニックのロゴ5つ、ヘルスケア業界の引用1件 | 業種 = ヘルスケア |
| メインCTA | 「デモを予約する」 | 「500拠点以上向けの料金を見る」 | 料金ページを2回閲覧、企業規模1,000人以上 |
| メインメニュー | 「ソリューション」メニューに8つのユースケースがすべて並んでいる | 訪問者の業界をメニューの最上部に固定 | 業種が判明 |
| 料金ページ | 3つのプランとエンタープライズ向けの「お問い合わせ」 | SSO、監査ログ、調達に関するFAQでエンタープライズ枠を拡充 | 従業員数1,000人以上 |
| おすすめリソース | 日付順の「最新記事」 | 小売業の人件費ガイドと小売業の事例2件 | 業種 = 小売、または小売関連の記事を2本読んだ |
具体例:1つのホームページ、3つの業種
例(説明用):前述のスケジューリング企業には、業界別に識別できるホームページへのトラフィックが安定してあります。最小限の構成は以下のとおりです。
- 2つの要素だけについて3つのバリアントを書きます。ヒーロー(見出し、サブ見出し、ヒーロー画像)とロゴバーです。ヘルスケア、小売、物流のそれぞれに専用のものを用意します。多くのセグメント向けにバリアントを作成する場合は、メッセージをぶらさない方法をB2Bコンテンツパーソナライゼーションのガイドで解説しています。
- デフォルトはそのままにする。識別されていない訪問者やその他の業種には、現在のホームページを表示します。
- 識別した企業の業種コードを使って業種ごとに1つのルールを設定し、信頼度のしきい値を設けて、弱いマッチは標準ページに戻るようにします。
- セグメントごとに30日間測定します。デモ依頼率と業種別ページへのクリック率を、デフォルトを表示する同じ業種のホールドアウトと比較します。結果を読み取る前に十分なトラフィックがあるかを確認する方法は、A/Bテストのサンプルサイズの記事で紹介しています。
業界ごとに、コピー6つとロゴの帯1本です。業界ベースのパーソナライズの設定のウォークスルーでルールの設定を順を追って解説し、B2Bのホームページパーソナライズの記事でセグメントごとに何を変えるべきかを解説しています。
動的コンテンツの実装方法
ダイナミックコンテンツを組み立てる場所は3つあります。どれが適切かは、技術スタック、トラフィック、そしてどの程度のちらつきを許容できるかによります。
| アプローチ | 仕組み | 強み | 注意点 |
|---|---|---|---|
| サーバーサイド | HTMLを送信する前に、ウェブサーバーまたはCMSがどのバリアントをレンダリングするかを決めます | ちらつきなし、完全なコントロール、JavaScript なしで動作 | それを前提に設計しない限りページ全体のキャッシュが効かなくなり、新しいルールのたびにエンジニアリングが必要 |
| エッジ | CDNワーカー(Cloudflare Workersなど)がリクエストごとにキャッシュ済みのHTMLを書き換えます | 高速で、標準ページのCDNキャッシュを維持でき、ちらつきもない | 特定データがエッジで数ミリ秒以内に利用できる必要があり、マーケターが編集しにくい |
| クライアントサイド | ページの読み込み後にJavaScriptスニペットが要素を差し替えます | マーケターがルールを管理でき、どのCMSでも動作し、最も早く公開できる | 差し替えが遅いとちらつく。スクリプトの重量が増える。描画をブロックしてはならない |
2つ目の判断は、CMSかパーソナライゼーション層かです。最近のCMS(およびランディングページ機能を持つマーケティングオートメーションツール)の多くは、「このリストやスマートセグメントにはこのモジュールを表示する」といったダイナミックコンテンツにある程度対応しています。これは訪問者がすでに既知のコンタクトであるライフサイクルのルールには有効です。しかし、トラフィックの大半を占める匿名のB2Bトラフィックには向いていません。CMSは訪問者がどの企業から来たかを知らないからです。
パーソナライゼーションのレイヤーはCMSの上に位置し、匿名の訪問の背後にいる企業を識別して、あらゆるページにルールを適用します。構成要素(データ、ルール、配信)を理解したい場合はB2Bウェブサイトパーソナライゼーションの仕組みで詳しく解説しており、実際のページでどう見えるかはリアルタイムパーソナライゼーションの事例で紹介しています。
当社の見解:ほとんどのB2Bマーケティングチームにとっては、クライアントサイドから始めるのが正解です。ただし、スニペットを早い段階で読み込み、レイアウト上のスペースが確保されたファーストビューの要素だけを差し替え、タイムアウト時にはデフォルトに戻ることが条件です。効果が実証された、トラフィックが多く価値の高いルールは、エッジ配信に移行しましょう。
動的コンテンツとSEO
ダイナミックコンテンツのSEOは、1つの原則に集約されます。検索エンジンには標準ページをインデックスさせ、標準ページはそれ単体で完全な優れたページであるべき、ということです。
Googleのスパムに関するポリシーは、クローキングを「検索ランキングを操作してユーザーを欺く目的で、ユーザーと検索エンジンに異なるコンテンツを表示すること」と定義しています。Googleが挙げる例は、クローラーにはあるトピックのページを見せ、ユーザーには別のトピックのページを見せることや、リクエスト元が検索エンジンの場合にだけキーワードを挿入することなどです。病院からの訪問者向けに医療業界の見出しに差し替えるのは、それには当たりません。私たちが使う判断基準は、「Googleにすべてのバリアントを見られても問題ないか」です。各バリアントが同じページの妥当なバージョンであれば、問題ありません。
動的コンテンツをSEO上安全に保つための実践的なルール:
- クローラーを狙ったルールは絶対に書かない。ユーザーエージェントの判定は行いません。クローラーはどのセグメントにも該当せず、デフォルトが表示されるだけです。
- 本当に異なるページでない限り、バリアントは1つのURLにまとめます。パラメータ付きURLにバリアントを分けると、ランキングシグナルが分散します。
- デフォルトを薄くしないこと。デフォルトのヒーローが「ようこそ」なら、検索順位がつくのはそのページです。
- 地域ルールには注意が必要です。Googleは、デフォルトのクローラーのIPが"appear to be based in the USA"と述べており、言語を動的に切り替えるのではなく、hreflangを付けたロケール別URLを用意することを推奨しています。通貨や地域のイベントは動的に切り替えても構いませんが、ページ全体の言語は切り替えないでください。
- Core Web Vitalsを守る。レイアウトシフトを避けるため差し替えるブロックの領域をあらかじめ確保し、企業特定の呼び出しを待つ間にレンダリングを決してブロックしないでください。
キャッシュ、canonical、テストについては、Web サイトパーソナライゼーションと SEO のガイドで詳しく解説しています。
動的コンテンツで多くのチームが間違えること
意思決定ではなく装飾をパーソナライズしている。見出しに「こんにちは、Acme様」と挿入するのは、ネット上で最もよく見る動的コンテンツの例であり、最も役に立たないものの1つです。訪問者は自社名を見たからコンバージョンするのではありません。ページが疑問に早く答えてくれたからコンバージョンするのです。適切な証拠、適切な料金の詳細、適切な次のステップです。買い手が意思決定に使うコンテンツを変えましょう。
弱いシグナルを信用してしまう。IPベースの識別は確率的です。小売業で働く訪問者に自信満々に「銀行向けに設計」と表示するルールは、ルールがないより悪い結果になります。一致の確信度にしきい値を設け、それを下回る場合はデフォルトに戻しましょう。
デフォルトを忘れている。トラフィックの大半はどのルールにも該当しません。チームはバリエーションに何週間もかけ、デフォルトのページを古いまま放置しがちです。最大のセグメントに表示されるのはデフォルトなので、まずデフォルトを改善しましょう。
測定しきれないほど多くのバリエーションを作る。12業種×4要素で48のコンテンツになり、結果を読めるだけのトラフィックがあるセグメントは1つもありません。3つのセグメントにそれぞれ2つの要素なら、測定と維持が可能なプログラムになります。ルールを見失わずにそれ以上に拡大する方法は、大規模なパーソナライゼーションの記事で解説しています。
ホールドアウトを省いている。デフォルトを見るコントロールグループがなければ、あるセグメントのコンバージョンが高いのがコンテンツのおかげなのか、そのセグメントがもともとコンバージョンしやすかったからなのか区別できません。
最初のダイナミックコンテンツを公開するための30日間の計画
- 1週目:セグメントを選ぶ。90日分のトラフィックを抽出し、識別された業界や企業規模でグループ化して、ICPに合致し十分なボリュームがある上位3つのセグメントを選びます。
- 1週目:要素を選ぶ。ホームページのヒーローと導入実績、そしてCTAを1つ。それ以外はまだ手を付けません。
- 第2週:バリアントを書きます。セグメントごとに見出し1つ、サブ見出し1つ、ロゴ5つ、CTA1つ。正確性について営業にレビューしてもらいます。
- 3週目:構築と QA。確度のしきい値、セグメントごとに10〜20%のホールドアウト、デフォルトへのタイムアウトを設定したルールを作ります。VPN、モバイル、クローラーの取得ツールでテストし、デフォルトが描画されることを確認します。
- 4週目以降:測定。セグメントごとのコンバージョン率をそのホールドアウトと比較してレポートします。勝ったものは残し、負けたものは書き直し、その後1つずつ要素を追加します。
ダイナミックコンテンツの取り組みがアカウントベースの施策の一部であれば、アカウントベースドマーケティングの事例で紹介している施策が、サイトのコンテンツを広告、郵送物、SDRのアウトリーチとどう組み合わせるかを示しています。
テキストの差し替えは簡単な部分です。B2Bで難しいのは、どの企業がページを見ていて、どのセグメントに属するかを知ることです。Markettailorの訪問者特定は匿名の訪問を企業に紐付け、セグメンテーションはそれらの企業を上記の業種、規模、アカウントのルールに変換します。変更のたびに開発チケットを起こす必要はありません。
よくある質問
動的コンテンツを簡単に説明すると?
ダイナミックコンテンツとは、ページのアドレスは同じまま、閲覧者に応じて変化するWebサイトのコンテンツです。同じホームページでも、病院からのB2B訪問者には医療業界の導入企業ロゴが、小売企業からの訪問者には小売業界のロゴが表示される、といった形です。
静的コンテンツとダイナミックコンテンツの違いは何ですか?
静的コンテンツは、誰かが編集するまですべての訪問者に同じ内容を表示します。ダイナミックコンテンツは、訪問者の業界、所在地、キャンペーンの流入元、行動などのデータに基づいて、リクエスト時に組み立てられたり差し替えられたりします。ほとんどのB2B Webサイトは基本的に静的で、その上にいくつかの動的なブロックが重ねられています。
Webサイトにおけるダイナミックコンテンツの例は?
ダイナミックコンテンツを使った Web サイトの一般的な例には、業界別のヒーロー見出し、訪問者の業界に合わせた顧客ロゴ、料金ページの閲覧後に変わる CTA、国別に表示する通貨、クリックした広告と一致するランディングページの見出し、すでに読んだ記事に基づくリソースのおすすめなどがあります。
動的コンテンツはSEOに悪影響がありますか?
いいえ。クローラーが同じURLで完全なデフォルトページを取得でき、検索エンジンだけに異なるコンテンツを見せない限り問題ありません。問題が起きるのは、内容の薄いデフォルト、URLごとに分かれたバリエーション、Core Web Vitalsを悪化させる遅いスクリプト、そして別々のURLではなく言語全体を動的に切り替えて配信する場合です。