-
觸屏版
-
全國服務(wù)熱線：0571-87205688
- 云客網(wǎng)首頁
-
登錄
- |
-
注冊(cè)
- |
-
客戶中心
- |
-
關(guān)注云客
移動(dòng)適配從入門到精通——39健康網(wǎng)經(jīng)驗(yàn)分享
分享
評(píng)論
贊0
得知大家喜歡實(shí)戰(zhàn)經(jīng)驗(yàn)分享類干貨，站長學(xué)院線上活動(dòng)大咖在線曾邀請(qǐng)39健康網(wǎng)企劃部總監(jiān)袁大吉做過分享，手把手教同學(xué)們做移動(dòng)適配，并分享了39健康網(wǎng)的一些經(jīng)驗(yàn)，包括如何進(jìn)行設(shè)置、如何進(jìn)行監(jiān)控等等。今天我們把視頻和分享要點(diǎn)同時(shí)發(fā)布出來，有相關(guān)疑問的同學(xué)可以至社區(qū)專帖(內(nèi)有PPT原圖)繼續(xù)參與探討。
一、移動(dòng)適配相關(guān)概念
1.1 什么是移動(dòng)適配
通俗的理解就是告訴搜索引擎你的pc訪問url 和 移動(dòng)訪問url的對(duì)應(yīng)關(guān)系，從而把pc端的收錄和排名對(duì)應(yīng)到移動(dòng)端。
1.2 移動(dòng)適配做法
整理出搜索引擎的要求，做個(gè)表格，按照表格步驟當(dāng)做1+1+1一步步做完就ok，非常簡單。
1.3 適配進(jìn)度監(jiān)控，調(diào)整移動(dòng)適配的錯(cuò)誤
移動(dòng)適配講了那么多年，大家都沒學(xué)會(huì)監(jiān)控移動(dòng)適配效果，原因是一直沒教大家如何判斷適配是否成功。
二、怎樣做移動(dòng)適配？
2.1 梳理頁面結(jié)構(gòu)
梳理全站pc和wap的頁面結(jié)構(gòu)，檢查是否每一個(gè)pc頁和wap頁都有一一對(duì)應(yīng)關(guān)系，若發(fā)現(xiàn)有不對(duì)應(yīng)的頁面，及時(shí)補(bǔ)足。
2.2自主適配
2.2.1什么是自主適配
用戶通過移動(dòng)設(shè)備訪問站點(diǎn)的PC頁時(shí)，站點(diǎn)將其自動(dòng)適配到該P(yáng)C頁面對(duì)應(yīng)的手機(jī)頁，并為之選擇合適的頁面版本。站長應(yīng)選擇適合自己網(wǎng)站的自主適配方式。目前自主適配主要有三種實(shí)現(xiàn)方式：跳轉(zhuǎn)適配、代碼適配、自適應(yīng)，其各自的特點(diǎn)如下：
跳轉(zhuǎn)適配實(shí)現(xiàn)比較簡單，站長只需獨(dú)立開發(fā)移動(dòng)網(wǎng)站，當(dāng)用戶訪問PC頁面時(shí)，這種配置會(huì)嘗試檢測(cè)用戶所使用的設(shè)備或ua，若監(jiān)測(cè)到移動(dòng)設(shè)備或ua，便通過302或301跳轉(zhuǎn)至對(duì)應(yīng)的移動(dòng)頁面。
代碼適配實(shí)現(xiàn)較為復(fù)雜，該方法PC和移動(dòng)頁使用相同的網(wǎng)址（不考慮用戶所使用的設(shè)備），但會(huì)根據(jù)服務(wù)器對(duì)用戶所用瀏覽器的了解（ua），針對(duì)不同設(shè)備類型生成不同版本的 HTML。
自適應(yīng)實(shí)現(xiàn)難度中等。是通過同一網(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)注聲明
在<head></head>中加入meta標(biāo)注，標(biāo)明當(dāng)前頁面對(duì)應(yīng)的WAPurl。
Meta標(biāo)注聲明格式：
Meta標(biāo)注聲明示例：
檢查并記錄好網(wǎng)站個(gè)頁面的meta標(biāo)注情況，沒標(biāo)注的頁面補(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ī)則適配格式說明》
a）確定是純數(shù)字：([0-9]+) 或（\d+）
b）確定是純字母：([a-zA-Z]+)， 包括字母大小寫的情況
c）確定是數(shù)字和字母混合串：
方法一、((?:[a-zA-Z]+[0-9]+|[0-9]+[a-zA-Z]+)[a-zA-Z0-9]+)
方法二、([a-zA-Z0-9]+)
說明：兩種混合串的區(qū)別：較長的一種為嚴(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ī)則適配提交：
①登陸百度站長平臺(tái)
?、凇耙苿?dòng)專區(qū)”→“移動(dòng)適配”→選擇對(duì)應(yīng)域名→填寫對(duì)應(yīng)的移動(dòng)url
③選擇提交方式（可單條提交，可多條提交）
?、芨鶕?jù)處理狀態(tài)中提示的錯(cuò)誤修改對(duì)應(yīng)關(guān)系sitemap
2.4.2 url適配
url適配格式說明：提供一個(gè)txt文檔，文檔中數(shù)據(jù)為兩列，中間用空格隔開，第一列為PC版URL ,第二列為PC頁面對(duì)應(yīng)的移動(dòng)版頁面。
url適配格式示例：
url適配提交：
①登陸百度站長平臺(tái)
?、凇耙苿?dòng)專區(qū)”→“移動(dòng)適配”→選擇對(duì)應(yīng)域名→url適配→填寫對(duì)應(yīng)的移動(dòng)url
?、圻x擇提交方式（可上傳txt文檔，可直接填寫url對(duì)）
?、芨鶕?jù)處理狀態(tài)中提示的錯(cuò)誤修改對(duì)應(yīng)關(guān)系sitemap
?、萦涗浐锰峤坏膕itemap類型
2.5 適配進(jìn)度監(jiān)控
?、俜謩e將各種頁面類型的pc url復(fù)制到對(duì)應(yīng)移動(dòng)搜索引擎進(jìn)行搜索
?、谟^察搜索結(jié)果顯示的url，若為正確的wap端url，且點(diǎn)擊進(jìn)去是正確的wap端url，則收錄適配成功，如下圖
?、蹖⒋龣z查頁面title分別制到百度PC端和移動(dòng)端進(jìn)行搜索，觀察排名是否接近，若排名接近，則關(guān)鍵詞適配成功
?、苡涗洷O(jiān)控結(jié)果
猜你喜歡
評(píng)論(0人參與，0條評(píng)論)
發(fā)布評(píng)論
最新評(píng)論