企業(yè)站熊掌號(hào)結(jié)構(gòu)化如何改造？（操作步驟/代碼/圖例）

時(shí)間：2023-08-15 07:03:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-08-15 07:03:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

企業(yè)站熊掌號(hào)結(jié)構(gòu)化如何改造？（操作步驟/代碼/圖例）：粉絲100 不容易啊,第一次發(fā)文紀(jì)念.

• 熊掌號(hào)粉絲關(guān)注改造
• 帝國(guó)cms熊掌號(hào)結(jié)構(gòu)化改造
• wordpress 結(jié)構(gòu)化改造 JSON_LD 數(shù)據(jù) 改造 圖例

網(wǎng)站的熊掌號(hào)頁(yè)面改造分為粉絲關(guān)注改造和結(jié)構(gòu)化改造。

粉絲關(guān)注改造

粉絲關(guān)注改造很簡(jiǎn)單不重點(diǎn)說(shuō)了

2個(gè)東西 一個(gè)是添加熊掌號(hào)ID說(shuō)明 一個(gè)是關(guān)注功能代碼

熊掌號(hào)ID說(shuō)明 每個(gè)頁(yè)面都需要 所以推薦 頭部模板 head 一般來(lái)說(shuō)企業(yè)的頭部模板是統(tǒng)一的。

那么很簡(jiǎn)單.只要在統(tǒng)一的頭部模板添加js代碼就行了。 注意 代碼添加在 </head>前面

以帝國(guó)cms為例。

進(jìn)入CMS 后臺(tái)點(diǎn)擊模板

點(diǎn)擊公共模板變量

管理模板變量




需要注意的是 網(wǎng)站的內(nèi)容模板 列表模板 首頁(yè)模板 里面的 head 部分 是引用的 head變量標(biāo)簽 而不是自己直接定義 頭部屬性。如果是自己定義了頭部屬性。 那么變量head 就沒(méi)有意義了。 需要在 首頁(yè)模板 列表模板 內(nèi)容頁(yè)模板 的頭部 head 標(biāo)簽前面 都添加 JS 熊掌號(hào)ID說(shuō)明。

我以統(tǒng)一頭部為例來(lái)操作步驟展示。

找到自己的頭部模板并修改頭部模板

我的網(wǎng)站在16年有過(guò)改版 所以定義了頭部模板的名稱是2016通用頭部。

說(shuō)是通用頭部是通用了 列表頁(yè) 內(nèi)容頁(yè)頭部 首頁(yè)的頭部和內(nèi)頁(yè)不一樣，為了區(qū)分所以在首頁(yè)模板里面直接寫(xiě)入了head標(biāo)簽。

在</head>上面插入JS 我這里加了一個(gè)熊掌號(hào)ID注釋 便于 程序員或者后面的工作人員理解和管理。




很簡(jiǎn)單。 保存 后 生成更新一下 網(wǎng)站的頁(yè)面。

至于關(guān)注功能代碼 也是一樣的很簡(jiǎn)單。

由于代碼位置不一樣最后效果不一樣。所以如果你為了簡(jiǎn)單

可以這樣設(shè)置。

首頁(yè) 和欄目頁(yè)全部設(shè)置通用底部模板里面。

還有一個(gè)頭部看情況。由于本身網(wǎng)站是資訊營(yíng)銷性網(wǎng)站 頭部位置很重要 所以就用來(lái)咨詢和電話 沒(méi)有給關(guān)注了。

上面的代碼是沒(méi)有留邊距的所以如果你加入的位置沒(méi)有把空間留出來(lái)前端是沒(méi)法展現(xiàn)的。所以特別注意?？梢允褂孟旅鎺Я藰邮降脑创a。（注意）

好了，粉絲關(guān)注改造完成了。這一塊比較簡(jiǎn)單。所以沒(méi)怎么重點(diǎn)介紹。

下面是今天本文的重點(diǎn)

熊掌號(hào)頁(yè)面結(jié)構(gòu)化改造

熊掌號(hào)里面的文章和最后的推送效果是著重于移動(dòng)端。

那么我么修改的就是移動(dòng)端的模板。如果是自適應(yīng)的網(wǎng)站 就直接修改內(nèi)容模板。

應(yīng)為是以文章為核心的展現(xiàn)。所以我們需要修改內(nèi)容模板。

不多說(shuō)上圖。




我這邊內(nèi)容模板是4個(gè) 但是有效的是3個(gè)。

因?yàn)槲业木W(wǎng)站里除了資訊內(nèi)容頁(yè)面 我還設(shè)計(jì)了 問(wèn)答類內(nèi)容頁(yè)面 和專家團(tuán)隊(duì)的內(nèi)容頁(yè)面

這些內(nèi)容頁(yè) 展現(xiàn) 形式不一樣所以比較多。 所以修改的話 看自己意愿修改。

如果你的網(wǎng)站內(nèi)容模板是單獨(dú)的只用修改一個(gè)。

我以資訊內(nèi)容頁(yè)面為例。




熊掌號(hào)結(jié)構(gòu)化改造 分為 2個(gè)部分 Canonical 標(biāo)簽 和 JSON_LD 數(shù)據(jù)

Canonical 標(biāo)簽

這一步分比較好解決。就是獲取這個(gè)頁(yè)面對(duì)應(yīng)的PC地址，如果沒(méi)有PC頁(yè)，則填寫(xiě)當(dāng)前頁(yè)面地址。 比如自適應(yīng)網(wǎng)站 就填寫(xiě) 當(dāng)前頁(yè)面地址。

那么問(wèn)題來(lái)了 既然我以帝國(guó)CMS 為例 那么就是 告訴大家 用帝國(guó)CMS 標(biāo)簽來(lái)簡(jiǎn)單應(yīng)對(duì) 結(jié)構(gòu)化改造。

[!--titleurl--] 標(biāo)簽 指頁(yè)面的url 有用帝國(guó)cms 采集功能的應(yīng)該還記得。 在 添加 在采集 列表頁(yè)面 標(biāo)題 地址 區(qū)間 和 正則的時(shí)候 就是用 [!--titleurl--] 這個(gè)定義。

所以 <link rel="canonical" href="http://domian/[!--titleurl--]"/>

就能解決 當(dāng)前頁(yè)面url 的問(wèn)題。

domian 即網(wǎng)站的域名 這里填寫(xiě) PC 域名

這里有一個(gè)小修改。 如果你是自適應(yīng) 那么 直接填你的PC首頁(yè)地址就行 以我的站為例 www.hnkda.com.cn 就行 我的移動(dòng)是 M.hnkda.com.cn

注意事項(xiàng)： 這個(gè)代碼是插入移動(dòng)端，移動(dòng)端，移動(dòng)端。 記著是移動(dòng)端 別插入PC端了。

在移動(dòng)端 添加Canonical 標(biāo)簽 注明對(duì)應(yīng)的PC端url地址。

熊掌號(hào)結(jié)構(gòu)化改造的難點(diǎn)在于JSON_LD 數(shù)據(jù)結(jié)構(gòu) 。如果有嘗試過(guò)應(yīng)該知道 在時(shí)間格式哪里 莫名的惱火。

看看 JSON_LD 數(shù)據(jù) 改造要求

https://ziyuan.baidu.com/contexts/cambrian.jsonld”，若需要校驗(yàn)數(shù)據(jù)的schema，則可替換為schema地址

@id：必選字段，當(dāng)前網(wǎng)頁(yè)的url

appid：必選字段，熊掌號(hào)ID

title：必選字段，標(biāo)題，建議長(zhǎng)度：20個(gè)字符以內(nèi)

images：可選字段，搜索結(jié)果結(jié)構(gòu)化信息展示，僅允許提供0張，1張圖或3張圖，更多要求請(qǐng)見(jiàn) 結(jié)構(gòu)化展現(xiàn)圖片要求

description：可選字段，內(nèi)容摘要：120個(gè)字符以內(nèi)

pubDate：必選字段，內(nèi)容發(fā)布時(shí)間

upDate：可選字段，內(nèi)容更新時(shí)間，如內(nèi)容為首次創(chuàng)建，請(qǐng)?zhí)顚?xiě)與pubDate相同的時(shí)間；

如頁(yè)面是問(wèn)答、論壇類，請(qǐng)?zhí)顚?xiě)用戶可看到的第一個(gè)回答對(duì)應(yīng)的時(shí)間

lrDate：可選字段，最新回復(fù)時(shí)間，如頁(yè)面是問(wèn)答、論壇類且有回復(fù)信息，請(qǐng)?jiān)诖俗侄翁顚?xiě)最新一條回復(fù)對(duì)應(yīng)的時(shí)間




看時(shí)間格式 在日期后面又一個(gè)T接著時(shí)間

看看 帝國(guó)cms 自帶的時(shí)間格式

分為 日期 時(shí)間 / 日期 / 時(shí)間

三種類型 其中 最接近的格式 日期+時(shí)間 中間是沒(méi)T的。

回到最開(kāi)始 一個(gè)標(biāo)簽一個(gè)標(biāo)簽來(lái)解決

可以參照我的設(shè)置來(lái)進(jìn)行改造。

第一個(gè) @ID 一樣的當(dāng)前頁(yè)面的url 地址 前面說(shuō)了 [!--titleurl--] 可以調(diào)用文章頁(yè)面的當(dāng)前url 所以 http://m.hnkda.com.cn[!--titleurl--] m.hnkda.com.cn 是我的移動(dòng)端地址 所以我填這個(gè)。如果你的網(wǎng)站是 自適應(yīng)就填 http://www.hnkda.com.cn[!--titleurl--] 同理 如果你的移動(dòng)端是 3G 4G wap 的二級(jí)域名你就填對(duì)應(yīng)的二級(jí)域名

appid 這個(gè)是熊掌號(hào)ID 在ziyuan.baidu.com 熊掌號(hào) 可以找到自己的ID 這里只用填 數(shù)字就行了。 http://ziyuan.baidu.com/xzh/commit/guide?appid=* *號(hào) 所代表的數(shù)字 就是你的熊掌號(hào)ID

title： 標(biāo)題 直接填 [!--pagetitle--] 調(diào)用當(dāng)前頁(yè)面標(biāo)題

images： 圖片 熊掌號(hào) 支持圖片展現(xiàn)數(shù)量 為 0 1 3 , 我這里用的是 [!--titlepic--] 標(biāo)簽

這個(gè)標(biāo)簽 使用 文章的縮略圖 調(diào)用標(biāo)簽。 我這邊每篇文章至少有一個(gè)圖片而且縮略圖是必須有的。 所以我只調(diào)用了縮略圖 滿足了 1 張圖片的展現(xiàn)形式。 如果你不是每篇文章都有圖片 那么 images 標(biāo)簽 你可以空著 這個(gè) 是 可選標(biāo)簽。 你空著 就是 0張圖。

description ： 描述 頁(yè)面文章的描述 我這里使用了組合標(biāo)簽。

[!--smalltext--] 標(biāo)簽 這個(gè)標(biāo)簽 在帝國(guó)cms 里面是 調(diào)用 文章簡(jiǎn)介部分。

即 圖中 內(nèi)容簡(jiǎn)介這部分。 所以 在編輯文章時(shí) 記得填寫(xiě)內(nèi)容簡(jiǎn)介。

[!--pagekey--] 關(guān)鍵詞 標(biāo)簽 調(diào)用 文章 撰寫(xiě)時(shí) 設(shè)置的關(guān)鍵詞。

最后難點(diǎn)來(lái)了

pubDate： 內(nèi)容發(fā)布時(shí)間

<? echo date("Y-m-d",$navinfor['newstime'])."T".date("H:i:s",$navinfor['newstime']);?>

上面說(shuō)了 時(shí)間格式里面 有一個(gè) T 很討嫌.

為了實(shí)現(xiàn)這個(gè)效果

輸出 時(shí)間標(biāo)簽里面的 日期 + T +時(shí)間標(biāo)簽里面的時(shí)間

['newstime'] 這個(gè)是時(shí)間標(biāo)簽 格式上啟用

時(shí)間顯示格式： 在 內(nèi)容模板里面修改

最后看看 前端的 源碼

以這篇文章為例。

提交的文章一般來(lái)說(shuō)第二天展現(xiàn)。熊掌號(hào)抓取數(shù)據(jù)分析更新需要一天時(shí)間。

我這邊是提交了PC和移動(dòng) 成功收錄的數(shù)據(jù) 只會(huì)是移動(dòng)端地址。




寫(xiě)完了。 也不知道大家看懂了沒(méi)有。

另外 附贈(zèng) wp 模板 熊掌號(hào) 結(jié)構(gòu)化改造 代碼

這個(gè)在圖片選擇 和 當(dāng)前頁(yè)面url 里面加了判斷 感覺(jué)很巧思。

wordpress 模板的 可以參考。

圖片來(lái)源：QQ好友 輕狂夏至 才20歲。 精通PHP 。讓老年人的我汗顏。

還有不會(huì)熊掌號(hào)結(jié)構(gòu)化改造的可以私信或者評(píng)論留言交流。