WordPress 百度熊掌號快速開發改造教程
百度熊掌號的接入方式有兩種,一種是 H5 頁面改造,一種是 MIP 頁面改造。其中 H5 頁面並非只是 html5 頁面,而是指移動端頁面,簡而言之就是你需要接入百度熊掌號就必須是移動端網站,PC 網站是不能引入熊掌號的,當然自適應站點也是可以做熊掌號改造的。通過百度官方的官方號開發指南基本也就可能正輕鬆的做好這一切,所以如果你看過指尖上週發佈的《百度熊掌號改造初見成效》就可以瞭解到,其實IT技術網站博客和IT技術網站網都擁有三套模板(PC、H5、MIP),因爲官方號依舊和 MIP 都是針對於百度移動端搜索引擎,所以果斷的選擇 MIP 版本進行改造和升級,最後成功的支持並接入了百度熊掌號。下面指尖將依次順序介紹一下接入官方號的順序與步驟。
在開始具體教程步驟之前,如果你對代碼一竅不通或者沒有心思去折騰,那麼指尖還提供了 WordPress 熊掌號接入改造插件:Zzzj XZH ,可以快速無需修改代碼即可實現 MIP 頁面、自適應 H5 頁面對熊掌號的支持和改造。喜歡折騰和研究的同學們可以根據教程繼續改造熊掌號。
一、H5 頁面與 MIP 頁面改造共同步驟
1.添加 canonical 標籤(必須)
要求 href 的內容爲 mip 頁或 h5 頁對應的 PC 頁地址;如果沒有 PC 頁,則填寫當前頁面地址。
2.添加Json_LD數據(必須)
下方代碼爲IT技術網站博客某篇文章的 JSON-LD 實例(指尖已經單獨寫了一篇:WordPress 的 Json_LD 實現代碼及教程):
//百度官方好JSON-LD實例 <script type="application/ld+json">{ "@context": "https://zhanzhang.baidu.com/contexts/cambrian.jsonld", "@id": "https://zzzjtd.com/tencent-cloud-sms.html", "title": "淺談我爲什麼選擇騰訊雲短信SMS服務平臺", "images": ["https://zzzjtd.com/uploads/2017/08/Tencent-Cloud-SMS.png","https://zzzjtd.com/uploads/2017/08/SMS-send-frequency.png","https://zzzjtd.com/uploads/2017/08/SMS-callback-.png"], "description": "前些時候指尖就曾在IT技術網站博客寫過一篇《淺談如何選擇優秀的短信SMS服務平臺》的文章了,其中說的就是如何選擇短信服務平臺,而最後指尖爲IT技術網站用戶中心的新版選擇了騰訊雲短信服務平臺,所以今天就來爲大家說說指尖爲什麼選擇騰訊雲短信。", "pubDate": "2017-08-07T15:53:35", "isOriginal": "1" }</script>
字段描述
- @context: 請保留且勿修改 “https://zhanzhang.baidu.com/contexts/cambrian.jsonld”
- @id: 必選字段,當前網頁的 url
- title: 可選字段,副標題,建議長度:20 個字符以內
- images: 必選字段,搜索結果結構化信息展示,僅允許提供 1 張圖或 3 張圖
- description: 可選字段,內容摘要
- pubDate: 必選字段,內容發佈時間
- isOriginal: 可選字段,是否原創的告知字段,1 是原創,0 不是原創
二、H5頁面改造專用
1.添加官方號 SDK(必須)
<script src="//msite.baidu.com/sdk/c.js?appid=1536767038796128"></script>
在頁面標籤前添加代碼,注意:appid 爲官方號唯一 ID,請勿做任何修改,否則無法正常展現。
2. 添加關注功能代碼(非必須/但強烈推薦)
添加需要展現的 bar,最多隻允許添加 2 個,切官方將會審覈,可以選擇展現的方式有三種:吸頂,文章段落間以及底部,可以根據頁面的樣式及喜好自行選擇放置位置。
//吸頂bar <script>cambrian.render('head')</script>
在頁面標籤後添加代碼
//文章段落間bar <script>cambrian.render('body')</script>
在頁面段落之間添加代碼
//底部bar <script>cambrian.render('tail')</script>
在頁面文章結束位置添加代碼
另外需要注意:上述三種 bar 在樣式上沒有預留左右邊距,若頁面自身沒有設置邊距,所以可以在以上 bar 代碼外圍加入一個 div,以此來添加邊距。如下:
<div style="padding-left: 17px; padding-right: 17px;"> <script>cambrian.render('head')</script> </div>
三、MIP 頁面改造專用
1.引入官方號 MIP 組件的 SDK
<script src="https://mipcache.bdstatic.com/extensions/platform/v1/mip-cambrian/mip-cambrian.js"></script>
在頁面 mip.js 代碼
<script src="https://mipcache.bdstatic.com/static/v1/mip.js"></script>
之後、標籤前添加代碼
2.使用官方號 MIP 組件
<mip-cambrian site-id="1536767038796128"></mip-cambrian>
在頁面標籤後添加代碼
注意:site-id 爲官方號唯一 ID,請勿做任何修改,否則無法正常展現。同時建議緊挨標籤添加,能夠獲得更好的體驗。
四、格式校驗
通過以上三個步驟,其實你只需要根據自己實際是 H5 頁面或 MIP 頁面,就已經基本可以完成百度熊掌號的改造接入了,但是爲了保險期間,所以我們還是需要通過百度站長平臺提供的“格式校驗”工具進行驗證是否完全符合了官方號的開發標準正確接入了。
具體的操作步驟指尖就不詳細寫明瞭,有百度熊掌號權限的登錄百度站長平臺,通過“官方號->數據引入->格式校驗”即可找到。如圖按照說明進行驗證即可,如果提示錯誤,就根據錯誤提交對代碼進行改正,知道通過後繼續下一步驟。
五、數據提交
你以爲開發完成,格式校驗成功就可以了嗎?不,你還需要將你的相關頁面 URL 數據主動的推送到官方號的接口才行(目前官方並沒有提供手動提交入口)。
不論是 MIP 引入,以及將於 9 月 20 日消失的原創提交,還是官方號的數據提交,都是使用的那一套主動推送接口,只是參數略有變化作爲區分。之前指尖的一篇《如何讓百度快速收錄 WordPress 網站?》文章中就曾分享過了,喜歡折騰的朋友可以把去看看並研究自己手動接入。
如果你是一個懶到極致,並且追求於良好的使用體驗效果,那麼你可以選擇使用指尖開發的“Zzzj Submit:WordPress 百度熊掌號數據提交插件”,插件的下載地址在在該文章中註明,感興趣的朋友們可以去看看或者試試。
其中值得一說的就是數據提交有兩種方式,準確的應該是兩種狀態吧,其中兩者的區別就是一個是針對新產生的內容,一個是針對站點內以往的高質量文章。
1.增量數據
通過增量數據接口提交站內當天新產生的內容,通過校驗後,享受實時抓取、快速展現優待。
2.存量數據
而通過存量數據接口提交站內有價值的內容,通過校驗後,會展現在搜索結果中。
2017.8.17 起,存量數據抓取升級爲提交後 24 小時抓取,每日提交鏈接數量上限爲 20 萬條,超出部分將不會被添加到存量數據中。
六、寫在最後
至此,你已經看完了指尖整理的關於WordPress快速引入百度熊掌號的開發教程。但是指尖最後還是想和大家寒暄幾句,從指尖的IT技術網站博客目前使用百度熊掌號的後臺數據反饋來看,似乎還挺不錯的,各方面效果也還基本滿意,至於流量方面目前沒有什麼變化和優勢,但是其中數據提交中的增量數據推送可以實現當天新產生的內容實現快速抓取和快速展現,並且因爲指尖是使用 MIP 版接入的官方號,所以指尖的初步觀察好像可以快速生效 MIP 文章的閃電標。
除非註明,否則均爲IT技術網站原創文章,轉載請以鏈接形式標明本文地址