當(dāng)前位置:首頁(yè) >  站長(zhǎng) >  建站經(jīng)驗(yàn) >  正文

移動(dòng)適配從入門(mén)到精通——39健康網(wǎng)經(jīng)驗(yàn)分享

 2016-03-22 16:12  來(lái)源: 百度站長(zhǎng)平臺(tái)   我來(lái)投稿 撤稿糾錯(cuò)

  域名預(yù)訂/競(jìng)價(jià),好“米”不錯(cuò)過(guò)

得知大家喜歡實(shí)戰(zhàn)經(jīng)驗(yàn)分享類干貨,站長(zhǎng)學(xué)院線上活動(dòng)大咖在線曾邀請(qǐng)39健康網(wǎng)企劃部總監(jiān)袁大吉做過(guò)分享,手把手教同學(xué)們做移動(dòng)適配,并分享了39健康網(wǎng)的一些經(jīng)驗(yàn),包括如何進(jìn)行設(shè)置、如何進(jìn)行監(jiān)控等等。今天我們把視頻和分享要點(diǎn)同時(shí)發(fā)布出來(lái),有相關(guān)疑問(wèn)的同學(xué)可以至社區(qū)專帖(內(nèi)有PPT原圖)繼續(xù)參與探討。

一、移動(dòng)適配相關(guān)概念

1.1 什么是移動(dòng)適配

通俗的理解就是告訴搜索引擎你的pc訪問(wèn)url 和 移動(dòng)訪問(wèn)url的對(duì)應(yīng)關(guān)系,從而把pc端的收錄和排名對(duì)應(yīng)到移動(dòng)端。

1.2 移動(dòng)適配做法

整理出搜索引擎的要求,做個(gè)表格,按照表格步驟當(dāng)做1+1+1一步步做完就ok,非常簡(jiǎn)單。

1.3 適配進(jìn)度監(jiān)控,調(diào)整移動(dòng)適配的錯(cuò)誤

移動(dòng)適配講了那么多年,大家都沒(méi)學(xué)會(huì)監(jiān)控移動(dòng)適配效果,原因是一直沒(méi)教大家如何判斷適配是否成功。

二、怎樣做移動(dòng)適配?

2.1 梳理頁(yè)面結(jié)構(gòu)

梳理全站pc和wap的頁(yè)面結(jié)構(gòu),檢查是否每一個(gè)pc頁(yè)和wap頁(yè)都有一一對(duì)應(yīng)關(guān)系,若發(fā)現(xiàn)有不對(duì)應(yīng)的頁(yè)面,及時(shí)補(bǔ)足。

2.2自主適配

2.2.1什么是自主適配

用戶通過(guò)移動(dòng)設(shè)備訪問(wèn)站點(diǎn)的PC頁(yè)時(shí),站點(diǎn)將其自動(dòng)適配到該P(yáng)C頁(yè)面對(duì)應(yīng)的手機(jī)頁(yè),并為之選擇合適的頁(yè)面版本。站長(zhǎng)應(yīng)選擇適合自己網(wǎng)站的自主適配方式。目前自主適配主要有三種實(shí)現(xiàn)方式:跳轉(zhuǎn)適配、代碼適配、自適應(yīng),其各自的特點(diǎn)如下:

跳轉(zhuǎn)適配實(shí)現(xiàn)比較簡(jiǎn)單,站長(zhǎng)只需獨(dú)立開(kāi)發(fā)移動(dòng)網(wǎng)站,當(dāng)用戶訪問(wèn)PC頁(yè)面時(shí),這種配置會(huì)嘗試檢測(cè)用戶所使用的設(shè)備或ua,若監(jiān)測(cè)到移動(dòng)設(shè)備或ua,便通過(guò)302或301跳轉(zhuǎn)至對(duì)應(yīng)的移動(dòng)頁(yè)面。

代碼適配實(shí)現(xiàn)較為復(fù)雜,該方法PC和移動(dòng)頁(yè)使用相同的網(wǎng)址(不考慮用戶所使用的設(shè)備),但會(huì)根據(jù)服務(wù)器對(duì)用戶所用瀏覽器的了解(ua),針對(duì)不同設(shè)備類型生成不同版本的 HTML。

自適應(yīng)實(shí)現(xiàn)難度中等。是通過(guò)同一網(wǎng)址提供相同HTML 代碼的網(wǎng)站設(shè)計(jì)方法。該方法不考慮用戶所使用的設(shè)備(pc、平板電腦、移動(dòng)設(shè)備),但可以根據(jù)屏幕尺寸以不同方式呈現(xiàn)(即適應(yīng))顯示屏。

39目前用的是跳轉(zhuǎn)適配,所以一下會(huì)先介紹跳轉(zhuǎn)適配應(yīng)怎樣向百度傳遞對(duì)應(yīng)關(guān)系。

2.2.2 跳轉(zhuǎn)適配檢查方法

所需工具:①火狐瀏覽器 ;②Default User Agent插件(模擬移動(dòng)端);③ firebug插件(抓包檢查跳轉(zhuǎn)情況)

檢查步驟:

2.3meta標(biāo)注聲明

在中加入meta標(biāo)注,標(biāo)明當(dāng)前頁(yè)面對(duì)應(yīng)的WAPurl。

Meta標(biāo)注聲明格式:

Meta標(biāo)注聲明示例:

檢查并記錄好網(wǎng)站個(gè)頁(yè)面的meta標(biāo)注情況,沒(méi)標(biāo)注的頁(yè)面補(bǔ)上:

2.4 制作提交對(duì)應(yīng)關(guān)系sitemap

按照百度要求的格式制作對(duì)應(yīng)關(guān)系sitemap

對(duì)應(yīng)關(guān)系sitemap有兩種可選:規(guī)則適配、url適配

2.4.1 規(guī)則適配

《規(guī)則適配格式說(shuō)明》

a)確定是純數(shù)字:([0-9]+) 或(\d+)

b)確定是純字母:([a-zA-Z]+), 包括字母大小寫(xiě)的情況

c)確定是數(shù)字和字母混合串:

方法一、((?:[a-zA-Z]+[0-9]+|[0-9]+[a-zA-Z]+)[a-zA-Z0-9]+)

方法二、([a-zA-Z0-9]+)

說(shuō)明:兩種混合串的區(qū)別:較長(zhǎng)的一種為嚴(yán)格的數(shù)字和字母混排形式,且數(shù)字 和字母交替至少出現(xiàn)1次;較短的一種可支持純數(shù)字,純字母和數(shù)字字母混排

d)確定有中文字符:((?:%[a-zA-Z-0-9]{2,})+)

e)確定有參數(shù)值:([^&]+)

f)確定有'-'和'_'連接字符串的替換規(guī)則:將連接的各個(gè)部分分別用對(duì)應(yīng)的規(guī)則替換

規(guī)則適配舉例:

規(guī)則適配提交:

①登陸百度站長(zhǎng)平臺(tái)

②“移動(dòng)專區(qū)”→“移動(dòng)適配”→選擇對(duì)應(yīng)域名→填寫(xiě)對(duì)應(yīng)的移動(dòng)url

③選擇提交方式(可單條提交,可多條提交)

④根據(jù)處理狀態(tài)中提示的錯(cuò)誤修改對(duì)應(yīng)關(guān)系sitemap

2.4.2 url適配

url適配格式說(shuō)明:提供一個(gè)txt文檔,文檔中數(shù)據(jù)為兩列,中間用空格隔開(kāi),第一列為PC版URL ,第二列為PC頁(yè)面對(duì)應(yīng)的移動(dòng)版頁(yè)面。

url適配格式示例:

url適配提交:

①登陸百度站長(zhǎng)平臺(tái)

②“移動(dòng)專區(qū)”→“移動(dòng)適配”→選擇對(duì)應(yīng)域名→url適配→填寫(xiě)對(duì)應(yīng)的移動(dòng)url

③選擇提交方式(可上傳txt文檔,可直接填寫(xiě)url對(duì))

④根據(jù)處理狀態(tài)中提示的錯(cuò)誤修改對(duì)應(yīng)關(guān)系sitemap

⑤記錄好提交的sitemap類型

2.5 適配進(jìn)度監(jiān)控

①分別將各種頁(yè)面類型的pc url復(fù)制到對(duì)應(yīng)移動(dòng)搜索引擎進(jìn)行搜索

②觀察搜索結(jié)果顯示的url,若為正確的wap端url,且點(diǎn)擊進(jìn)去是正確的wap端url,則收錄適配成功,如下圖

③將待檢查頁(yè)面title分別制到百度PC端和移動(dòng)端進(jìn)行搜索,觀察排名是否接近,若排名接近,則關(guān)鍵詞適配成功

④記錄監(jiān)控結(jié)果

以下為培訓(xùn)視頻

 

申請(qǐng)創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!

相關(guān)標(biāo)簽
移動(dòng)建站
移動(dòng)網(wǎng)站

相關(guān)文章

熱門(mén)排行

信息推薦