<code id="6mcsu"></code>
<li id="6mcsu"></li>
<li id="6mcsu"><dl id="6mcsu"></dl></li>
  • <code id="6mcsu"><tr id="6mcsu"></tr></code>
    或者

    移動適配從入門到精通

    作者:月光邊境 瀏覽:197 發(fā)布時間:2018-01-09
    分享 評論 0

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

      1.1 什么是移動適配

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

      1.2 移動適配做法

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

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

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

      二、怎樣做移動適配?

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

      

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

      2.2自主適配

      

      2.2.1什么是自主適配

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

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

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

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

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

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

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

      檢查步驟:

      

      2.3meta標(biāo)注聲明

      在<head></head>中加入meta標(biāo)注,標(biāo)明當(dāng)前頁面對應(yīng)的WAPurl。

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

      

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

      

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

      

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

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

      對應(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ī)則:將連接的各個部分分別用對應(yīng)的規(guī)則替換

      規(guī)則適配舉例:

      

      規(guī)則適配提交:

      ①登陸百度站長平臺

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

      

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

      

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

      

      2.4.2 url適配

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

      url適配格式示例:

      

      url適配提交:

      ①登陸百度站長平臺

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

      

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

      

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

      

      ⑤記錄好提交的sitemap類型

      

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

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

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

      

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

      

      

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


    成在人线AV无码免观看麻豆| 亚洲精品99久久久久中文字幕| 日韩乱码人妻无码中文视频| 国产无码网页在线观看| 亚洲精品无码成人片久久| 精品久久久久久无码中文野结衣 | 中文字幕免费在线| 国产亚洲AV无码AV男人的天堂 | 国产品无码一区二区三区在线| 毛片一区二区三区无码| 无码国内精品久久人妻蜜桃| 日日摸夜夜添无码AVA片| 亚洲视频中文字幕| 国产精品 中文字幕 亚洲 欧美 | 亚洲 日韩经典 中文字幕| 精品无码久久久久久尤物| 中文字幕无码精品三级在线电影| 一本大道香蕉中文在线高清| 中文毛片无遮挡高潮免费| 国产仑乱无码内谢| 无码国产精品一区二区免费vr | 国产在线无码精品电影网| 最新中文字幕在线| 熟妇人妻不卡中文字幕| 亚洲精品无码久久久| 免费无码又爽又黄又刺激网站| 88国产精品无码一区二区三区| 精品无码人妻一区二区三区| 亚洲av无码乱码国产精品fc2| 欧洲精品无码一区二区三区在线播放| 乱人伦中文视频高清视频| 精品久久久久久无码中文字幕| 国产精品综合专区中文字幕免费播放 | 无码乱码观看精品久久| 日韩精品无码免费视频| 久久综合一区二区无码| 亚洲AV无码乱码在线观看牲色| 本道天堂成在人线av无码免费| 国产在线无码视频一区二区三区| 久久久无码精品亚洲日韩按摩 | 国产成人无码专区|