編輯導語：如何能夠設計出更加好用、方便的CMS系統，進而提升用戶的系統使用體驗？也許你可以借鑒本篇文章里作者的系統設計思路，在頁面管理、菜單管理等層級上做好設計策略。本文作者就針對CMS系統的設計案例做了復盤，一起來看一下。

書接上篇 “產品日記（1）：CMS系統一階段復盤” ，我們利用欄目和頁面內容管理可以完成了門戶網站的基本骨架搭建，對于可用性來說已經能做到可用狀態，為了更好的運營以及用戶體驗，我做了第二階段的迭代設計，使得由基本可用盡量變得易用甚至好用，因此有了第二階段的迭代以及此復盤。

（迭代方向和內容可能由項目而異，僅代表團隊主觀想法）

在原本的欄目與內容管理的骨架上， 新增了對應的自由頁面管理、導航菜單管理、標簽管理、廣告管理等功能模塊，實現更好的運營和網站管理。

如果把欄目和對應的內容比喻是網站的骨架的話，那么后續增加的頁面管理、前端組件與菜單管理等等，均可以作為網站的皮膚和著裝，也標示著網站變得越來越豐滿和靈活。

一、頁面管理：實現更便捷的網站頻道管理

頻道的概念在很多網站都會出現，可能會根據不同的主題或者內容專題，頁面內容也會不同。

實現同一站點的不同專題頻道，可以使用頁面管理的模式進行配置，將首頁弱化成其中一個頁面，從而支持新增多個不同的頁面配置，利用共用的欄目架構，搭建出和首頁內容不同，樣式不同的頁面，然后通過組件的鏈接或者導航菜單，將入口放置在所需的位置，從而豐富網站的內容，采用多個子頻道的模式。

搭建頁面的過程中，建議利用通用組件的模式，通過組合不同的組件，調整組件的排序，來表達不同的網站頁面展示需求。

通用組件作為組成頁面的主要元素，可以預先設置好對應的樣式和展示內容，配合欄目來進行不同形式的展示。每個CMS系統中均會有自己風格的組件庫，而組件庫的豐富程度也會影響網站的展示靈活度，組件也是作為頁面配置中的基本要求。

同時，因為不同的頁面主題可能會需要匹配不同的導航菜單，所以必要時需要同時增加對導航菜單的管理，邏輯和頁面管理一樣，通過不同的導航與頁面的搭配，配置出更多不一樣的網站頻道。

二、標簽管理：實現靈活的頁面查詢與搜索優化

在SEO中，關鍵詞作為一個搜索元素，一定程度上決定著網頁的流量。同時站內的搜索中，也需要依賴關鍵詞來定位對應的頁面。

引入標簽管理，就是為了解決搜索相關的網頁定位問題。通過標簽的引導來為對應的頁面引流，提高頁面的流量，或者用于快速查找和定位。

在內容編輯的設計中，引入標簽字段來給每個內容頁面打上標簽，添加的標簽就可以作為此頁面的搜索關鍵詞。利用標簽管理功能，批量調整標簽的內容或者對標簽進行分類等，可以有效提高標簽的使用效果。

這里需要注意的是，結合頁面標簽關鍵詞的搜索需求，需要提前與前端同事做好技術溝通，由于前端頁面存在單頁面模式和多頁面模式兩種技術選型，對SEO影響是不一樣的。

三、廣告管理：實現廣告形式的可配置化

對于引流類網站來說，廣告位是一個十分重要的東西，而一般網站的廣告及入口大都在banner中展示，前面在進行頁面配置的過程中，我們可以利用banner組件，創建出多個banner，對生成的banner進行ID和名稱標記，在進行廣告管理時，就可以對廣告鏈接進行投放到對應的banner位置中。配置好生效、失效時間等，實現對廣告鏈接的展示。

站內頁面廣告也可以先搭建好內容頁面之后，再講欄目關聯到廣告位中。同時，記得配置手動上下架，使得廣告的展示和管理更加靈活。

同時廣告形式可以根據自身需求進行設計，不局限于banner中，還可以管理彈窗、組件等形式的廣告（可見下框架圖）。

總體來看，我對CMS能力框架大致作了如下劃分，主要包含了 基礎能力、運營能力、適配能力、高階能力幾個區塊，構成了CMS系統的產品模塊地圖。相對于帝國CMS（EmpireCMS）來說可能只是占了全域的一部分，考慮到自身產品需求，因此規劃了一個簡化版本，以供參考。

由于CMS系統受網站類型和用途的影響，會有不同的設計模式，也是因為如此，內容管理的設計暫時并沒有很統一且很好用的設計思路和邏輯，需要靠產品經理根據自己產品的特點和需求，在大的框架思路下補充差異化和個性化的產品功能設計。

總體思路均是離不開通用化和解耦，通過通用組件和獨立功能模塊搭配出所需要的網站功能。也是由于沒有嚴格的標準限制，讓CMS的設計更具自由度。

本文由 @大飛Eric 原創發布于人人都是產品經理。未經許可，禁止轉載

題圖來自Unsplash，基于CC0協議