如果你需要建站指導(dǎo)，網(wǎng)站設(shè)計(jì)師，程序員甚至老板通常會(huì)告訴你“移動(dòng)端優(yōu)先”。但這意味著什么？為什么你需要先考慮網(wǎng)站的移動(dòng)端呢？

移動(dòng)端優(yōu)先是指在構(gòu)建網(wǎng)站時(shí)應(yīng)該首先考慮手機(jī)端網(wǎng)站的外觀，然后再著手為更大的屏幕設(shè)計(jì)。早在2016年手機(jī)端的流量超過(guò)了傳統(tǒng)的電腦端，成為互聯(lián)網(wǎng)訪問(wèn)的主要來(lái)源，并一直在迅速增長(zhǎng)。所以你的網(wǎng)站很可能會(huì)更多地被手機(jī)或平板訪問(wèn)，無(wú)論你的網(wǎng)站在電腦上看起來(lái)有多好，難看的移動(dòng)端頁(yè)面會(huì)縮短訪問(wèn)者的停留時(shí)間，提高跳出率。

對(duì)于使用移動(dòng)端優(yōu)先的方式建站，以下幾點(diǎn)重要建議供參考。

1. 首先考慮網(wǎng)站的整體框架

a. 這個(gè)建議和我們之前做的如何構(gòu)建網(wǎng)站的指導(dǎo)同理。如果太多的精力放在無(wú)關(guān)緊要的細(xì)節(jié)上，建站時(shí)長(zhǎng)就會(huì)被被增加很多。但使用移動(dòng)端優(yōu)先，就要考慮好網(wǎng)站在小屏幕上顯示效果會(huì)怎樣，即放置更小的圖片和更多的行為召喚按鈕到頁(yè)面的上方，方便訪問(wèn)者快速便捷的找到你想讓他們了解的信息，避免過(guò)多的頁(yè)面滾動(dòng)和點(diǎn)擊。

2. 在填充內(nèi)容之前，先制作網(wǎng)站地圖

a. 盡管你的網(wǎng)站地圖在電腦端和移動(dòng)端都保持不變，但還需要考慮小屏幕。網(wǎng)站訪問(wèn)者會(huì)通過(guò)屏幕點(diǎn)擊瀏覽你的網(wǎng)站，而不是鼠標(biāo)。所以保持結(jié)構(gòu)和內(nèi)容盡可能簡(jiǎn)單，并讓訪問(wèn)者盡快到達(dá)目的地。

3. 把網(wǎng)站設(shè)計(jì)得易于在移動(dòng)端訪問(wèn)和瀏覽

a. 容易點(diǎn)擊的大按鈕

b. 與移動(dòng)端搭配的字體和字號(hào)

c. 能夠自然融入頁(yè)面但不要太大按鈕和圖片

d. 吸引人的視頻和圖片

e. 使站點(diǎn)自動(dòng)適應(yīng)屏幕大小的視口標(biāo)簽

4. 確保網(wǎng)站符合移動(dòng)端的搜索引擎優(yōu)化

a. 保持簡(jiǎn)單設(shè)計(jì)，確保頁(yè)面的快速載入

b. 避免使用Adobe Flash播放多媒體，因?yàn)樵S多手機(jī)不支持

c. 不要添加彈出窗口以免影響訪問(wèn)者的體驗(yàn)

d. 使用響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)或模板創(chuàng)造流暢的頁(yè)面，自動(dòng)適應(yīng)訪問(wèn)者的屏幕

e. 確保媒體內(nèi)容正確播放，按鈕間隙和大小適中，所有文字和圖片清晰可

f. 這些建議直接來(lái)自世界上最大的搜索引擎谷歌

5. 在設(shè)備上測(cè)試網(wǎng)站

a. 測(cè)試網(wǎng)站是否遵循了移動(dòng)端優(yōu)先最好的方法是親自實(shí)驗(yàn)。嘗試在不同手機(jī)和平板上瀏覽你的網(wǎng)站。滾動(dòng)頁(yè)面，點(diǎn)擊按鈕，確保一切縮放正確，響應(yīng)正常。像訪問(wèn)者一樣逐頁(yè)瀏覽網(wǎng)站判斷頁(yè)面是否易讀且跳轉(zhuǎn)自然。讓親友測(cè)試一下也是個(gè)很好的注意，因?yàn)樗麄兛梢越o出和你不一樣的觀點(diǎn)。

使用移動(dòng)端優(yōu)先策略構(gòu)建網(wǎng)站是一個(gè)明智的選擇，因?yàn)槟愕木W(wǎng)站不僅為大部分流量來(lái)源的移動(dòng)端做好了準(zhǔn)備，而且它也會(huì)在更大的移動(dòng)互聯(lián)網(wǎng)市場(chǎng)表現(xiàn)的更好。移動(dòng)端需要一種稍微不同于傳統(tǒng)電腦端網(wǎng)站建設(shè)的方法，但是如果你遵循這些最佳操作，再搭配上新穎通用的.xyz網(wǎng)站域名，你的網(wǎng)站就能被優(yōu)化并留住訪問(wèn)者。