已收藏,可在 我的資料庫 中查看
您可能還需要
獨立站
國潮領(lǐng)航?破浪出海
立即報名
加入社群
獨立站近期活動

獨立站移動端要避開這8個“死穴”

讀完這篇,還有什么不能兼容的?

獨立站移動端要避開這8個“死穴”

據(jù)相關(guān)數(shù)據(jù)顯示,2018年超過一半的網(wǎng)絡(luò)流量來自智能手機(jī),并且糟糕的移動端體驗將會使品牌失去53%的消費者。雖然,許多品牌為創(chuàng)造領(lǐng)先優(yōu)勢、增加流量和其他營銷策略投入了大量時間、金錢和其他資源,然而大部分的消費者流失卻是因為沒有創(chuàng)建一個移動友好的網(wǎng)站。

由此可見,移動網(wǎng)站優(yōu)化應(yīng)該是每個品牌的首要任務(wù)。谷歌在過去幾年里也引入了許多算法更新,以支持提供強大移動體驗的網(wǎng)站。如果你的移動端排名最近出了問題,那么很有可能是你未完善移動體驗。因此,建議你在這篇文章中深入了解一下網(wǎng)站與移動端不能兼容的8個原因。

1、網(wǎng)站沒有移動響應(yīng)

你的網(wǎng)站無法在移動設(shè)備上運行的首要原因是沒有移動響應(yīng)能力。這意味著網(wǎng)站不會按比例調(diào)整大小以適應(yīng)不同尺寸的屏幕。你可能犯的最大錯誤就是在為PC端設(shè)計布局和內(nèi)容后,試圖將其縮小以適應(yīng)更小的屏幕尺寸,然而這并不會在移動設(shè)備上創(chuàng)造一種直觀的體驗。相反,你需要在創(chuàng)建內(nèi)容時考慮到所有類型的設(shè)備,這將使你在每個設(shè)備上都能創(chuàng)建一致的、高度優(yōu)化的購物體驗。

2、尚未優(yōu)化移動優(yōu)先索引

響應(yīng)式設(shè)計并不是移動優(yōu)化的唯一方法,許多品牌都會選擇開發(fā)單獨的手機(jī)網(wǎng)站。而谷歌現(xiàn)在正在改變索引web頁面的方式,因為目前大多數(shù)搜索都是在移動設(shè)備上進(jìn)行的。移動優(yōu)先索引也就意味著谷歌將默認(rèn)顯示頁面的移動版本,僅在沒有移動版本時顯示桌面頁面。

對于響應(yīng)性網(wǎng)站,實際上沒有什么變化,因為每個頁面的移動版本和桌面版本是相同的。然而,運行任何單獨的移動頁面的網(wǎng)站,事實上都需要為這一變化進(jìn)行優(yōu)化。

3、頁面加載緩慢

盡管研究表明加載速度太慢會扼殺轉(zhuǎn)化率,但絕大多數(shù)網(wǎng)站都避免不了這一問題。谷歌的研究表示,手機(jī)加載網(wǎng)頁平均需要15秒,然而最佳的頁面加載時間卻不超過3秒。

較慢的加載時間可能會損害你在移動端SERPs中的位置,緩慢的加載時間也會對跳出率、頁面瀏覽時間、頁面訪問等產(chǎn)生負(fù)面影響。更重要的是,緩慢的加載時間會扼殺轉(zhuǎn)化率和營銷策略中的KPI。

因此,你可以與一些機(jī)構(gòu)或開發(fā)人員合作并優(yōu)化頁面速度,如果你在使用WordPress網(wǎng)站,就要輕松插入插件、優(yōu)化圖片和文件并使用速度優(yōu)化工具。

4、不友好的導(dǎo)航

一些小型網(wǎng)站的導(dǎo)航非常簡單,可以很容易的將桌面菜單復(fù)制到移動端的網(wǎng)站上。但大型網(wǎng)站可能就會有些麻煩,菜單通常會顯示多個頁面,一直到第三層導(dǎo)航級別。如果將其轉(zhuǎn)移到移動網(wǎng)站,用戶可能會花很長時間在菜單中滾動以找到正確頁面。如果你將移動菜單修改為只包含頂級頁面,用戶可能就會留在你的頁面上,但是他們可能會錯過較低級別頁面上的有價值的信息。

因此你可以創(chuàng)建一個在桌面上工作的菜單,然后嘗試其他方法在主頁上集成較低級別的頁面,以便用戶導(dǎo)航、查找更多內(nèi)容。

5、使用彈出式/插入式廣告

許多網(wǎng)站會使用彈出式的廣告來推廣品牌app,讓用戶訂閱他們的時事通訊或特別優(yōu)惠。但當(dāng)這些內(nèi)容顯示在移動設(shè)備上時,用戶通常都會感到不耐煩,從而對用戶體驗產(chǎn)生負(fù)面影響,因此品牌可以選擇一些替代方式進(jìn)行宣傳,例如橫幅廣告。

6、沒有為手機(jī)優(yōu)化CTA(Calls to action/行為號召)

為移動設(shè)備優(yōu)化網(wǎng)站布局非常重要,但如果你的CTA在移動端上沒有明顯的效果,那么一切的優(yōu)化可能將會變成徒勞。CTA的有效性,取決于你如何優(yōu)化這些內(nèi)容、移動端的可見性、頁面位置以及其他各種因素。不要認(rèn)為你的CTA在桌面有所效果,就意味著它在移動端也會順利執(zhí)行。

有效的移動CTA需要非常簡潔,其他頁面內(nèi)容也是如此。請記住,集中精力在移動顯示屏上,將你的CTA推向頁面下方,迫使用戶進(jìn)一步滾動以訪問它們。

確保使用適當(dāng)?shù)臉?biāo)題強調(diào)你的主要優(yōu)勢,并且不要害怕為移動顯示添加額外的CTA。

7、未對可點擊元素進(jìn)行觸摸優(yōu)化

這是許多品牌在優(yōu)化移動端時會忽略的一點,導(dǎo)航菜單、CTA按鈕、web表單、媒體播放器等等都圍繞著觸控手勢,如果你想要消費者與你的網(wǎng)站進(jìn)行互動,并讓普通瀏覽用戶變?yōu)闈撛诳蛻簦托枰獌?yōu)化可點擊元素。

不要將太多的觸摸元素放置在一個小區(qū)域內(nèi),這樣瀏覽者很容易就會點錯。此外,需確保觸摸元素在屏幕上彈出時,用戶仍可以看到他們需要的所有內(nèi)容。

8、你的移動表單正在扼殺轉(zhuǎn)換

破壞性的web表單可能是用戶在桌面上搜索的“死穴”,當(dāng)這種體驗被轉(zhuǎn)移到移動設(shè)備上時,這可能會使你失去了與競爭對手的領(lǐng)先優(yōu)勢。

因此,你應(yīng)該首先確保使用正確的HTML5代碼構(gòu)建web表單,以便相關(guān)的鍵盤會彈出消息、電子郵件地址、數(shù)字等。堅持單列布局,并在每個元素上使用大量的填充,這樣就能很好地優(yōu)化觸摸效果。并且記住消費者通常都不想在手機(jī)打字,因此你需要啟用自動完成功能,并堅持使用減少用戶工作負(fù)載所需的最小字段數(shù)。

(編譯/雨果網(wǎng) 宋淑湲)

【特別聲明】未經(jīng)許可同意,任何個人或組織不得復(fù)制、轉(zhuǎn)載、或以其他方式使用本網(wǎng)站內(nèi)容。轉(zhuǎn)載請聯(lián)系:editor@cifnews.com

相關(guān)標(biāo)簽:

分享到:

--
評論
最新 熱門 資訊 資料 專題 服務(wù) 果園

收藏

--

--

分享