智慧小程式檔案館——搜尋流量接入(一)

百度智慧小程式學院發表於2018-10-25
智慧小程式為開發者提供對接百度搜尋生態的能力——看起來很高深,不太理解什麼意思是不?其實簡單點來說就是提高了您開發的小程式的出鏡率。

所謂的流量接入,其實當使用者在百度 App(10.9.5或以上版本)中搜尋對應的智慧小程式的相關內容時,小程式的相關頁面會通過檢索,出現在搜尋結果頁中。開發者只需要進行簡單的配置工作,就可以使自己開發的智慧小程式被百度搜尋收錄、分發。

目前智慧小程式在百度搜尋生態中進行分發有自然結果和阿拉丁特型卡片兩種形式。

——今天我們詳細為你介紹的就是如何接入自然結果

自然結果

emmm 我們先來看一下自然結果是這樣的⬇️

智慧小程式檔案館——搜尋流量接入(一)

1. 在百度搜尋結果頁中,當智慧小程式某頁面被正常檢索到,其展現形式和普通網頁相同,使用者在百度App(10.9.5或以上版本)點選該條搜尋結果,即可開啟智慧小程式。

2. 如在百度App搜尋框中輸入“南開大學 貼吧”,在召回的自然結果中,點選百度貼吧相關的搜尋結果,即可開啟百度貼吧智慧小程式,並進入“南開大學吧”主頁。

介紹完自然搜尋是什麼之後,我們來看一下,要如何操作才能接入自然搜尋呢?

接入自然結果

您需要依次進行配置代理域名、配置url對映規則、申請並繫結熊掌號、提交sitemap的操作,即可完成智慧小程式對接自然結果的配置。

第一步:配置代理域名

這步操作需要在智慧小程式平臺進行,進入小程式首頁,單擊“設定>開發設定”。找到“代理域名設定”中,單擊“去開啟”按鈕,在彈出的對話方塊中,依次配置“小程式域名”和“H5域名”就可以啦。

智慧小程式檔案館——搜尋流量接入(一)

在完成上述操作後,開發者工具上方的操作區域中會增加“web預覽”的按鈕,此時智慧小程式已經開啟了“web化”的配置開關,開發者工具會對智慧小程式的web化編譯進行特殊處理。

第二步:配置url影射規則

首先在 app.json 中增加 url-mapping 欄位,配置智慧小程式與其對應的H5頁面的 url 的對映規則。供搜尋引擎在自然結果中將H5站url進行匹配和替換。

{

      "pages": [

          "path/to/smartapp/page1/page1",

          "path/to/smartapp/page2/page2",

          "path/to/smartapp/page3/page3"

      ],

      "url-mapping": {

          "path/to/smartapp/page1/page1":"/path/to/h5/page1?query1=${appquery1}&query2=${appquery2}",

          "path/to/smartapp/page2/page2":"/path/to/h5/page2?query3=${appquery3}&query4=${appquery4}",

          "path/to/smartapp/page3/page3":"/path/to/h5/page3?query5=${appquery5}&query6=${appquery6}"

      }

  }複製程式碼

這裡要說明的是:url-mapping 欄位為 Object,在pages 中配置的每一個頁面的 url 作為 key,每一個小程式頁面對應的 H5 頁面作為 value; 每一對”key-value”作為一個完整的url對映; url 對映規則通過字串模板的方式進行定義,模板變數的界定符是${}。需要將 Web 版智慧小程式 url 中的 query 部分,和字串模板進行編譯,生成正式的 url 例項;url 對映規則不包含 host 部分,具體的 host 需要開發者訪問智慧小程式B端後臺進行單獨配置。

舉個?:以百度貼吧智慧小程式為例,在app.json中配置url-mapping欄位如下:

{

      "pages": {

          "pages/index/index",

          "pages/pb/pb",

          "pages/frs/frs"

      }

      "url-mapping": {

          "pages/index/index":"/",

          "pages/pb/pb":"/p/${tid}",

          "pages/frs/frs": "/?kw=${kw}"

      }

  }複製程式碼


接下來就可以在開發者工具中重新提包

因為在“配置代理域名”中已經開啟web化的開關,開發者工具會在編譯和上傳流程中加入對智慧小程式web化的特殊處理。建議在正式提包之前,通過開發者工具“web預覽”的功能,進行web化效果的確認。

url對映規則不僅可以在app.json中進行配置,同樣也可以在智慧小程式平臺中進行配置。 詳情參見:https://smartprogram.baidu.com/docs/develop/flow/rank/

通過開發者工具上傳url對映規則的配置,則會產出一個智慧小程式web化的“內部域名”,該內部域名的格式為https://${appkey}.smartapps.cn,該域名不應該對外直接提供訪問,需要通過上文提到的“小程式域名”反向代理到該“內部域名”。

完成上述操作後“小程式域名”將展示出web化智慧小程式的頁面。通過檢視原始碼可以發現,配置url對映規則的目的是在web化的智慧小程式頁面頭部插入“canonical標籤”一對一指向對應H5頁面,該標籤的資料會被爬蟲抓取並建立智慧小程式和H5站頁面的對應關係。

第三步:申請並繫結熊帳號

智慧小程式被百度搜尋分發,必須要繫結熊掌號。如果還未申請熊掌號,請移步熊掌號首頁申請帳號。請確保和熊掌號關聯的百度帳號和登入智慧小程式平臺的百度帳號相同。

開發者需要將熊掌號ID和智慧小程式的appkey郵件傳送至 jiangfeiyu@baidu.com

第四步:提交sitemap

開發者需要線下準備好web化的智慧小程式sitemap,用來通知搜尋引擎識別可被收錄的web化智慧小程式頁面。進入智慧小程式平臺,單擊進入小程式首頁,單擊“投放管理>自然搜尋管理”。上傳sitemap,可以在當前頁面中下載sitemap的說明文件。目前支援存量上傳和增量上傳兩種方式。

其中存量上傳並非實時生效,切更新耗時較長;增量上傳資料更新耗時低,日均限額提交500個。


完成上述操作之後,您的智慧小程式就接入自然結果,成功提高出鏡率咯~智慧小程式檔案館——搜尋流量接入(一)



相關文章