自2015年推出所謂的mobilegeddon以來，移動設備的重要性與日俱增，網(wǎng)站移動優(yōu)化已經(jīng)成為一個必須關注的問題，從事 SEO優(yōu)化工作的學生必須考慮環(huán)境的變化，從而對相應的項目進行相關操作。在移動優(yōu)先索引的世界里，只有在移動設備上提供良好用戶體驗的網(wǎng)站才能受到百度搜索引擎的青睞。這意味著該頁面必須是移動友好的和打開速度更快。我們可以通過幾種不同的方式將移動功能引入到網(wǎng)站中，如子域、RWD、動態(tài)服務等。
1、 為什么網(wǎng)站要適應移動設備？
日前，杰克根據(jù)相關權威數(shù)據(jù)撰寫了一篇題為《百度瀏覽器使用年度報告》的文章。文章中我們可以看到，2019年，百度瀏覽器移動端的使用概率將達到70%，而PC端的使用概率僅為30%。不用說，單憑這些數(shù)據(jù)就足以凸顯移動設備在瀏覽器市場份額中的重要性！因此，我們應該盡力優(yōu)化我們網(wǎng)站的內(nèi)容，以更好地適應移動設備的內(nèi)容可見性。
因此，我們需要考慮兩個非常重要的問題：
1因為網(wǎng)站內(nèi)容基本上都是在PC端設計和編輯的，PC端設備的顯示寬度與移動端完全不同，PC端的內(nèi)容怎么能在移動端呈現(xiàn)呢？所謂的自適應主題真的那么好嗎！
2PC端使用的網(wǎng)絡信號大多為100兆，網(wǎng)速穩(wěn)定，網(wǎng)頁打開速度快，而很多移動終端使用的是3G和4G網(wǎng)絡，會受到外部環(huán)境的影響，那么如何優(yōu)化移動終端的速度來提高呢？
我們不要急于回答這兩個問題。首先，我們來看看市場上主流的三種移動終端優(yōu)化方法：響應式設計（RWD）、動態(tài)服務（dynamic service）和移動終端域（subdomian）
2、 三種移動終端優(yōu)化方法的優(yōu)缺點
優(yōu)勢：
缺點：
然而，使用單獨的移動子域也帶來了許多問題。因為網(wǎng)站的每個頁面都有一份文本，所以您需要找到一個防止重復內(nèi)容的解決方案。另外，還需要想辦法將合適的頁面版本傳遞給特定的用戶，否則很容易造成用戶的閱讀困惑和內(nèi)容識別矛盾！
解決方案：
在百度的官方文件中，明確指出如果遇到上述問題——要標記移動頁面，需要在頁面代碼中同時使用rel=canonical和rel=alternate屬性。在PC端，您應該添加rel=alternate標記，它將指示給定頁面的移動等價物。附加媒體標簽描述rel=alternate鏈接中指示的設備的屬性
杰克先生，讓我們給學生們增加一些知識
1它可以將網(wǎng)站的PC頁面指向移動頁面，告訴搜索引擎你的PC頁面有相應的移動頁面，有助于移動搜索引擎向移動設備用戶提供相應的移動頁面；
2它可以告訴搜索引擎網(wǎng)站的RSS聚合內(nèi)容和sitemap站點地圖的位置，有助于搜索引擎抓取web內(nèi)容；
三、它可以用來選擇不同CSS樣式表文件之間的切換控制效果
link標簽的rel=“alternate”屬性被添加到網(wǎng)頁的head區(qū)域，即head和/head之間。
用法1：移動搜索適應網(wǎng)站的移動版本
響應式頁面設計技術的引入，徹底改變了內(nèi)容傳遞方式，真正提升了移動用戶的用戶體驗。RWD意味著你的網(wǎng)站內(nèi)容將在不同的顯示設備之間進行轉(zhuǎn)換，以便根據(jù)不同設備的顯示寬度來調(diào)整布局和分辨率。根據(jù)設備的寬度，相同的HTML代碼將提供給手機和桌面，而CSS將決定呈現(xiàn)頁面的適當方式。
響應式設計的優(yōu)點：
在每個頁面的頭文件中添加以下代碼后，metaname=“viewport”content=“width=device width，initial scale=1”，學生不需要為每個頁面部署特殊的移動設備顯示效果版本，這為您節(jié)省了大量的機械化勞動。
響應式設計的缺點：
由于設計的需要，PC端的一些內(nèi)容可能會與不同部分的內(nèi)容重疊，這意味著div的邊距和填充將與初始值有很大的不同。因為這些設置是用代碼參數(shù)進行的，所以在PC端顯示它們是沒有問題的。但是，當它們顯示在移動端時，由于邊距和填充的參數(shù)沒有改變，所以在顯示移動端時它們沒有改變，很可能是放錯了位置！
三、動態(tài)服務
我不知道學生們是否聽說過bootstrap框架。這是twitter推出的前端網(wǎng)頁構(gòu)建框架，能夠很好地適應前端內(nèi)容在不同顯示設備上的顯示，特別是移動內(nèi)容的加載速度。Bootstrap框架采用12網(wǎng)格內(nèi)容構(gòu)建技術，通過代碼監(jiān)控不同顯示設備的寬度來顯示內(nèi)容。
動態(tài)服務的優(yōu)勢：
響應時間快，無論是在移動終端還是PC終端都能很快的顯示出網(wǎng)站頁面的內(nèi)容，如果優(yōu)化效果更好，基本上頁面都能達到秒級的效果。此外，所呈現(xiàn)的內(nèi)容能夠更好地適應移動終端設備的寬度，并且在上述兩種方式中不會存在顯示缺陷
動態(tài)服務的缺點：
需要有一些前端設計代碼的基礎知識，其中強調(diào)CSS代碼的使用。因為在bootstrap框架下，很多原來的CSS代碼都被重新編輯過，學生需要根據(jù)自己網(wǎng)站的實際情況進行設計。否則，顯示的前端內(nèi)容將放錯位置。
最后，還有一項技術我需要在這里簡單提及，它是由百度正式提出的。AMP頁面的超常速度部分是因為Google緩存了加速頁面，這樣它們就可以通過自己的服務器非?？焖俚亟桓丁mp技術可以大大提高移動端頁面的加載速度，但這種效果是通過犧牲一定的JavaScript效果來實現(xiàn)的。Amp頁面是用特殊的HTML、JS庫和CSS代碼構(gòu)建的，它們受到嚴格限制，以確?？煽康男阅堋５?，這些函數(shù)的局限性是很多人無法接受的，因此有一定代碼基礎的學生會選擇使用bootstrap和其他框架來重建頁面的內(nèi)容！