自2015年推出所謂的mobilegeddon以來，移動設備的重要性與日俱增，網站移動優化已經成為一個必須關注的問題，從事 SEO優化工作的學生必須考慮環境的變化，從而對相應的項目進行相關操作。在移動優先索引的世界里，只有在移動設備上提供良好用戶體驗的網站才能受到百度搜索引擎的青睞。這意味著該頁面必須是移動友好的和打開速度更快。我們可以通過幾種不同的方式將移動功能引入到網站中，如子域、RWD、動態服務等。

1、 為什么網站要適應移動設備？

日前，杰克根據相關權威數據撰寫了一篇題為《百度瀏覽器使用年度報告》的文章。文章中我們可以看到，2019年，百度瀏覽器移動端的使用概率將達到70%，而PC端的使用概率僅為30%。不用說，單憑這些數據就足以凸顯移動設備在瀏覽器市場份額中的重要性！因此，我們應該盡力優化我們網站的內容，以更好地適應移動設備的內容可見性。

因此，我們需要考慮兩個非常重要的問題：

1因為網站內容基本上都是在PC端設計和編輯的，PC端設備的顯示寬度與移動端完全不同，PC端的內容怎么能在移動端呈現呢？所謂的自適應主題真的那么好嗎！

2PC端使用的網絡信號大多為100兆，網速穩定，網頁打開速度快，而很多移動終端使用的是3G和4G網絡，會受到外部環境的影響，那么如何優化移動終端的速度來提高呢？

我們不要急于回答這兩個問題。首先，我們來看看市場上主流的三種移動終端優化方法：響應式設計（RWD）、動態服務（dynamic service）和移動終端域（subdomian）

2、 三種移動終端優化方法的優缺點

優勢：

缺點：

然而，使用單獨的移動子域也帶來了許多問題。因為網站的每個頁面都有一份文本，所以您需要找到一個防止重復內容的解決方案。另外，還需要想辦法將合適的頁面版本傳遞給特定的用戶，否則很容易造成用戶的閱讀困惑和內容識別矛盾！

解決方案：

在百度的官方文件中，明確指出如果遇到上述問題——要標記移動頁面，需要在頁面代碼中同時使用rel=canonical和rel=alternate屬性。在PC端，您應該添加rel=alternate標記，它將指示給定頁面的移動等價物。附加媒體標簽描述rel=alternate鏈接中指示的設備的屬性

杰克先生，讓我們給學生們增加一些知識

1它可以將網站的PC頁面指向移動頁面，告訴搜索引擎你的PC頁面有相應的移動頁面，有助于移動搜索引擎向移動設備用戶提供相應的移動頁面；

2它可以告訴搜索引擎網站的RSS聚合內容和sitemap站點地圖的位置，有助于搜索引擎抓取web內容；

三、它可以用來選擇不同CSS樣式表文件之間的切換控制效果

link標簽的rel=“alternate”屬性被添加到網頁的head區域，即head和/head之間。

用法1：移動搜索適應網站的移動版本

響應式頁面設計技術的引入，徹底改變了內容傳遞方式，真正提升了移動用戶的用戶體驗。RWD意味著你的網站內容將在不同的顯示設備之間進行轉換，以便根據不同設備的顯示寬度來調整布局和分辨率。根據設備的寬度，相同的HTML代碼將提供給手機和桌面，而CSS將決定呈現頁面的適當方式。

響應式設計的優點：

在每個頁面的頭文件中添加以下代碼后，metaname=“viewport”content=“width=device width，initial scale=1”，學生不需要為每個頁面部署特殊的移動設備顯示效果版本，這為您節省了大量的機械化勞動。

響應式設計的缺點：

由于設計的需要，PC端的一些內容可能會與不同部分的內容重疊，這意味著div的邊距和填充將與初始值有很大的不同。因為這些設置是用代碼參數進行的，所以在PC端顯示它們是沒有問題的。但是，當它們顯示在移動端時，由于邊距和填充的參數沒有改變，所以在顯示移動端時它們沒有改變，很可能是放錯了位置！

三、動態服務

我不知道學生們是否聽說過bootstrap框架。這是twitter推出的前端網頁構建框架，能夠很好地適應前端內容在不同顯示設備上的顯示，特別是移動內容的加載速度。Bootstrap框架采用12網格內容構建技術，通過代碼監控不同顯示設備的寬度來顯示內容。

動態服務的優勢：

響應時間快，無論是在移動終端還是PC終端都能很快的顯示出網站頁面的內容，如果優化效果更好，基本上頁面都能達到秒級的效果。此外，所呈現的內容能夠更好地適應移動終端設備的寬度，并且在上述兩種方式中不會存在顯示缺陷

動態服務的缺點：

需要有一些前端設計代碼的基礎知識，其中強調CSS代碼的使用。因為在bootstrap框架下，很多原來的CSS代碼都被重新編輯過，學生需要根據自己網站的實際情況進行設計。否則，顯示的前端內容將放錯位置。

最后，還有一項技術我需要在這里簡單提及，它是由百度正式提出的。AMP頁面的超常速度部分是因為Google緩存了加速頁面，這樣它們就可以通過自己的服務器非?？焖俚亟桓?。Amp技術可以大大提高移動端頁面的加載速度，但這種效果是通過犧牲一定的JavaScript效果來實現的。Amp頁面是用特殊的HTML、JS庫和CSS代碼構建的，它們受到嚴格限制，以確?？煽康男阅堋５?，這些函數的局限性是很多人無法接受的，因此有一定代碼基礎的學生會選擇使用bootstrap和其他框架來重建頁面的內容！