前面
以帝國cms為例。
進入CMS 后臺點擊模板
進入CMS 后臺點擊模板
點擊公共模板變量
管理模板變量
點擊公共模板變量 管理模板變量
需要注意的是 網站的內容模板 列表模板 首頁模板 里面的 head 部分 是引用的 head變量標簽 而不是自己直接定義 頭部屬性。如果是自己定義了頭部屬性。 那么變量head 就沒有意義了。 需要在 首頁模板 列表模板 內容頁模板 的頭部 head 標簽前面 都添加 JS 熊掌號ID說明。
我以統一頭部為例來操作步驟展示。
找到自己的頭部模板并修改頭部模板
我的網站在16年有過改版 所以定義了頭部模板的名稱是2016通用頭部。
說是通用頭部是通用了 列表頁 內容頁頭部 首頁的頭部和內頁不一樣，為了區分所以在首頁模板里面直接寫入了head標簽。
在上面插入JS 我這里加了一個熊掌號ID注釋 便于 程序員或者后面的工作人員理解和管理。
很簡單。 保存 后 生成更新一下 網站的頁面。
至于關注功能代碼 也是一樣的很簡單。
由于代碼位置不一樣最后效果不一樣。所以如果你為了簡單
可以這樣設置。
首頁 和欄目頁全部設置通用底部模板里面。
還有一個頭部看情況。由于本身網站是資訊營銷性網站 頭部位置很重要 所以就用來咨詢和電話 沒有給關注了。
上面的代碼是沒有留邊距的所以如果你加入的位置沒有把空間留出來前端是沒法展現的。所以特別注意。可以使用下面帶了樣式的源碼。（注意）
好了，粉絲關注改造完成了。這一塊比較簡單。所以沒怎么重點介紹。
下面是今天本文的重點
熊掌號頁面結構化改造
熊掌號里面的文章和最后的推送效果是著重于移動端。
那么我么修改的就是移動端的模板。如果是自適應的網站 就直接修改內容模板。
應為是以文章為核心的展現。所以我們需要修改內容模板。
不多說上圖。
我這邊內容模板是4個 但是有效的是3個。
因為我的網站里除了資訊內容頁面 我還設計了 問答類內容頁面 和專家團隊的內容頁面
這些內容頁 展現 形式不一樣所以比較多。 所以修改的話 看自己意愿修改。
如果你的網站內容模板是單獨的只用修改一個。
我以資訊內容頁面為例。
熊掌號結構化改造 分為 2個部分 標簽 和 數據
標簽
這一步分比較好解決。就是獲取這個頁面對應的PC地址，如果沒有PC頁帝國cms首頁模板修改刷新沒變化，則填寫當前頁面地址。 比如自適應網站 就填寫 當前頁面地址。
那么問題來了 既然我以帝國CMS 為例 那么就是 告訴大家 用帝國CMS 標簽來簡單應對 結構化改造。
[!----] 標簽 指頁面的url 有用帝國cms 采集功能的應該還記得。 在 添加 在采集 列表頁面 標題 地址 區間 和 正則的時候 就是用 [!----] 這個定義。
所以 /[!----]"/>
就能解決 當前頁面url 的問題。
即網站的域名 這里填寫 PC 域名
這里有一個小修改。 如果你是自適應 那么 直接填你的PC首頁地址就行 以我的站為例 就行 我的移動是
注意事項： 這個代碼是插入移動端，移動端，移動端。 記著是移動端 別插入PC端了。
在移動端 添加 標簽 注明對應的PC端url地址。
熊掌號結構化改造的難點在于 數據結構 。如果有嘗試過應該知道 在時間格式哪里 莫名的惱火。
看看 數據 改造要求
”，若需要校驗數據的，則可替換為地址
@id：必選字段，當前網頁的url
appid：必選字段，熊掌號ID
title：必選字段，標題，建議長度：20個字符以內
：可選字段，搜索結果結構化信息展示，僅允許提供0張，1張圖或3張圖帝國cms首頁模板修改刷新沒變化，更多要求請見 結構化展現圖片要求
：可選字段，內容摘要：120個字符以內
：必選字段，內容發布時間
：可選字段，內容更新時間，如內容為首次創建，請填寫與相同的時間；
如頁面是問答、論壇類，請填寫用戶可看到的第一個回答對應的時間
：可選字段，最新回復時間，如頁面是問答、論壇類且有回復信息，請在此字段填寫最新一條回復對應的時間
看時間格式 在日期后面又一個T接著時間
看看 帝國cms 自帶的時間格式
分為 日期 時間 / 日期 / 時間
三種類型 其中 最接近的格式 日期+時間 中間是沒T的。
回到最開始 一個標簽一個標簽來解決
可以參照我的設置來進行改造。
第一個 @ID 一樣的當前頁面的url 地址 前面說了 [!----] 可以調用文章頁面的當前url 所以 [!----] 是我的移動端地址 所以我填這個。如果你的網站是 自適應就填 [!----] 同理 如果你的移動端是 3G 4G wap 的二級域名你就填對應的二級域名
appid 這個是熊掌號ID 在 熊掌號 可以找到自己的ID 這里只用填 數字就行了。 /xzh//guide?appid=* *號 所代表的數字 就是你的熊掌號ID
title： 標題 直接填 [!----] 調用當前頁面標題
： 圖片 熊掌號 支持圖片展現數量 為 0 1 3 , 我這里用的是 [!----] 標簽
這個標簽 使用 文章的縮略圖 調用標簽。 我這邊每篇文章至少有一個圖片而且縮略圖是必須有的。 所以我只調用了縮略圖 滿足了 1 張圖片的展現形式。 如果你不是每篇文章都有圖片 那么 標簽 你可以空著 這個 是 可選標簽。 你空著 就是 0張圖。
： 描述 頁面文章的描述 我這里使用了組合標簽。
[!----] 標簽 這個標簽 在帝國cms 里面是 調用 文章簡介部分。
即 圖中 內容簡介這部分。 所以 在編輯文章時 記得填寫內容簡介。
[!----] 關鍵詞 標簽 調用 文章 撰寫時 設置的關鍵詞。
最后難點來了
： 內容發布時間
上面說了 時間格式里面 有一個 T 很討嫌.
為了實現這個效果
輸出 時間標簽里面的 日期 + T +時間標簽里面的時間
[''] 這個是時間標簽 格式上啟用
時間顯示格式： 在 內容模板里面修改
最后看看 前端的 源碼
以這篇文章為例。
熊掌號前端展現
提交的文章一般來說第二天展現。熊掌號抓取數據分析更新需要一天時間。
熊掌號成功收錄數據
我這邊是提交了PC和移動 成功收錄的數據 只會是移動端地址。
寫完了。 也不知道大家看懂了沒有。
另外 附贈 wp 模板 熊掌號 結構化改造 代碼
這個在圖片選擇 和 當前頁面url 里面加了判斷 感覺很巧思。
模板的 可以參考。
圖片來源：QQ好友 輕狂夏至 才20歲。 精通PHP 。讓老年人的我汗顏。
還有不會熊掌號結構化改造的可以私信或者評論留言交流。