返回文章列表
網站個人化

動態內容:定義與 B2B 網站範例

2026年10月15日
作者:Markettailor 團隊
桌上的螢幕顯示 HTML 程式碼與到達頁面預覽,旁邊還有一台平板與一支手機顯示網頁

動態內容是指網頁中會依據觀看者身分、觀看時間或來源管道而改變的任何部分,而網址保持不變。在 B2B 網站上,通常是標題、客戶標誌、行動呼籲或推薦資源,會依訪客的產業、公司規模、帳戶、所在地或購買階段而替換。

對 B2B 行銷人員來說,有用的部分是知道哪些元素要做成動態、該信任哪些訊號,以及如何在不破壞 SEO 或頁面速度的情況下建置。本文涵蓋這三點,並附上可逐一元素照抄的前後對照範例。

什麼是動態內容?靜態、動態與個人化內容比較

大家說「動態內容」時,指的可能是三件不同的事。在與工程團隊規劃範圍之前,請先區分清楚。

類型改變的內容依據B2B 範例
靜態內容什麼也不會發生。在有人編輯之前,每位訪客都看到相同的頁面。無「關於我們」頁面
動態內容(技術層面的意義)內容在頁面被請求時組合,通常來自資料庫是資料,不是訪客列出最新文章的部落格索引頁、徵才頁、以某種幣別顯示的即時價格
動態內容(行銷意義)特定區塊依據關於訪客的規則進行替換訪客屬性與行為醫療產業訪客會看到醫療標題與醫院標誌
個人化內容規則鎖定特定區隔或指定客戶的動態內容區隔或帳戶身分目標帳戶看到自己的名稱,以及為其採購委員會打造的頁面

在行銷的語境中(這通常也是搜尋「動態內容是什麼意思」的人想知道的),動態內容是機制,而網站個人化是決定這個機制要呈現什麼的策略。您可以有動態內容卻沒有策略(例如依時鐘顯示的「早安」橫幅)。但沒有動態內容,就無法做網站個人化。

B2B 網站上的六種動態內容

每條動態內容規則都有一個觸發條件(訊號)和一個內容(要改變的東西)。觸發條件決定類型。以下是 B2B 網站上使用的六種類型。

類型觸發條件資料來源常見內容
公司屬性/產業訪客公司的產業、規模或營收反向 IP 查詢、資料擴充、表單資料標題、標誌、客戶案例、使用情境文案
行為瀏覽的頁面、閱讀的內容、回訪第一方分析與 CookieCTA、資源推薦、聊天提示
客戶帳戶(ABM)訪客的公司在指名目標名單上帳戶名單與已識別公司比對客戶名稱、量身佐證、直接預約會議 CTA
地理國家、地區或城市IP 地理定位幣別、法規遵循訊息、在地活動、業務聯絡窗口
推薦來源/UTM活動、廣告、關鍵字或參照網站網址參數、參照標頭延續廣告承諾的標題
生命週期匿名、已知名單、進行中的商機、客戶CRM 或行銷自動化同步既有客戶看到支援與擴充相關內容,而不是「預約展示」

大多數 B2B 團隊都應該從公司屬性規則開始,因為第一次造訪就能取得訊號,內容也容易製作。我們關於能帶來轉換的公司屬性區隔的指南說明如何挑選區隔。行為規則需要幾次頁面瀏覽後才會觸發,因此在回訪時更重要;值得使用的訊號請參閱 B2B 網站行為區隔。

推薦來源與 UTM 規則常被忽略,但它們完全不需要識別。如果您付費投放一則承諾「一週內完成 SOC 2 證據蒐集」的 LinkedIn 廣告,到達頁面標題就應該重複這個承諾,而不是您的通用品牌標語。為廣告加上一致的 utm_content 值(我們的 UTM 產生器會將它轉為小寫並編碼),並讓規則依據這個值觸發。

依頁面元素分類的動態內容網站範例

規劃動態內容範圍最快的方式,是逐一元素而非逐一頁面。以下是 B2B 網站上最有分量的六個元素的改前改後範例。這家公司是虛構的:一個銷售給醫療、零售和物流業的人力排班平台。下方醫療業的列假設您知道自己是在為醫療體系中的哪些職務撰寫內容;我們的向醫院和醫療體系行銷指南整理了這些職務。

元素之前(靜態)之後(動態)規則
主視覺標題「為每個團隊打造更聰明的排程」「填補護理班表,不再加班暴增」產業 = 醫療保健
社會認同隨機挑選的十個客戶標誌五個醫院與診所標誌,一則醫療業引言產業 = 醫療保健
主要 CTA「預約 Demo」「查看500個以上據點的價格」瀏覽價格頁面兩次,公司規模1,000人以上
主選單「解決方案」選單列出全部八個使用情境訪客所屬產業固定排在選單首位已知產業
價格頁三個方案,企業方案為「聯絡我們」擴充大型企業方案,加入 SSO、稽核紀錄和採購常見問題公司規模 1,000 人以上
資源推薦依日期排序的「最新文章」零售業人力成本指南與兩個零售業客戶案例產業 = 零售,或讀過兩篇零售相關文章

實作範例:一個首頁、三個產業

範例(說明用):上述的排程軟體公司擁有穩定的首頁流量,且能依產業識別。以下是最精簡的建置方式:

  1. 只為兩個元素各寫三個版本:主視覺(標題、副標題、主視覺圖片)與標誌列。醫療、零售與物流各有自己的版本。如果您要為許多客群撰寫版本,這份 B2B 內容個人化指南說明如何讓它們保持訊息一致。
  2. 維持預設版本不變。未識別訪客與其他產業的訪客看到目前的首頁。
  3. 每個產業設定一條規則,使用已辨識公司的產業代碼,並設定信心門檻,讓比對度低的結果回到預設內容。
  4. 依分群衡量 30 天:Demo 申請率與點擊進入產業頁面的比例,並與同產業、看到預設內容的保留對照組比較。我們關於A/B 測試樣本數的文章說明了如何在解讀結果前確認流量是否足夠。

每個產業需要六段文案和一條標誌列。我們的設定以產業為基礎的個人化教學逐步說明了規則設定,B2B 首頁個人化文章則說明每個分眾該改什麼。

如何導入動態內容

動態內容可以在三個地方組合。哪一個最適合,取決於您的技術架構、流量,以及您能容忍多少畫面閃爍。

做法運作方式優勢注意事項
伺服器端您的網頁伺服器或 CMS 在傳送 HTML 前決定要渲染哪個版本無閃爍、完全掌控、不需 JavaScript 也能運作除非事先設計,否則會破壞整頁快取;每條新規則都需要工程投入
邊緣由 CDN worker(例如 Cloudflare Workers 或類似服務)依每個請求改寫快取的 HTML速度快,預設頁面保留 CDN 快取,不會閃爍識別資料必須在數毫秒內於邊緣節點取得;行銷人員較難編輯
用戶端由一段 JavaScript 程式碼在頁面載入後替換元素規則由行銷人員掌握,適用於任何 CMS,上線最快替換太慢時會閃爍;增加腳本負擔;不得阻擋渲染

第二個決定是用 CMS 還是個人化層。大多數現代 CMS(以及具備到達頁面功能的行銷自動化工具)都支援一定程度的動態內容:對這份名單或這個智慧區隔顯示這個模組。這對生命週期規則很有效,因為訪客已經是已知聯絡人。但對匿名 B2B 流量就效果不佳,而這正是您大部分的流量,因為 CMS 不知道訪客來自哪家公司。

個人化層架設在 CMS 之上,辨識匿名造訪背後的公司,並在任何頁面套用規則。如果您想了解其中的運作環節(資料、規則、呈現),B2B 網站個人化如何運作有詳細拆解,即時個人化範例則展示了它在實際頁面上的樣貌。

我們的看法:對大多數 B2B 行銷團隊來說,用戶端是正確的起點,前提是程式碼片段要提早載入、只替換已預留版面空間的首屏元素,並在逾時時退回預設版本。等高流量、高價值的規則證明有效之後,再將它們移到邊緣節點。

動態內容與 SEO

動態內容的 SEO 歸結為一個原則:搜尋引擎應該索引您的預設頁面,而預設頁面本身就應該是一個完整、優質的頁面。

Google 的垃圾內容政策將偽裝定義為「向使用者和搜尋引擎呈現不同內容,意圖操縱搜尋排名並誤導使用者」。Google 舉的例子包括向檢索器顯示某個主題的頁面、向使用者顯示另一個主題的頁面,或只在請求者是搜尋引擎時插入關鍵字。為醫院訪客換上醫療業的標題並不屬於此類。我們使用的檢驗標準是:如果 Google 看到每一個變體版本,您會不會覺得自在?如果每個版本都是同一頁面的合理版本,就沒問題。

讓動態內容對 SEO 安全的實用規則:

  • 絕對不要撰寫針對爬蟲的規則。不要檢查使用者代理程式。爬蟲自然不會符合任何分群,會看到預設頁面。
  • 把變體版本放在同一個網址,除非它們確實是不同的頁面。把變體分散到不同參數網址會分散排名信號。
  • 不要讓預設版本太單薄。如果預設主視覺只寫「歡迎」,那排名的就是這兩個字。
  • 謹慎使用地理規則。Google 指出其預設爬蟲的 IP "appear to be based in the USA"(看起來位於美國),並建議用 hreflang 搭配各地區獨立的網址,而不是動態切換語言。可以動態更換幣別或當地活動,但不要替換整個頁面的語言。
  • 保護 Core Web Vitals。為替換的區塊預留空間以避免版面位移,並且絕不要在等待辨識呼叫時阻擋渲染。

我們在網站個人化與 SEO 指南中更深入說明了快取、標準網址與測試。

大多數團隊在動態內容上犯的錯

他們個人化的是裝飾,而不是決策。在標題中插入「您好,Acme」是網路上最常見的動態內容範例,也是最沒用的之一。訪客不會因為看到自己的公司名稱而轉換。他們轉換是因為頁面更快回答了他們的問題:對的佐證、對的價格細節、對的下一步。請改變買家用來做決策的內容。

它們信任薄弱的訊號。以 IP 為基礎的辨識是機率性的。一條規則若信心滿滿地對零售業訪客說「專為銀行打造」,比沒有規則還糟。請設定比對信心門檻,低於門檻就退回預設版本。

他們忘了預設頁面。您大部分的流量永遠不會符合任何規則。團隊花好幾週做版本,卻讓預設頁面過時。先改善預設頁面;它服務的是最大的分群。

建立太多無法衡量的版本。十二個產業乘以四個元素就是 48 份內容,而且沒有任何區隔有足夠流量能解讀結果。三個區隔各兩個元素,才是您能衡量和維護的計畫。我們的大規模個人化文章說明了如何在不失去規則掌控的情況下擴展。

他們略過了保留對照組。沒有看到預設內容的對照組,就無法判斷某個分群轉換較好,是因為內容,還是因為那個分群本來就轉換得比較好。

推出第一個動態內容的 30 天計畫

  1. 第1週:挑選分眾。拉出90天的流量,依識別出的產業或公司規模分組,挑選符合 ICP 且量足夠的前三個分眾。
  2. 第 1 週:挑選元素。首頁的主視覺與社會認同,再加上一個 CTA。其他先不動。
  3. 第 2 週:撰寫版本。每個客群一個標題、一個副標題、五個標誌與一個 CTA。請業務檢查內容是否正確。
  4. 第3週:建置與品質檢查。設定含可信度門檻的規則、每個區隔 10% 至 20% 的對照組,以及逾時回到預設內容的機制。使用 VPN、行動裝置與爬蟲擷取工具進行測試,確認預設內容能正常算繪。
  5. 第4週起:衡量。回報各區隔相對於其對照組的轉換率。保留勝出的,重寫沒效的,然後一次增加一個元素。

如果您的動態內容計畫是帳戶式行銷的一部分,我們帳戶式行銷範例中的打法說明了網站內容如何與廣告、郵件和 SDR 開發配合。

替換文字是簡單的部分。對 B2B 來說,更困難的是知道頁面上是哪家公司,以及它屬於哪個區隔。Markettailor 的訪客辨識將匿名造訪對應到公司,其區隔功能則將這些公司轉換為上述的產業、規模和帳戶規則,每次變更都不需要開工程工單。

常見問題

簡單來說,什麼是動態內容?

動態內容是會依觀看者而變化、但頁面網址不變的網站內容。來自醫院的 B2B 訪客可能看到醫療業的客戶標誌,而來自零售商的訪客在同一個首頁上看到的是零售業標誌。

靜態內容和動態內容有什麼不同?

靜態內容對每位訪客都一樣,直到有人編輯為止。動態內容則是在請求時依資料組合或替換,例如訪客的產業、所在地、活動來源或行為。大多數 B2B 網站預設是靜態的,再疊加幾個動態區塊。

網站上的動態內容有哪些例子?

常見的動態內容網站範例包括:依產業調整的主視覺標題、與訪客所屬產業相符的客戶標誌、訪客瀏覽價格頁面後改變的 CTA、依國家顯示的幣別、與點擊的廣告相符的到達頁面標題,以及依已讀文章提供的資源推薦。

動態內容對 SEO 不利嗎?

不會,只要爬蟲在同一個網址取得完整的預設頁面,而且您從不針對搜尋引擎提供不同內容。問題來自內容單薄的預設版本、分散在不同網址的版本、拖累 Core Web Vitals 的緩慢程式碼,以及以動態方式提供整個語言版本,而不是使用獨立網址。