如何為手機(jī)網(wǎng)站做SEO優(yōu)化？讓北京網(wǎng)站設(shè)計(jì)公司推來(lái)客與您分享：

1、手機(jī)站定位和頁(yè)面設(shè)計(jì)

除了頁(yè)面大小和展示形式的差異，手機(jī)站和PC站還要分析用戶需求。比如本地的裝修網(wǎng)站，PC站主要展示裝修效果圖、裝修報(bào)價(jià)、公司的裝修設(shè)計(jì)師風(fēng)格，那么手機(jī)站就應(yīng)該突出公司的聯(lián)系方式、地圖、電話等。手機(jī)網(wǎng)站需要的是“及時(shí)、快速”。

同時(shí)考慮到營(yíng)銷網(wǎng)站建設(shè)的響應(yīng)速度，整體頁(yè)面最好采用div+css代碼編寫(xiě)。不要為了圖片方便而使用flash或者js，這樣搜索引擎抓取起來(lái)會(huì)非常困難。也有很多手機(jī)瀏覽器如UC，不支持flash播放。需要在手機(jī)上單獨(dú)安裝flash，用戶哪有那么多時(shí)間等？

現(xiàn)在很多智能手機(jī)都不支持java程序，所以最好用php來(lái)開(kāi)發(fā)網(wǎng)站。2、手機(jī)站要做到簡(jiǎn)潔、大方

用戶在手機(jī)上瀏覽內(nèi)容，或者在屏幕更大的平板電腦上瀏覽，但無(wú)論多大，都沒(méi)有普通電腦屏幕大。所以手機(jī)站的頁(yè)面要簡(jiǎn)潔一些，尤其是有下載需求的。網(wǎng)站和手機(jī)站的下載按鈕要清楚地放在用戶面前。如果你在手機(jī)上看過(guò)太原雅輝裝飾公司的手機(jī)站，你可以明顯感覺(jué)到，我在設(shè)計(jì)導(dǎo)航的時(shí)候，并沒(méi)有把它隱藏起來(lái)，以下拉的方式展示，而是平鋪在頁(yè)面上，用戶一目了然。知道點(diǎn)擊哪里可以找到他想要的東西。

另外，內(nèi)容頁(yè)不宜過(guò)長(zhǎng)，因?yàn)橛脩粲檬謾C(jī)瀏覽網(wǎng)站的時(shí)間很短，有的還是邊開(kāi)車邊看。流量和網(wǎng)速是個(gè)大問(wèn)題，一個(gè)問(wèn)題可以一句話寫(xiě)。一張圖就解決了，所以不要長(zhǎng)篇大論。

對(duì)于商城手機(jī)網(wǎng)站，除了以上幾點(diǎn)，最重要的支付頁(yè)面一定要精簡(jiǎn)得像個(gè)傻子。這個(gè)可以參考京東和淘寶。他們的支付頁(yè)面非常好。3、手機(jī)站禁止使用彈窗（一定要禁止）

彈窗足以惹惱PC站用戶。如果手機(jī)或者平板上出現(xiàn)彈窗，用戶真的很無(wú)語(yǔ)：“讓我們進(jìn)去，人家不讓我們進(jìn)去”。安心觀看?！?strong>4、用哪種web語(yǔ)言做手機(jī)站比較好？

關(guān)于這一點(diǎn)，我在趙一鳴隨筆博客的移動(dòng)網(wǎng)站優(yōu)化教程中已經(jīng)講過(guò)，詳細(xì)分析了html4和html5作為移動(dòng)網(wǎng)站的區(qū)別。在這里我可以100%的告訴你，只要用戶體驗(yàn)好，什么語(yǔ)言都可以，不一定是HTML5。你覺(jué)得推來(lái)客網(wǎng)站制作公司的手機(jī)站是HTML5的嗎？5、url路徑必須要規(guī)范化

做手機(jī)站不要用欄目頁(yè)節(jié)省空間成本，買(mǎi)個(gè)新空間，用單獨(dú)的二級(jí)域名做手機(jī)站最好，比如m.xxx.com或者wap .xxx.com。6、PC站與手機(jī)站做開(kāi)放式配

我的裝修網(wǎng)站手機(jī)站上線后才針對(duì)性的更新了內(nèi)容。沒(méi)有外部鏈接。現(xiàn)在大部分主要關(guān)鍵詞都排在首頁(yè)。最重要的原因是我的手機(jī)站已經(jīng)開(kāi)通了。如果你不知道如何做開(kāi)放配置，你可以在我博客的移動(dòng)網(wǎng)站優(yōu)化部分閱讀如何為移動(dòng)網(wǎng)站做開(kāi)放配置。以視頻的形式展示，一步步教你如何做開(kāi)放配置。匹配。7、其他小細(xì)節(jié)

關(guān)于機(jī)器人、地圖、關(guān)鍵字設(shè)置等，和PC站是一樣的。 PC 站做什么，移動(dòng)站就做什么。手機(jī)站首頁(yè)的標(biāo)題只能寫(xiě)公司的品牌詞，也可以和PC站的標(biāo)題一樣，無(wú)所謂。

對(duì)于響應(yīng)式網(wǎng)站，我們會(huì)講到移動(dòng)互聯(lián)網(wǎng)和響應(yīng)式設(shè)計(jì)的關(guān)系。首先，我們會(huì)介紹如何巧妙地使用響應(yīng)式設(shè)計(jì)，為什么性能對(duì)于移動(dòng)端很重要，為什么響應(yīng)式設(shè)計(jì)不能成為你網(wǎng)站的目標(biāo)，最后的性能技術(shù)問(wèn)題幫助我們更好地理解問(wèn)題。

自2000 年以來(lái)，設(shè)計(jì)人員和開(kāi)發(fā)人員將移動(dòng)設(shè)備的問(wèn)題過(guò)于簡(jiǎn)單化，以至于有些人仍然認(rèn)為響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)可以解決所有問(wèn)題。

每個(gè)人都必須明白，除了任何目標(biāo)之外，移動(dòng)網(wǎng)絡(luò)體驗(yàn)必須像閃電一樣快?？焖佟⒂杏们壹嫒莸捏w驗(yàn)是所有移動(dòng)設(shè)備面臨的挑戰(zhàn)。當(dāng)您使用響應(yīng)式設(shè)計(jì)時(shí)，這些挑戰(zhàn)就存在了。從一開(kāi)始就關(guān)注性能將使過(guò)程更容易。

響應(yīng)式設(shè)計(jì)很棒，但它不是萬(wàn)能的。如果您堅(jiān)持使用移動(dòng)設(shè)備，性能問(wèn)題可能隱藏在轉(zhuǎn)化率背后。約11% 的網(wǎng)站

是響應(yīng)式，這個(gè)數(shù)字每月都在增長(zhǎng)，所以現(xiàn)在是談?wù)撨@個(gè)問(wèn)題的時(shí)機(jī)了。

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

對(duì)響應(yīng)式設(shè)計(jì)存在的問(wèn)題有了基本認(rèn)識(shí)，我們就能減低它帶來(lái)的損失。

移動(dòng)網(wǎng)站來(lái)自過(guò)去

我不是說(shuō)你不應(yīng)該采用響應(yīng)式設(shè)計(jì)或者去用m.*的子域名。事實(shí)上，現(xiàn)在社會(huì)分享無(wú)處不在，不分設(shè)備，分配給給文檔一個(gè)URL，這是聰明的做法。但這并不意味著一個(gè)單獨(dú)URL應(yīng)該提供相同的文檔或每一個(gè)設(shè)備都應(yīng)該下載相同的資源。

援引Ethan Marcotte的話，他創(chuàng)造了“響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)”這個(gè)術(shù)語(yǔ)。

最重要的是，響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的初衷不是要取代移動(dòng)網(wǎng)頁(yè)。——Ethan Marcotte



交互、移動(dòng)、快速

如果我們能使用一些其他的技術(shù)，就可以實(shí)現(xiàn)獲得響應(yīng)式設(shè)計(jì)好處的同時(shí)，不影響移動(dòng)設(shè)備的性能。響應(yīng)式設(shè)計(jì)從來(lái)不是意味著要解決“性能”，這也是為什么我們不能因此指責(zé)它的原因。然而，相信它能解決你所有問(wèn)題，這大錯(cuò)特錯(cuò)。

設(shè)計(jì)響應(yīng)式很重要，因?yàn)槲覀冃枰鉀Q跨桌面和移動(dòng)端視窗大小范圍的問(wèn)題。但是只考慮屏幕大小就低估了移動(dòng)設(shè)備。桌面和移動(dòng)端的界限正在變得模糊，基于不同的設(shè)備對(duì)我們而言仍然有多種可能性。但是我們還不能通過(guò)媒體查詢來(lái)決定響應(yīng)式設(shè)計(jì)的功能。一些評(píng)論家稱之為“可靠的響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)”，然而另一些人則認(rèn)為它是伴隨現(xiàn)代視覺(jué)的響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)。在沒(méi)有了解其基本語(yǔ)義的情況下，我們需要搞清楚這個(gè)問(wèn)題。

雖然沒(méi)有可應(yīng)用于各類文檔的萬(wàn)全之策，但是能夠運(yùn)用一些技巧來(lái)改善現(xiàn)有響應(yīng)式的解決辦法，并且力求性能最大化。

實(shí)現(xiàn)每一個(gè)文檔對(duì)所有的設(shè)備都使用相同的URL和相同的內(nèi)容，結(jié)構(gòu)不必要相同。

當(dāng)從零開(kāi)始，遵循“移動(dòng)先行”的方法。

在一個(gè)真實(shí)設(shè)備上測(cè)試當(dāng)資源加載和顯示會(huì)發(fā)生什么。不要依賴調(diào)整你的桌面瀏覽器。

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

通過(guò)JavaScript傳輸響應(yīng)圖片，雖然我們更期盼著瀏覽器供應(yīng)商（例如srcset）能解決這個(gè)問(wèn)題

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

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

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

條件加載

不要總是在CSS中依賴media queries，因?yàn)闉g覽器將會(huì)為所有設(shè)備加載和解析所有選擇器和樣式 （后面詳細(xì)討論）。這就意味著手機(jī)為了一個(gè)大屏要下載和解析CSS。因?yàn)镃SS塊的呈現(xiàn)，你要浪費(fèi)一些時(shí)間等待聯(lián)接成功。

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

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

按組響應(yīng)

在處理簡(jiǎn)單文檔、為臺(tái)式電腦和智能手機(jī)提供相同的HTML時(shí)，雖然為我們可以讓所有屏幕依賴一個(gè)單一的HTML基礎(chǔ)和響應(yīng)式設(shè)計(jì)，但這并不總是最好的解決方案。為什么呢？同樣是由于移動(dòng)設(shè)備的性能。

即使我們?cè)诜?wù)器端儲(chǔ)存相同的文檔，但是根據(jù)設(shè)備組別的不同給用戶不同的文檔。舉個(gè)例子，為一個(gè)6英寸甚至更大的屏幕提供大的浮動(dòng)菜單，為一個(gè)小屏幕提供漢堡菜單。在每個(gè)組群里，使用響應(yīng)時(shí)技術(shù)以適應(yīng)不同的場(chǎng)景，例如肖像模式和風(fēng)景模式的轉(zhuǎn)換，切換iPhone（320像素寬）、5英寸Android設(shè)備（360英寸）和平板（400像素）。

我們專注高端建站，小程序開(kāi)發(fā)、軟件系統(tǒng)定制開(kāi)發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開(kāi)發(fā)、各類API接口對(duì)接開(kāi)發(fā)等。十余年開(kāi)發(fā)經(jīng)驗(yàn)，每一個(gè)項(xiàng)目承諾做到滿意為止，多一次對(duì)比，一定讓您多一份收獲！