多圖輪播有利于網(wǎng)站用戶(hù)轉(zhuǎn)化和SEO嗎,網(wǎng)站輪播圖怎么優(yōu)化多輪播有利于網(wǎng)站用戶(hù)轉(zhuǎn)化和SEO嗎本文探討了網(wǎng)站首頁(yè)主圖輪播對(duì)網(wǎng)站營(yíng)銷(xiāo)和用戶(hù)體驗(yàn)的實(shí)際效果,以及對(duì)網(wǎng)站SEO的影響。找到合適的網(wǎng)頁(yè)設(shè)計(jì)方法,為網(wǎng)站創(chuàng)造更多的客戶(hù)。大圖輪播已經(jīng)成為網(wǎng)站設(shè)計(jì)的標(biāo)準(zhǔn)配置。在過(guò)去的n年里,這種設(shè)計(jì)已經(jīng)成為一種必要的網(wǎng)站元素,以至于人們認(rèn)為......
本文探討了網(wǎng)站首頁(yè)主圖輪播對(duì)網(wǎng)站營(yíng)銷(xiāo)和用戶(hù)體驗(yàn)的實(shí)際效果,以及對(duì)網(wǎng)站SEO的影響。找到合適的網(wǎng)頁(yè)設(shè)計(jì)方法,為網(wǎng)站創(chuàng)造更多的客戶(hù)。
大圖輪播已經(jīng)成為網(wǎng)站設(shè)計(jì)的標(biāo)準(zhǔn)配置。在過(guò)去的n年里,這種設(shè)計(jì)已經(jīng)成為一種必要的網(wǎng)站元素,以至于人們認(rèn)為在首頁(yè)的主題區(qū)放一張靜態(tài)圖片是不合時(shí)宜的。
深圳新龍也是不惜跟風(fēng)的人之一(我們要做深刻的自省)。
但是經(jīng)過(guò)多年的專(zhuān)家測(cè)試和對(duì)用戶(hù)交互和轉(zhuǎn)化的研究,結(jié)果超出了我們的預(yù)期:
自動(dòng)輪播會(huì)惹惱用戶(hù),降低可視性。
權(quán)威可用性專(zhuān)家Jakob Nielsen在2013年做了一個(gè)幻燈片可用性研究:
在西門(mén)子的網(wǎng)站上,訪(fǎng)問(wèn)者被問(wèn)及以下任務(wù):“西門(mén)子對(duì)洗衣機(jī)有什么特別優(yōu)惠嗎”
西門(mén)子網(wǎng)站首頁(yè)主題區(qū)的橫幅每5秒鐘自動(dòng)更換一次,雖然這條優(yōu)惠信息位于最顯眼的幻燈片上,因?yàn)椴粩喔鼡Q的橫幅讓訪(fǎng)問(wèn)者很難集中精力閱讀文字,導(dǎo)致用戶(hù)沒(méi)有注意到。
測(cè)試用戶(hù)訴求:“我沒(méi)時(shí)間看。它一直閃得太快了。”
尼爾森通過(guò)測(cè)試得出結(jié)論,圖片輪播被人忽略了。
根據(jù)上面的測(cè)試,尼爾森寫(xiě)了自動(dòng)輪播引起的可用性問(wèn)題:
移動(dòng)UI元素通常會(huì)降低可訪(fǎng)問(wèn)性,特別是對(duì)于那些運(yùn)動(dòng)技能較弱的用戶(hù),他們很難點(diǎn)擊。
閱讀能力低的用戶(hù)通常沒(méi)有足夠的時(shí)間在輪播變化之前閱讀信息。
對(duì)于國(guó)際用戶(hù)來(lái)說(shuō),你的網(wǎng)站不是他們的母語(yǔ),他們的閱讀速度會(huì)變慢。所以,讓他們理解每一張輪播圖的含義并不容易。
因?yàn)楸仨氁来物@示,所以單個(gè)項(xiàng)目的可見(jiàn)性降低了。當(dāng)在任何給定時(shí)間只顯示一個(gè)東西時(shí),用戶(hù)找到所需物品的可能性將大大降低。在西門(mén)子的例子中,折扣信息只有20%的時(shí)間是可見(jiàn)的。
當(dāng)事物自己移動(dòng)時(shí),用戶(hù)失去了對(duì)用戶(hù)界面的控制,這使得訪(fǎng)問(wèn)者不高興。
最重要的是,由于它會(huì)移動(dòng),用戶(hù)會(huì)自動(dòng)認(rèn)為它可能是廣告,這使得他們更容易忽略它。
現(xiàn)在(2021年)西門(mén)子官網(wǎng)首頁(yè)沒(méi)有旋轉(zhuǎn)或者滑動(dòng)圖片:
埃里克·魯尼恩測(cè)試了圣母大學(xué)主頁(yè)的旋轉(zhuǎn)木馬。只有1%的訪(fǎng)問(wèn)者點(diǎn)擊了幻燈片,89%的訪(fǎng)問(wèn)者點(diǎn)擊了第一張幻燈片。很少有人點(diǎn)擊任何其他幻燈片。
對(duì)一家寵物店的輪播地圖的研究表明,只有2%的訪(fǎng)問(wèn)者點(diǎn)擊幻燈片,而當(dāng)使用靜態(tài)圖片代替時(shí),有43%的訪(fǎng)問(wèn)者點(diǎn)擊圖片。
首頁(yè)輪播效應(yīng)不利于SEO。
這個(gè)結(jié)論來(lái)自著名的SEO網(wǎng)站搜索引擎Land:
許多傳快遞帶是使用jQuery、AJAX或HTML5構(gòu)建的。在大多數(shù)情況下,滑塊中的標(biāo)題被包裝在h1標(biāo)簽中。根據(jù)的基本SEO最佳實(shí)踐,每個(gè)頁(yè)面應(yīng)該只包含一個(gè)h1標(biāo)簽,并且該標(biāo)簽應(yīng)該出現(xiàn)在任何其他title標(biāo)簽之前。在輪播中使用h1或任何標(biāo)題標(biāo)簽的問(wèn)題是,每當(dāng)幻燈片改變時(shí),h1標(biāo)簽也會(huì)改變。如果輪播里有五張幻燈片,那么就有五個(gè)h1標(biāo)簽,這就大大降低了關(guān)鍵詞的相關(guān)性。
Carousel使頁(yè)面加載速度變慢。輪播和高分辨率圖像會(huì)極大地影響頁(yè)面加載速度。加載頁(yè)面超過(guò)兩秒會(huì)損害用戶(hù)體驗(yàn),影響搜索性能。
很多輪播圖片根本沒(méi)有文字內(nèi)容。內(nèi)容是關(guān)鍵詞排名的必要條件。只有沒(méi)有文字內(nèi)容的大圖(把文字設(shè)計(jì)成圖片對(duì)SEO來(lái)說(shuō)就是沒(méi)有文字內(nèi)容)不能指望它在任何搜索詞里排名靠前。
更多互動(dòng)專(zhuān)家反對(duì)旋轉(zhuǎn)木馬
Ux.stackexchange.com組織了一次“旋轉(zhuǎn)木馬有效嗎”討論中,下列專(zhuān)家發(fā)了言:
亞當(dāng)·費(fèi)羅斯:
我管理的幾乎所有測(cè)試都證明,carousel傳輸?shù)膬?nèi)容已經(jīng)被用戶(hù)錯(cuò)過(guò)了。人們很少與它互動(dòng),有很多評(píng)論認(rèn)為這些旋轉(zhuǎn)木馬看起來(lái)像廣告,所以我們見(jiàn)證了橫幅失明概念的充分發(fā)揮。
在節(jié)省空間和內(nèi)容推廣方面,很多競(jìng)爭(zhēng)信息放在一個(gè)地方,可能會(huì)導(dǎo)致失去重點(diǎn)。
李·杜德?tīng)?
Carousel可以在主頁(yè)上有效地表達(dá)營(yíng)銷(xiāo)人員的最新想法。
但對(duì)用戶(hù)來(lái)說(shuō),它們幾乎毫無(wú)用處,經(jīng)常被“跳過(guò)”,因?yàn)樗鼈兛雌饋?lái)像廣告。所以,他們是一個(gè)很好的技術(shù),可以在主頁(yè)上獲取無(wú)用的信息。……
順便說(shuō)一句,這些觀(guān)點(diǎn)不是我自己的,而是基于用戶(hù)上千次的測(cè)試。
克雷格·奇斯勒:
在我完成的所有測(cè)試中,首頁(yè)的輪播完全無(wú)效。其中之一就是除了初始視圖之外的一切都會(huì)大大降低訪(fǎng)客的互動(dòng)性。其次,轉(zhuǎn)盤(pán)中顯示的信息與訪(fǎng)問(wèn)者正在尋找的信息匹配的可能性很小。所以在這種情況下,輪播會(huì)變成一個(gè)非常大的橫幅,會(huì)被忽略。……
基于以上論點(diǎn),我們有理由放棄在首頁(yè)采用輪播效果。然而,旋轉(zhuǎn)木馬不都是有的嗎
不是所有的旋轉(zhuǎn)木馬都不合適。
如果你圖庫(kù)中的圖片表現(xiàn)出很強(qiáng)的關(guān)聯(lián)性,那么這種輪播可以提高用戶(hù)與網(wǎng)站的互動(dòng)。
比如電商網(wǎng)站商品詳情頁(yè)中的商品輪播圖,有助于提高用戶(hù)與網(wǎng)站的互動(dòng)。尤其是在移動(dòng)終端上使用時(shí)。
以上結(jié)論是Kyle Peatt及其團(tuán)隊(duì)在移動(dòng)電子商務(wù)網(wǎng)站的開(kāi)發(fā)研究中得出的。
參考:
https://www.nngroup.com/articles/autoforwarding/
https://cxl . com/blog/dontuseautomaticimageslidersorcarousel/
https://search engine land . com/home pageslidersarebadforSEOusability63496
https://erikrunyon.com/2013/07/carouselinteractionstats/
https://www . smashingmagazine . com/2015/02/carouselusageexplorationonmobile電子商務(wù)網(wǎng)站/
特別聲明:以上文章內(nèi)容僅代表作者本人觀(guān)點(diǎn),不代表ESG跨境電商觀(guān)點(diǎn)或立場(chǎng)。如有關(guān)于作品內(nèi)容、版權(quán)或其它問(wèn)題請(qǐng)于作品發(fā)表后的30日內(nèi)與ESG跨境電商聯(lián)系。
二維碼加載中...
使用微信掃一掃登錄
使用賬號(hào)密碼登錄
平臺(tái)顧問(wèn)
微信掃一掃
馬上聯(lián)系在線(xiàn)顧問(wèn)
小程序
ESG跨境小程序
手機(jī)入駐更便捷
返回頂部