首頁>>移動SEO
根據百度站長平臺（現在叫搜索資源平臺）的分類，當前主流網站的移動化適配方式分為三種，如標題中所寫的：自適應、跳轉適配、代碼適配。講到這里肯定有朋友要問了，哪種更好？小編個人是更傾向于自適應適配方式的，理由下面詳細道來。
1、跳轉適配。
該方法會利用單獨的網址向每種設備提供不同的代碼。這種配置會嘗試檢測用戶所使用的設備或ua，然后使用HTTP重定向和VaryHTTP標頭重定向到相應的頁面。Pc和移動網址是不一樣的，一般都是使用m.的二級域名。
為了讓百度更好的了解單獨的移動版網址，需要使用如下注釋：
在pc版網頁上，添加指向對應移動版網址的特殊鏈接 rel="alternate" 標記。這有助于發現網站的移動版網頁所在的位置。
在移動版網頁上，添加指向對應pc版網址的鏈接 rel="canonical" 標記。
例如，假設pc版網址為http://www.example.com/page-1，且對應的移動版網址為 http://m.example.com/page-1，那么此示例中的注釋如下所示：
在pc版網頁(http://www.example.com/page-1) 上，添加：
<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.example.com/page-1" >
而在移動版網頁(http://m.example.com/page-1) 上，所需的注釋應為:
<link rel="canonical"href="http://www.example.com/page-1" >
在pc頁面增加代碼是告訴pc跳過來是移動的，在移動頁面加代碼是表明移動的對應的是pc，增加代碼的識別，便于識別它們是一個頁面，便于蜘蛛爬行和檢測。
注：加在<head></head>里面。
2、代碼適配。
該方法使用相同的網址（不考慮用戶所使用的設備），但會根據服務器對用戶所用瀏覽器的了解（ua），針對不同設備類型生成不同版本的HTML。
通過終端設備ua進行判斷，若是移動設備訪問，那么就會返回給你一個移動端形式的網頁，反之會返回一個pc端的網頁，而兩種網頁所對應的代碼是不一樣的。
為了更好的識別，需要加如下代碼：
在pc的相應的head中添加：
<meta name="applicable-device" content="pc">
在移動的相應的head中添加：
<meta name="applicable-device" content="mobile">
3、自適應。
通過同一網址提供相同HTML代碼的網站設計方法。該方法不考慮用戶所使用的設備（pc、平板電腦、移動設備），但可以根據屏幕尺寸以不同方式呈現（即適應）顯示屏。
使用自適應，網站的網頁會根據你瀏覽器窗口的大小按照不同的比例來展示，比如說你在pc上打開某一個網頁，當你把瀏覽器窗口縮放，就會根據瀏覽器的寬度，自動調整網頁內容大小，一般代碼的情況是HTML一樣，css不一樣。
自適應設計有其一般原則：在head添加以下代碼并且使用<picture>元素處理自適應圖片:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
自適應頁面還應該在head中標識：
<meta name="applicable-device"content="pc,mobile">
表示頁面同時適合在移動設備和PC上進行瀏覽。
百度僅站在搜索引擎角度對跳轉適配、代碼適配、自適應這三種配置方式做了一些對比和分析，希望能夠幫助站點選擇更適合自己、性價比最優的方式來進行移動化。
要如何判斷這三種方式呢？
Pc端和移動端的網址不一樣，那么可以判斷為跳轉適配。
代碼適配是網址一樣，代碼不一樣。若網址一樣，那么借助模擬移動端插件查看pc端和移動端的代碼，代碼不一樣可判斷為代碼適配。
自適應是網址代碼都一樣，若網址一樣，可借助插件來對比代碼是否一樣來判斷。另外，我們還可借助瀏覽器來判斷，在pc端上打開網站，在不開啟模擬移動端訪問插件的情況下，將瀏覽器窗口不斷變化，網頁會按照不同的比例來展示，那么可以判斷為自適應。
雖然自適應網站有著諸多優點，但是由于設計要求高、難實現、調試成本高的缺點，也被大家稱作通往自適應網站設計的三座大山，導致當前自適應網站熱度一般?？傮w來說，優點還是要大于弊端的，自適應網站設計是未來發展的趨勢。
- 上一篇： 做手機網站優化，你需要重視的幾個關注點
- 下一篇： 手機網站排名怎么做？移動端優化的幾個要點
猜你喜歡
- 2022-11-10 【官方文檔】百度搜索網站被黑防范指南
- 2022-11-03 【干貨必備】百度搜索優質內容指南
- 2022-08-01 百度隱藏“快照”功能：原因未知-百度快照沒了？
- 2022-06-20 淺析“百度搜索基礎信息設置規范”！
- 2022-06-15 SEO尷尬，有排名，沒流量，沒咨詢，怎么辦？
- 2022-05-16 IE瀏覽器宣布6月16日退役 Edge瀏覽器將接棒
- 搜索
-
- 2022-11-17 全中國一共有多少IP地址？
- 2022-11-10 【官方文檔】百度搜索網站被黑防范指南
- 2022-11-10 PbootCMS 默認Sqlite數據庫···
- 2022-11-03 【干貨必備】百度搜索優質內容指南
- 2022-11-03 SEM投放前，需要做哪些準備？
- 2022-11-02 淺談代運營服務的商業模式
- 2022-11-01 SQlite刪除數據后DB大小無改變解決···
- 2022-11-01 在寶塔面板通過偽靜態屏蔽垃圾蜘蛛的方法
- 2022-10-31 制造業SEO，怎么做是正確的，高性價比！
- 2022-10-31 Unknown robot是什么蜘蛛？怎···
- 2022-10-26 win7/win10其他電腦無法訪問我的···
- 2022-10-24 中小企業打廣告去哪個平臺？一般選擇哪種推···
- 2019-11-01 Origin DNS error：使用百···
- 2020-12-01 一級域名好還是二級域名好？
- 2020-10-13 百度抓取診斷工具一直抓取失敗怎么辦？
- 2020-06-20 “401 - 未授權: 由于憑據無效，訪···
- 2019-12-09 域名解析后，網站返回狀態碼511應對方法
- 2021-01-06 百度移動端的搜索結果上線“踩頂”功能，對···
- 2020-09-03 element.style樣式的修改
- 2019-08-12 網站出現“403，服務器上文件或目錄拒絕···
- 2019-11-06 正確打開.db數據庫文件的兩種方式，避免···
- 2020-04-10 百度下拉框怎么刷?刷百度下拉框軟件原理及···
- 2020-10-20 UC神馬搜索怎么做快速排名優化
- 2020-09-27 css3實現一個div設置多張背景圖片
- 2019-12-03 警惕wap手機站被黑！及時備份、檢查才是···
- 2019-11-27 網站排名優化之“無疾而終”：排名無故消失···
- 2019-03-08 網站有排名沒有流量怎么辦？立即改正不算晚
- 2020-08-31 利用SEO賺錢前景如何？
- 2022-06-20 淺析“百度搜索基礎信息設置規范”！
- 2019-06-25 網站頁面美觀程度與網站排名優化有什么關系···
- 2019-12-02 究極進化！你所不知道的，優秀SEO專家的···
- 2021-04-22 收錄大規模下降不要慌，解決辦法近在眼前！
- 2019-03-31 FTP軟件是什么，怎么使用？
- 2020-04-24 大企業seo為什么不外包？
- 2019-10-11 合肥某包裝企業：快照劫持！被黑情況剖析
- 2020-04-26 按天收費的SEO快排技術真的靠譜嗎？
- 熱門標簽
