探索 AEM 的內容片段與體驗片段如何協同運作,以簡化編寫流程、確保品牌一致性,並實現真正的全通路傳送。了解何時使用哪一種片段,以及為何選擇正確的片段是內容策略成敗的關鍵。

在 Adobe Experience Manager (AEM) 中,可重複使用性是建立可擴充且高效數位體驗的關鍵。許多團隊一開始會專注於元件,但單靠元件能做的有限。它們定義了版面配置與功能,但往往將內容與設計混合在一起。這使得在多個通路、網站、地區或行銷活動中,難以一致地重複使用資訊。

這就是內容片段與體驗片段派上用場的地方。這兩項工具讓我們能以互補的方式將內容與呈現分離。若使用得當,它們有助於更快速地傳送一致的品牌體驗、減少重複作業,並讓跨所有數位通路的內容管理更輕鬆。了解何時使用哪一種片段,對於建立靈活的編寫工作流程與全通路體驗至關重要。

然而,若是為了錯誤的目的選擇了錯誤的片段類型,可能會增加複雜度、拖慢編寫速度,並讓長期維護與更新變得不必要的困難。

內容片段與體驗片段的比較

在 AEM 中,內容片段代表可重複使用、與呈現方式無關的結構化內容。每個片段皆以內容片段模型為基礎,定義了文字、影像,以及連結至影像、檔案或其他內容片段等欄位。由於它們未與任何視覺版面配置綁定,因此可用於任何地方:網頁、行動應用程式,或透過 AEM 的 JSON 或 GraphQL API 用於任何外部系統。

另一方面,體驗片段是可重複使用的元件群組,其中包含內容與版面配置。它們代表體驗的完整區段,例如主視覺橫幅、促銷區域或頁尾。它們可跨多個頁面重複使用,或匯出至其他 Adobe 平台(例如 Adobe Target 和 Adobe Campaign),以進行個人化與分發。

Adobe 建議針對需要以多種不同形式傳送的結構化內容使用內容片段,而針對以版面配置為導向的品牌體驗則使用體驗片段。兩者搭配使用時,能讓組織在靈活性與設計一致性之間取得平衡,這正是現代數位內容管理的兩大基本目標。

何時使用內容片段

當我們需要管理未與特定呈現方式綁定的結構化、可重複使用內容時,最適合使用內容片段。它們非常適合需要在多個情境中一致顯示的資訊,例如聯絡詳細資料、作者簡介、常見問答集 (FAQ) 或新聞稿。它們適用於可能需要在不同通路中呈現不同樣貌的可重複使用內容。

由於內容片段與通路無關,因此能實現真正的全通路發佈。團隊只需編寫一次內容,即可傳送至各處:網站、應用程式、資訊站,或基本上任何連上網際網路的裝置。這種內容與版面配置的分離可改善治理、簡化翻譯工作流程,並讓更新更有效率。

在設計內容片段模型時,最好將它們視為 API 架構。它們應該要穩定、具備類型且精簡。每個模型應僅擷取在各個通路間保持一致的結構化資料。編輯上的差異 (例如長文案與短文案或在地化變體) 可透過內容片段變體來處理,而非使用分開的片段。我們建議將所有片段組織在 /content/dam/<site>/content-fragments/... 下,並依網域分組,例如 /articles、/contacts 或 /press-releases。我們應將內容片段視為來源內容:在進行大幅編輯前先建立版本,並從頁面、體驗片段,甚至其他內容片段中參照它們。

何時使用體驗片段

當我們想要重複使用已包含版面配置與設計的內容時,體驗片段最為有效。它們非常適合用於行銷活動區段、橫幅、主視覺區域,或其他需要在多個頁面或網站上看起來完全相同的品牌區塊。

它們有助於強制執行品牌一致性、加快編寫速度並減少重複作業,尤其是在多網站或多市場的設定中。體驗片段也能與 Adobe Target 等個人化工具無縫整合,讓品牌在重複使用設計好的體驗之餘,仍能針對不同受眾調整內容。如果目標是維持一致的外觀與風格,同時賦予作者重複使用樣式化元件的彈性,體驗片段就是合適的工具。

建立體驗片段時,請在體驗片段樹狀結構中反映您的網站結構,例如 /content/experience-fragments/<site>/uk/en。避免過深的巢狀結構,通常一層就已足夠。僅在必要時 (例如依通路、語言區域或行銷活動) 進行區分,以保持變體集精簡。以可預測的方式命名變體,例如「default」、「mobile」、「email」等。為了維持設計控制權,請透過原則鎖定允許的元件,以免作者不小心變更了已核准的版面配置。最重要的是,請勿將體驗片段用於結構化資料,或相同內容需要出現在不同設計中的情況;那是內容片段的用途。

何時使用兩者

最好的解決方案通常會結合兩種片段類型。我們可以在體驗片段中嵌入內容片段,在可重複使用的版面配置內取得結構化內容的優勢。

在這些情況下,請務必保持清楚的界限:內容片段應繼續負責資料和文字內容,而體驗片段應處理版面配置和樣式。當結構化資訊 (例如 BIOS、證明或聯絡資訊) 需要出現在可重複使用的設計區段 (例如主頁橫幅、卡片清單或 Teaser) 中時,請使用此組合。

預設替代

內容片段範例

一家公司為主管、發言人及銷售機會管理數百個聯絡輪廓。每個聯絡人都包含名稱、職稱、電子郵件、電話號碼及大頭照等欄位。藉由定義聯絡人的內容片段模型,我們可以維護可在頁面上提供多個元件的單一事實來源,例如「關於我們」、「領導層」、「位置」或「聯絡我們」,而不需要重新撰寫相同資訊。

以下內容片段範例有效,因為聯絡資訊是結構化且可重複使用,且可在各種版面中顯示而無需變更基礎資料。這些版面配置的一些範例包括項目符號清單、輪廓 Teaser 或卡片/團隊格線。

將每個聯絡人建立為體驗片段是不好的範例。這種做法會將版面配置連結至內容,導致難以在不同元件設計或其他管道中重複使用相同資訊。

預設替代

體驗片段範例

全球行銷團隊正在進行季節性行銷活動,以推廣新的產品線。此行銷活動包含具有影像、標語、簡短文字和 CTA 的主頁橫幅。他們將其建立為體驗片段,為桌上型電腦、行動裝置和每個區域市場建立變化版本。接著,作者就可以在多個登陸頁面重複使用相同的橫幅,確保視覺上的一致性,並加快行銷活動的推出速度。行銷團隊也可以將相同的片段匯出至 Adobe Target 以進行個人化或匯出至外部管道,例如電子郵件或微網站,而無需重新建立版面。

這是一個很好的範例,因為體驗片段將設計和內容保持在一起,允許它作為完整設計、品牌核准的區塊重複使用。作者只需要更新片段一次,網站 (和管道) 上的所有執行個體就會立即反映這些變更。

嘗試只使用內容片段建立相同的行銷活動,這是一個錯誤的範例。由於內容片段沒有版面,每個頁面或管道都需要自訂實施才能轉譯設計,導致轉出速度變慢,並面臨市場樣式不一致的風險。

預設替代

混合式範例

發佈網站定義了兩個內容片段模型,一個用於文章,另一個用於作者。文章內容片段包含標題、前言、內文和精選影像等欄位。作者內容片段包含名稱、角色、頭像影像和個人簡介等欄位。編輯器會為每個作者和每篇文章建立個別的片段,讓所有內容結構化和可重複使用。

在作者詳細資訊頁面上,體驗片段可用來將此結構化資料一起引進一致的設計中。體驗片段中的主頁橫幅元件會參照作者內容片段的名稱、影像和個人簡介。同時,下方的相關文章元件會動態提取由同一位作者所撰寫的文章內容片段。體驗片段定義版面、印刷樣式和元件結構,而內容片段提供實際資料和文字內容。

這是一個很好的混合式範例,因為它將內容所有權與版面配置及簡報分開。編輯人員可以更新一次作者資訊或文章文字,這些變更會自動顯示在所有頁面和使用這些片段的體驗中。同時,設計人員可透過體驗片段版面配置,持續控制內容的視覺呈現方式。

一個錯誤的範例是將整個作者頁面 (包括版面和文字) 建立為獨立的體驗片段。這個方法會將設計與資料緊密結合,導致難以在其他元件中重複使用作者或文章資訊,或將其向其他管道公開。

結論

在內容片段和體驗片段之間進行選擇,並不僅僅關乎 AEM 如何儲存內容,還關乎您的團隊如何建立、管理和擴展體驗。在結構和可重複使用性最重要時,內容片段表現優異,而體驗片段可為設計的區段帶來速度和一致性。經過深思熟慮的整合後,這些功能將可構成持續編寫工作流程的基礎,此工作流程可跨品牌、語言和區域進行擴充。

正確的平衡取決於您的目標:結構化內容用於全通道傳送、一致的版面配置用於品牌行銷活動,或兩者兼具,以建立複雜但可重複使用的體驗。團隊若早早投資於清晰、定義明確的片段策略,不僅可減少維護成本,亦可提升靈敏度。如此一來,團隊便可推出新頁面、新市場或新行銷活動,無需從頭開始。