移動端網站如何做SEO優(yōu)化? 下面由北京網站設計公司快幫云來和大家分享一下：



1、手機站定位和頁面設計

手機站和PC站除了頁面大小、展現形式不一樣之外，在分析用戶需求方面是都要做的。舉個例子，對于一個本地的裝修網站來講，PC站是重點展現裝修效果圖案例、裝修報價以及公司的裝修設計師風采，那么手機站就應該重點突出公司的聯(lián)系方式、地圖、電話等等。移動端網站要的就是“及時、快速”。

同時考慮到營銷型網站建設的反應速度，整體頁面最好用div+css的代碼來寫，不要為了圖個方便，用flash或者是js，這樣搜索引擎想要抓取都很困難。還有就是很多的手機瀏覽器比如UC，他本身是不支持flash播放的，你需要另外單獨安裝手機falsh，但是用戶哪有這么多時間去等待呢？

現在的很多智能手機都不支持java程序，所以網站最好用php開發(fā)。

2、手機站要做到簡潔、大方

用戶在手機上瀏覽內容，或者是屏幕大一些，在平板電腦上瀏覽，但是再大也沒有普通的電腦屏幕大，所以，手機站的頁面要更加的簡潔，特別是對于那種有下載需求的網站，手機站上的下載按鈕要清晰的擺在用戶面前。如果你在手機上看過太原雅輝裝修公司的移動站，就可以明顯的感受到，我設計導航的時候并沒有隱藏起來用下拉的方式展現，而是平鋪在頁面上面，用戶一看就知道該點擊哪里能找到他想要的內容。

還有就是內容頁面不要太長，因為用手機瀏覽網站的用戶，時間都是非常緊迫的，有的還是在坐車的過程中看，流量以及網速是一個大問題，所以一個問題能用一句話一幅圖解決，就不要長篇大論。

對于商城類手機站來說，除了要做到以上幾點，在最重要的付款頁面一定要做到傻瓜式簡單化，這個可以參考京東、淘寶來做，他們的付款頁面就做的非常不錯。

3、手機站禁止使用彈窗（一定要禁止）

彈窗這種東西，在PC站上用戶已經夠心煩的了，如果在手機或平板這么點的地方也弄個彈窗，用戶真的是很無語了：“讓我們進來，但是卻不讓我們安心的看”。

4、用哪種web語言做手機站比較好？

這一點我在趙一鳴隨筆博客的移動端網站優(yōu)化教程中已經講過了，詳細的分析了html4、html5做手機站的區(qū)別。在這里可以100%的告訴你，只要用戶體驗好，用哪種語言都可以，不一定是html5，你看快幫云網站制作公司的手機站是html5嗎？

5、url路徑必須要規(guī)范化

做手機站，不要為了省那點空間費用用欄目頁做，重新買個空間，用單獨的二級域名做手機站是最好的，m.xxx.com或者是wap.xxx.com這種形式。

6、PC站與手機站做開放式配

我的那個裝修網站手機站，上線之后只是針對性的更新了內容，一個外鏈沒有，現在大多數主關鍵詞都排名在首頁，最重要的一個原因就是我的手機站做了開放式配。如果不知道該怎么做開放式配，可以看我博客的移動端網站優(yōu)化板塊兒里的移動端網站如何做開放式配一文，里邊是以視頻的形式展現的，一步一步教你怎么做開放式配。

7、其他小細節(jié)

關于robots、地圖、關鍵詞設置等這些問題，與PC站是一樣的，PC站怎么做，手機站就怎么做。手機站首頁的標題可以只寫公司品牌詞，也可以和PC站的標題一樣，這個無妨。

對于響應式網站我們會談到移動互聯(lián)網和響應式設計的關系，首先將介紹如何巧妙的運用響應式設計，為什么性能對移動端非常重要，為什么響應式設計不能作為你網站的目標，最后技術的性能問題幫助我們更好的理解這問題。

自2000年開始，設計者和開發(fā)者就把移動設備的問題過于簡單化，以至于現在仍然有人認為響應式網頁設計能解決一切問題。

大家必須明白，凌駕于任何目標，移動網絡體驗必須和閃電一樣快。迅速、實用、兼容的體驗對所有移動設備都是挑戰(zhàn)。當你使用響應式設計時，這些挑戰(zhàn)都存在。從一開始就重視性能會讓過程容易些。

響應式設計是很棒，但不是萬能鑰匙。如果你在移動設備上一味堅持，在轉換率后就可能隱藏著性能問題。大約有11%的網站是響應式，這個數字每月都在增長，所以現在是談論這個問題的時機了。

據Guy Podjarny研究，72%的響應式網站不分屏幕大小都提供相同的字節(jié)，盡管這會降低移動網絡連接。不是所有用戶都有耐心等著網站加載。

對響應式設計存在的問題有了基本認識，我們就能減低它帶來的損失。

移動網站來自過去

我不是說你不應該采用響應式設計或者去用m.*的子域名。事實上，現在社會分享無處不在，不分設備，分配給給文檔一個URL，這是聰明的做法。但這并不意味著一個單獨URL應該提供相同的文檔或每一個設備都應該下載相同的資源。

援引Ethan Marcotte的話，他創(chuàng)造了“響應式網頁設計”這個術語。

最重要的是，響應式網頁設計的初衷不是要取代移動網頁?！狤than Marcotte



交互、移動、快速

如果我們能使用一些其他的技術，就可以實現獲得響應式設計好處的同時，不影響移動設備的性能。響應式設計從來不是意味著要解決“性能”，這也是為什么我們不能因此指責它的原因。然而，相信它能解決你所有問題，這大錯特錯。

設計響應式很重要，因為我們需要解決跨桌面和移動端視窗大小范圍的問題。但是只考慮屏幕大小就低估了移動設備。桌面和移動端的界限正在變得模糊，基于不同的設備對我們而言仍然有多種可能性。但是我們還不能通過媒體查詢來決定響應式設計的功能。一些評論家稱之為“可靠的響應式網頁設計”，然而另一些人則認為它是伴隨現代視覺的響應式網頁設計。在沒有了解其基本語義的情況下，我們需要搞清楚這個問題。

雖然沒有可應用于各類文檔的萬全之策，但是能夠運用一些技巧來改善現有響應式的解決辦法，并且力求性能最大化。

實現每一個文檔對所有的設備都使用相同的URL和相同的內容，結構不必要相同。

當從零開始，遵循“移動先行”的方法。

在一個真實設備上測試當資源加載和顯示會發(fā)生什么。不要依賴調整你的桌面瀏覽器。

使用優(yōu)化工具測量和提高性能。

通過JavaScript傳輸響應圖片，雖然我們更期盼著瀏覽器供應商（例如srcset）能解決這個問題

當你需要當前設備具備加載條件時，只加載JavaScript，這會在onload事件之后發(fā)生。

對移動設備，內聯(lián)文檔的原始視圖，或者發(fā)送一屏顯示內容。

使用下面一種或幾種技術應用智能響應式的解決方案：條件加載、按組響應、服務器端層（如適應性方法）。

條件加載

不要總是在CSS中依賴media queries，因為瀏覽器將會為所有設備加載和解析所有選擇器和樣式 （后面詳細討論）。這就意味著手機為了一個大屏要下載和解析CSS。因為CSS塊的呈現，你要浪費一些時間等待聯(lián)接成功。

在設備上用JavaScript的matchMedia查詢來代替CSS media queries，你知道這些內容是不會變化的。例如，大家都知道iPhone不能動態(tài)的轉換成iPad的規(guī)格，所以我們只在正在需要CSS時才用。

可以用特征檢測，例如 Modernizr，對UI和功能性做出更明智的決定而不是僅僅根據屏幕尺寸。

按組響應

在處理簡單文檔、為臺式電腦和智能手機提供相同的HTML時，雖然為我們可以讓所有屏幕依賴一個單一的HTML基礎和響應式設計，但這并不總是最好的解決方案。為什么呢？同樣是由于移動設備的性能。

即使我們在服務器端儲存相同的文檔，但是根據設備組別的不同給用戶不同的文檔。舉個例子，為一個6英寸甚至更大的屏幕提供大的浮動菜單，為一個小屏幕提供漢堡菜單。在每個組群里，使用響應時技術以適應不同的場景，例如肖像模式和風景模式的轉換，切換iPhone（320像素寬）、5英寸Android設備（360英寸）和平板（400像素）。