百度智能小程序搜索引擎優(yōu)化

與普通的Web站點(diǎn)一樣，Web化小程序也可以通過(guò)一些搜索引擎優(yōu)化（SEO）手段獲取更正確的相關(guān)性排名結(jié)果。

1.設(shè)置頁(yè)面基礎(chǔ)信息

正如在H5開(kāi)發(fā)中，會(huì)在HTML中添加title、metadescription、metakeywords標(biāo)簽，聲明頁(yè)面相關(guān)內(nèi)容，小程序的頁(yè)面信息聲明通過(guò)設(shè)置頁(yè)面基礎(chǔ)信息實(shí)現(xiàn)。

頁(yè)面基礎(chǔ)信息包括頁(yè)面的標(biāo)題、摘要、關(guān)鍵詞、頁(yè)面主圖、資源發(fā)布時(shí)間等，以下僅介紹幾個(gè)主要信息，更多設(shè)置要求詳見(jiàn)官方文檔《API-頁(yè)面基礎(chǔ)信息》：

?標(biāo)題（Title）：能夠更加快速洞察頁(yè)面內(nèi)容，了解該結(jié)果與需求的相關(guān)性，通常是用來(lái)決定用戶點(diǎn)擊哪個(gè)結(jié)果的主要信息。所以，使用高質(zhì)量的頁(yè)面標(biāo)題對(duì)小程序來(lái)說(shuō)至關(guān)重要；

?摘要（Description）：小程序首頁(yè)、欄目頁(yè)、分類頁(yè)的摘要非常重要，因?yàn)橛锌赡茉谒阉鹘Y(jié)果中直接被用戶看到，影響到用戶是否選擇點(diǎn)擊查看詳情；

?關(guān)鍵詞（Keywords）：小程序開(kāi)發(fā)者給網(wǎng)站某個(gè)頁(yè)面設(shè)定的詞匯，以便讓搜索引擎更好地理解頁(yè)面價(jià)值。keywords代表了小程序主題內(nèi)容，無(wú)論是首頁(yè)、內(nèi)頁(yè)還是欄目頁(yè)，關(guān)鍵詞一般都代表的是當(dāng)前頁(yè)面或者欄目?jī)?nèi)容的主體。開(kāi)發(fā)者根據(jù)實(shí)際情況設(shè)置即可；

?頁(yè)面主圖（Image）：頁(yè)面中的主體圖片地址，必須是頁(yè)面中真實(shí)展示的與頁(yè)面主體內(nèi)容相關(guān)的圖片。有效的圖片描述可能會(huì)在搜索結(jié)果中展示，給用戶更直觀友好的體驗(yàn)，提升用戶點(diǎn)擊率。

頁(yè)面基礎(chǔ)信息通過(guò)小程序APIswan.setPageInfo設(shè)置，使用示例如下:

Page({

??onShow(){

????swan.setPageInfo({

??????title:'Win10控制面板在哪？怎么找出來(lái)-百度經(jīng)驗(yàn)',

??????keywords:'Win10控制面板在哪？win10面板,電腦軟件,電腦,游戲/數(shù)碼',

??????description:'Win10控制面板在哪？升級(jí)了Wi10系統(tǒng)發(fā)現(xiàn)：電腦上的【控制面板】不見(jiàn)了，教大家怎么把消失的【控制面板】找回來(lái)。',

??????image:'example.com/myphoto.jpg'

??????...

????});

??})

);

更多具體使用方式介紹見(jiàn)官方文檔《API-頁(yè)面基礎(chǔ)信息》

頁(yè)面基礎(chǔ)信息的設(shè)置粒度是頁(yè)面級(jí)的，因此強(qiáng)烈建議在Page的onshow生命周期中調(diào)用，以保證每次頁(yè)面切換都能有效設(shè)置當(dāng)前頁(yè)的頁(yè)面基礎(chǔ)信息。

setPageInfo在Web化的內(nèi)部實(shí)現(xiàn)其實(shí)就是將調(diào)用參數(shù)動(dòng)態(tài)設(shè)置為HTML標(biāo)簽中的title、metadescription、metakeywords標(biāo)簽，以及符合TheOpenGraphprotocol的meta標(biāo)簽。因此，如要調(diào)試調(diào)用setPageInfo之后，頁(yè)面基礎(chǔ)信息是否設(shè)置成功，可以檢查Web化頁(yè)面渲染后的HTMLElement中是否成功設(shè)置了這幾個(gè)標(biāo)簽。Web化頁(yè)面預(yù)覽方法將在第二章節(jié)介紹。

比如上例中的設(shè)置結(jié)果如下：

??Win10控制面板在哪？怎么找出來(lái)-百度經(jīng)驗(yàn)

...

??

??

??

??

...

swan.setPageInfo中設(shè)置的字段除了在接入自然搜索場(chǎng)景下會(huì)被用到，在接入百度信息流中也起到至關(guān)重要的作用，詳見(jiàn)官方文檔《信息流流量接入》

另外，swan.setPageInfoAPI不僅用于在流量接入場(chǎng)景下的頁(yè)面內(nèi)容聲明，在客戶端小程序?qū)崿F(xiàn)中，頁(yè)面基礎(chǔ)信息也會(huì)被用作頁(yè)面分享、頁(yè)面收藏時(shí)的摘要信息。

2.鏈接跳轉(zhuǎn)

頁(yè)面中鏈接跳轉(zhuǎn)對(duì)爬蟲(chóng)收錄有很重要的價(jià)值。對(duì)于普通H5，頁(yè)面跳轉(zhuǎn)的方式通常有兩種：a標(biāo)簽跳轉(zhuǎn)window.location.href賦值方式跳轉(zhuǎn)。前者直接設(shè)置在HTML標(biāo)簽中，發(fā)現(xiàn)效率和正確性相較后者友好很多。

同理，在小程序中，設(shè)置頁(yè)面跳轉(zhuǎn)的方式對(duì)應(yīng)的也有兩種：

?navigator組件，標(biāo)簽式聲明

?導(dǎo)航類API，通過(guò)用戶事件等方式觸發(fā)調(diào)用

為了有效的被爬蟲(chóng)發(fā)現(xiàn)，我們強(qiáng)烈建議在兩者都能滿足需求的情況下，使用navigator組件的方式聲明鏈接。

?推薦跳轉(zhuǎn)示例：

點(diǎn)我跳轉(zhuǎn)

?不推薦跳轉(zhuǎn)示例：

點(diǎn)我跳轉(zhuǎn)Page({

??jump(){

????swan.navigateTo({

??????url:'/pages/detail/detail'

????});

??}

??...})

3.避免使用webview組件

為了方便小程序開(kāi)發(fā)，很多開(kāi)發(fā)者會(huì)選擇通過(guò)webview組件嵌套H5頁(yè)面的方式實(shí)現(xiàn)小程序。使用webview組件嵌套方式實(shí)現(xiàn)的小程序?qū)τ谂老x(chóng)抓取是不友好的。因此，我們不推薦使用這種方式開(kāi)發(fā)小程序。

4.游客模式兼容

由于爬蟲(chóng)的訪問(wèn)環(huán)境沒(méi)有賬號(hào)登錄模擬，在任何頁(yè)面都將以游客模式訪問(wèn)（游客模式下調(diào)用swan.login會(huì)執(zhí)行fail回調(diào)）。因此，開(kāi)發(fā)者希望收錄的頁(yè)面，應(yīng)考慮對(duì)游客模式的兼容。對(duì)于無(wú)用戶信息依靠的頁(yè)面不添加強(qiáng)制登錄的邏輯，用戶信息獲取失敗時(shí)仍然展示有效內(nèi)容。

例如：在一個(gè)博客論壇的博文頁(yè)，只有評(píng)論功能需要在用戶登錄態(tài)完成。那么當(dāng)在未登錄態(tài)訪問(wèn)該頁(yè)面時(shí)，應(yīng)該正常展示文章主體，僅在用戶點(diǎn)擊評(píng)論時(shí)再要求登錄。而非在頁(yè)面進(jìn)入時(shí)就強(qiáng)制登錄才可正常瀏覽。

5.避免頁(yè)面間訪問(wèn)順序依靠

由于小程序一般外露入口較集中，比如后續(xù)頁(yè)面都只會(huì)通過(guò)首頁(yè)跳轉(zhuǎn)訪問(wèn)，小程序開(kāi)發(fā)者通常很簡(jiǎn)單忽略頁(yè)面之間訪問(wèn)的獨(dú)立性，造成頁(yè)面實(shí)現(xiàn)邏輯與訪問(wèn)路徑過(guò)于耦合的情況。例如：在首頁(yè)請(qǐng)求數(shù)據(jù)信息后，通過(guò)setStorage存儲(chǔ)本地，并在跳轉(zhuǎn)二級(jí)頁(yè)時(shí)讀取storage中存儲(chǔ)的數(shù)據(jù)，不做任何判空處理直接展示。

考慮Web化小程序被爬蟲(chóng)抓取的情況，每個(gè)頁(yè)面都是獨(dú)立入口訪問(wèn)的。所以，應(yīng)該避免這種耦合訪問(wèn)順序的寫(xiě)法，添加必要的兼容處理。可以在小程序開(kāi)發(fā)完成時(shí)，通過(guò)單獨(dú)預(yù)覽每個(gè)Web化頁(yè)面的方式檢查是否符合要求。

代碼示例:

首頁(yè)：

Page({

??onShow(){

????swan.request({

??????url:'https//example.com/api/data',

??????success:function(res){

????????...

????????swan.setStorageSync('remote-data',res.data);

??????}

????});

??}

});

二級(jí)頁(yè)：

//badPage({

??onShow(){

????letdata=swan.getStorageSync('remote-data');

????this.render(data);

??}});//betterPage({

??onShow(){

????letdata=swan.getStorageSync('remote-data');

????if(!data){

??????swan.request({

????????url:'https//example.com/api/data',

????????success:function(res){

??????????...

??????????data=res.data????????}

??????});

????}

????this.render(data);

??}});

掏京驢夠整孫旨低配隙穗取首或艇漁辭帆獻(xiàn)疤她版非摸力蝦身瓜銅槽餓厘胡讀橡戒邊躍攝乃輔惡含末誤為式論宰診患鈔罷群波兄額券覽悲游旱籌看放士餃紅誘吹漲晌雨甘桃兄會(huì)倍縮橘抵比忍著女短頌嚷去拉終班厲啞妄仙愉興掏蜻燦府英伍緣瘋猜惜瘡沃束檔庫(kù)仙加uvv。百度智能小程序搜索引擎優(yōu)化。seo590QQcom,整合營(yíng)銷選擇樂(lè)云seo,外貿(mào)網(wǎng)站seo費(fèi)用