如何佈局您的PC站和移動站，並表達兩者之間內容的對應關係
目前較流量的PC站與移動站配置方式有三種，百度站在搜尋引擎角度將這三種分別稱為跳轉適配、程式碼適配和自適應，以下為這三種配置方式的名詞解釋及異同對比。
1，跳轉適配：該方法會利用單獨的網址向每種裝置提供不同的程式碼。這種配置會嘗試檢測使用者所使用的裝置或ua，然後使用 HTTP 重定向和 Vary HTTP 標頭重定向到相應的頁面。
2，程式碼適配：該方法使用相同的網址（不考慮使用者所使用的裝置），但會根據伺服器對使用者所用瀏覽器的瞭解（ua），針對不同裝置型別生成不同版本的 HTML。
3，自適應：透過同一網址提供相同 HTML 程式碼的網站設計方法。該方法不考慮使用者所使用的裝置（pc、平板電腦、移動裝置），但可以根據螢幕尺寸以不同方式呈現（即適應）顯示屏。
三種配置方式的最佳化建議
在此配置中，每個pc版網址都具有一個對應的不同網址，用於提供針對移動裝置進行最佳化的內容。為了幫助我們的演算法瞭解單獨的移動版網址，我們建議您使用以下注釋：
在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) 上，新增：
而在移動版網頁(http://m.example.com/page-1) 上，所需的註釋應為:
也可以使用原有的開放適配提交方法，
為了使百度能夠知道當您的頁面發生變化時，同時需要用其他的ua重新抓取一遍，請您新增Vary HTTP標頭。Vary HTTP 標頭具有以下兩個非常重要且實用的作用： a) 它會向 ISP 和其他位置使用的快取伺服器表明：在決定是否透過快取來提供網頁時它們應考慮使用者代理。如果您沒有使用 Vary HTTP 標頭，快取可能會錯誤地向移動裝置使用者提供pc版 HTML 網頁的快取（反之亦然）。 b) 它有助於 百度spdier 更快速地發現針對移動裝置進行最佳化的內容，這是因為我們在抓取針對移動內容進行過最佳化的網址時，會將有效的 Vary HTTP 標頭作為抓取訊號之一，我們會提高用其他ua抓取此網頁的優先順序。示例： 並且在pc的響應的head中新增 <meta name="applicable-device" content="pc"> 在移動的響應的head中新增 <meta name="applicable-device" content="mobile">
自適應設計有其一般原則：在head新增以下程式碼並且使用<picture>元素處理自適應圖片: <meta name="viewport" content="width=device-width, initial-scale=1.0">
自適應頁面還應該在head中標識：
<meta name="applicable-device"content="pc,mobile">
表示頁面同時適合在移動裝置和PC上進行瀏覽。
手機把uc裡的瀏覽設定，改為電腦版，這樣再登網站就行了，想下載影片的話，手機版圖片是死的，而改成電腦版後，就成動態圖了，很方便
如何佈局您的PC站和移動站，並表達兩者之間內容的對應關係
目前較流量的PC站與移動站配置方式有三種，百度站在搜尋引擎角度將這三種分別稱為跳轉適配、程式碼適配和自適應，以下為這三種配置方式的名詞解釋及異同對比。
1，跳轉適配：該方法會利用單獨的網址向每種裝置提供不同的程式碼。這種配置會嘗試檢測使用者所使用的裝置或ua，然後使用 HTTP 重定向和 Vary HTTP 標頭重定向到相應的頁面。
2，程式碼適配：該方法使用相同的網址（不考慮使用者所使用的裝置），但會根據伺服器對使用者所用瀏覽器的瞭解（ua），針對不同裝置型別生成不同版本的 HTML。
3，自適應：透過同一網址提供相同 HTML 程式碼的網站設計方法。該方法不考慮使用者所使用的裝置（pc、平板電腦、移動裝置），但可以根據螢幕尺寸以不同方式呈現（即適應）顯示屏。
三種配置方式的最佳化建議
1.跳轉適配在此配置中，每個pc版網址都具有一個對應的不同網址，用於提供針對移動裝置進行最佳化的內容。為了幫助我們的演算法瞭解單獨的移動版網址，我們建議您使用以下注釋：
在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) 上，新增：
而在移動版網頁(http://m.example.com/page-1) 上，所需的註釋應為:
也可以使用原有的開放適配提交方法，
2.程式碼適配為了使百度能夠知道當您的頁面發生變化時，同時需要用其他的ua重新抓取一遍，請您新增Vary HTTP標頭。Vary HTTP 標頭具有以下兩個非常重要且實用的作用： a) 它會向 ISP 和其他位置使用的快取伺服器表明：在決定是否透過快取來提供網頁時它們應考慮使用者代理。如果您沒有使用 Vary HTTP 標頭，快取可能會錯誤地向移動裝置使用者提供pc版 HTML 網頁的快取（反之亦然）。 b) 它有助於 百度spdier 更快速地發現針對移動裝置進行最佳化的內容，這是因為我們在抓取針對移動內容進行過最佳化的網址時，會將有效的 Vary HTTP 標頭作為抓取訊號之一，我們會提高用其他ua抓取此網頁的優先順序。示例： 並且在pc的響應的head中新增 <meta name="applicable-device" content="pc"> 在移動的響應的head中新增 <meta name="applicable-device" content="mobile">
3.自適應自適應設計有其一般原則：在head新增以下程式碼並且使用<picture>元素處理自適應圖片: <meta name="viewport" content="width=device-width, initial-scale=1.0">
自適應頁面還應該在head中標識：
<meta name="applicable-device"content="pc,mobile">
表示頁面同時適合在移動裝置和PC上進行瀏覽。