本世紀來最便捷于用戶的方式無疑于移動設(shè)備網(wǎng)站的開辟，如手機網(wǎng)站。移動端網(wǎng)站開發(fā)以來獲得了用戶群體的廣為關(guān)注，因為他的便捷和實用。同樣的，對于手機網(wǎng)站的建設(shè)也成為技術(shù)領(lǐng)域開始了新的辯論。怎樣的移動端網(wǎng)站才是用戶喜歡的的網(wǎng)站呢？是雷同于PC端的響應(yīng)式設(shè)計嗎？今天筆者小丹和大家分享該文章就大家一起解密移動時代的優(yōu)化網(wǎng)站。

    首先對于谷歌來講，它提倡創(chuàng)建響應(yīng)web設(shè)計支持創(chuàng)建專用的手機網(wǎng)站。第三種選擇也越來越流行web服務(wù)器呈現(xiàn)適當?shù)腍TML和CSS從相同的URL這取決于設(shè)備一個網(wǎng)頁在網(wǎng)站上被要求，這被稱為響應(yīng)設(shè)計+服務(wù)器端組件。

    本文將討論這些方法，現(xiàn)實世界的例子網(wǎng)站使用一個特定的方法提供了在每個部分，移動設(shè)備用于測試和收集數(shù)據(jù)的例子是使用iOS 5.0 iPhone 4。

    響應(yīng)網(wǎng)頁設(shè)計（RWD）

    響應(yīng)網(wǎng)頁設(shè)計通常使用CSS3媒體查詢來調(diào)整一個web頁面的布局是基于用戶的查看區(qū)域的大小。你使用相同的HTML顯示不同網(wǎng)頁布局臺式機、平板電腦、移動設(shè)備、電視等。

    響應(yīng)網(wǎng)頁設(shè)計的優(yōu)點

    內(nèi)容校驗：你的網(wǎng)站包含相同的內(nèi)容和HTML標記不管所使用的設(shè)備，為用戶提供一個類似的經(jīng)驗。這將增加的重要性隨著越來越多的人依靠他們的智能手機上網(wǎng)的主要方式。一個網(wǎng)頁的網(wǎng)址：這使它更容易共享和鏈接到你的內(nèi)容，他們不需要重定向讓設(shè)備優(yōu)化視圖與專用的手機網(wǎng)站相比。

    響應(yīng)網(wǎng)頁設(shè)計的缺點

    內(nèi)容不會完全為移動設(shè)備優(yōu)化：除非你使用一個移動先行的方法，您的web頁面將包含相同的信息作為它的桌面。將一個單獨的手機網(wǎng)站，你可以定制web頁面的內(nèi)容只是為了移動用戶。慢的性能：一般的web頁面今天是大約1.3 MB據(jù)2013年1月的數(shù)據(jù)從HTTP存檔?？梢苑乐共槐匾南螺d使用RWD時，但在實踐中大多數(shù)響應(yīng)網(wǎng)頁設(shè)計網(wǎng)站是相同或更大的規(guī)模。86%的網(wǎng)站測試手機性能研究的家伙Podjarny相同或更大的規(guī)模，在報道演講關(guān)于移動站點的性能。它可以更加困難，導航網(wǎng)站：移動用戶通常比桌面用戶想要執(zhí)行不同的任務(wù)。他們也可能更習慣推出用戶界面設(shè)計模式。除非你為每個設(shè)備定制導航結(jié)構(gòu)，可能存在可用性問題。

    專用的手機網(wǎng)站

    一些網(wǎng)站優(yōu)化的經(jīng)驗移動設(shè)備用戶通過創(chuàng)建一個單獨的手機網(wǎng)站，最常見的實現(xiàn)桌面網(wǎng)站重定向到子域。

    一個專門的移動網(wǎng)站的優(yōu)勢。容易單獨改變移動和桌面網(wǎng)站：改變只能局限于手機版或桌面版。更快的加載時間：因為你正在開發(fā)移動網(wǎng)站，只有你可以簡化和優(yōu)化你的手機網(wǎng)站專門為移動用戶體驗。更容易導航：的導航結(jié)構(gòu)和內(nèi)容定制的任務(wù)由移動用戶。

    一個專門的移動網(wǎng)站的缺點。每個頁面的多個網(wǎng)址：共享一個網(wǎng)頁在社交媒體成為一個問題，因為手機用戶將分享移動的URL，但桌面用戶可以點擊鏈接和手機版。為了防止重復(fù)內(nèi)容搜索引擎優(yōu)化問題，您將需要使用 rel="alternative"和rel="canonical"meta標記。同樣，當移動用戶在谷歌搜索和點擊桌面URL在搜索引擎的結(jié)果，他們會看到桌面版或被重定向到移動版本的頁面。如果移動版本的這個頁面不存在他們會得到一個錯誤。

    不同的內(nèi)容和功能：創(chuàng)建一個專門的手機網(wǎng)站的目的是為手機用戶特別定制的網(wǎng)站。這可能意味著切割出的內(nèi)容和功能從而在一個不同的體驗。內(nèi)容分支：你有兩個不同的內(nèi)容，這將創(chuàng)建一個內(nèi)容策略噩夢。需要重定向：移動用戶需要重定向到優(yōu)化的觀點，反之亦然。重定向會增加頁面的加載時間，它也可以影響你的網(wǎng)站的搜索引擎優(yōu)化。

    不同的HTML和CSS從相同的URL

    該方法創(chuàng)建一個慣于使用手機網(wǎng)站使用服務(wù)器端編程呈現(xiàn)自定義CSS和HTML為不同的設(shè)備。手機用戶將獲得一組代碼，而桌面用戶將獲得一組不同的代碼。這的主要目的是實現(xiàn)提高網(wǎng)站性能。該方法結(jié)合響應(yīng)網(wǎng)頁設(shè)計時效果最好，這個實現(xiàn)被稱為響應(yīng)網(wǎng)頁設(shè)計+服務(wù)器端組件。當使用這種方法時，是很重要的包括不同的HTTP，這樣機器人爬行的桌面和移動版本。

    在理論上，響應(yīng)網(wǎng)頁設(shè)計是最好的解決方案。但在實踐中大多數(shù)RWD網(wǎng)站沒有實現(xiàn)優(yōu)化，導致緩慢的加載時間。在測試中，有一個專用的手機網(wǎng)站導致最快的加載時間，但與此實現(xiàn)的重大缺點。

    我個人偏好是一個響應(yīng)相結(jié)合的網(wǎng)頁設(shè)計和不同的HTML從相同的URL。這提供了所有的RWD的優(yōu)點，同時克服了其兩個最大的缺點是多個文件下載和加載時間慢。

    (轉(zhuǎn)載請注明轉(zhuǎn)自：www.theclubhubb.com/news/n1666.htm，謝謝!珍惜別人的勞動成果，就是在尊重自己!）