多圖輪播有利于網(wǎng)站用戶轉(zhuǎn)化和SEO嗎？

摘要：本文討論網(wǎng)站首頁(yè)主圖輪播方式給網(wǎng)站營(yíng)銷和用戶體驗(yàn)帶來(lái)的實(shí)際效果，同時(shí)對(duì)網(wǎng)站SEO造成的影響。從中找到正確的網(wǎng)頁(yè)設(shè)計(jì)方法為網(wǎng)站創(chuàng)造更多客戶。

首頁(yè)大圖片輪播已然成了網(wǎng)站設(shè)計(jì)的標(biāo)準(zhǔn)配置。在過(guò)去的N多年，這一設(shè)計(jì)已成為必備的網(wǎng)站元素，以至于人們認(rèn)為在首頁(yè)主題區(qū)擺放一張靜態(tài)圖片多么不合時(shí)宜。

深圳新龍也是其中一位毫不猶豫的跟風(fēng)者（我們要做深刻反?。?。

但經(jīng)過(guò)多年用戶交互和轉(zhuǎn)化專家測(cè)試和研究，結(jié)果超乎所想：

自動(dòng)輪播會(huì)使用戶煩惱并降低可見度

可用性權(quán)威專家Jakob Nielsen于2013年做了一個(gè)幻燈片可用性研究：

在西門子的網(wǎng)站上向訪問(wèn)者提出了以下任務(wù)：“西門子在洗衣機(jī)方面有特殊優(yōu)惠嗎？”

西門子網(wǎng)站的首頁(yè)主題區(qū)大約每隔5秒自動(dòng)變化一次橫幅，盡管此優(yōu)惠信息位于最突出的幻燈片上，因?yàn)椴粩嘧儎?dòng)的橫幅使訪問(wèn)者很難集中注意力閱讀文字，導(dǎo)致用戶沒有注意到。

測(cè)試用戶訴求：“我沒有時(shí)間閱讀它。它一直閃爍太快?！?/span>

尼爾森通過(guò)測(cè)試得出結(jié)論：圖像輪播被人們忽略了。

針對(duì)以上測(cè)試，尼爾森撰寫自動(dòng)輪播導(dǎo)致的可用性問(wèn)題：

移動(dòng)UI元素通常會(huì)降低可訪問(wèn)性，尤其對(duì)于那些運(yùn)動(dòng)技能較弱的用戶而言，他們點(diǎn)擊困難。

閱讀能力較低的用戶通常在輪播變動(dòng)之前沒有足夠的時(shí)間來(lái)閱讀信息。

對(duì)于國(guó)際用戶來(lái)說(shuō)，您的網(wǎng)站不是他們的母語(yǔ)，他們的閱讀速度會(huì)變慢，因此，他們不容易理解每一個(gè)輪播圖片的意思。

由于必須輪流展示，因此降低了單個(gè)項(xiàng)目的可見性。當(dāng)在任何給定時(shí)間僅顯示一件事時(shí)，用戶發(fā)現(xiàn)所需物品的可能性將大大降低。在西門子的示例中，折扣優(yōu)惠信息僅在20％的時(shí)間內(nèi)可見。

當(dāng)事物自行移動(dòng)時(shí)，用戶會(huì)失去對(duì)用戶界面的控制，這令訪問(wèn)者不悅。

最重要的是，由于它會(huì)移動(dòng)，因此用戶會(huì)自動(dòng)認(rèn)為它可能是廣告，這使他們更有可能忽略它。

現(xiàn)在（2021年）西門子官方網(wǎng)站，首頁(yè)已經(jīng)沒有使用圖片輪播或者滑動(dòng)：

埃里克·魯尼恩對(duì)圣母大學(xué)主頁(yè)輪播圖做了測(cè)試，瀏覽者中只有1％的人點(diǎn)擊了幻燈片，而其中89％的點(diǎn)擊是第一張幻燈片。很少有人點(diǎn)擊其他任何幻燈片。

對(duì)一家寵物商店輪播圖的研究表明，只有2％的訪問(wèn)者點(diǎn)擊了幻燈片，而使用靜態(tài)圖片代替時(shí)，有43％的訪問(wèn)者點(diǎn)擊了圖片。

首頁(yè)輪播效果不利于SEO

此結(jié)論來(lái)自著名的SEO網(wǎng)站Search Engine Land:

許多輪播都是使用jQuery，AJAX或HTML5構(gòu)建的。在大多數(shù)情況下，滑塊中的標(biāo)題都包裹在h1標(biāo)簽中。基本的SEO最佳做法規(guī)定，每頁(yè)僅應(yīng)包含一個(gè)h1標(biāo)簽，并且該標(biāo)簽應(yīng)出現(xiàn)在任何其他標(biāo)題標(biāo)簽之前。使用h1或輪播中的任何標(biāo)題標(biāo)簽的問(wèn)題是，每當(dāng)幻燈片更改時(shí)，h1標(biāo)簽都會(huì)更改。輪播中如果有五張幻燈片那么就具有5個(gè)h1標(biāo)簽，從而大大降低了關(guān)鍵字的相關(guān)性。

輪播使得頁(yè)面加載速度變慢。輪播和高分辨率圖像，極大地影響了頁(yè)面加載速度。加載頁(yè)面超過(guò)兩秒鐘就會(huì)損害用戶體驗(yàn)，并會(huì)影響搜索性能。

很多輪播圖根本沒有文字內(nèi)容。文字內(nèi)容是關(guān)鍵字排名的必要條件。僅有大圖片而沒有文字內(nèi)容（把文字設(shè)計(jì)到圖片里對(duì)于SEO來(lái)說(shuō)是沒有文字內(nèi)容），就無(wú)法期望其在任何搜索字詞中排名很高。

更多交互專家反對(duì)輪播

ux.stackexchange.com組織了一次“輪播有效嗎？”的討論，以下專家發(fā)言：

亞當(dāng)·費(fèi)洛斯：

我管理的幾乎所有測(cè)試都已經(jīng)證明了通過(guò)輪播傳送的內(nèi)容已被用戶遺漏。人們很少與它互動(dòng)，并且有很多評(píng)論認(rèn)為這些輪播看起來(lái)像是廣告，因此我們目睹了橫幅失明概念的充分發(fā)揮。

在節(jié)省空間和內(nèi)容推廣方面，許多競(jìng)爭(zhēng)性消息都放在一個(gè)位置，這可能導(dǎo)致焦點(diǎn)丟失。

李·杜德爾：

輪播能夠在主頁(yè)上有效地表達(dá)市場(chǎng)營(yíng)銷人員的最新想法。

但對(duì)于用戶而言，它們幾乎是無(wú)用的，并且經(jīng)常“跳過(guò)”，因?yàn)樗鼈兛雌饋?lái)像廣告。因此，它們是一種在主頁(yè)上獲取無(wú)用信息的好技術(shù)?！?/span>

順便說(shuō)一句，這些觀點(diǎn)不是我自己的，而是基于對(duì)用戶的數(shù)千個(gè)測(cè)試。

克雷格·奇斯勒:

在我完成的所有測(cè)試中，首頁(yè)輪播完全無(wú)效。其中之一是，除了初始視圖之外的所有內(nèi)容都會(huì)大大減少訪問(wèn)者的互動(dòng)。第二，輪播中顯示的信息與訪問(wèn)者正在尋找的信息相匹配的機(jī)會(huì)很小。因此，在這種情況下，輪播會(huì)變成一個(gè)非常大的橫幅，會(huì)被忽略?！?/span>

基于以上論證，我們有理由在首頁(yè)放棄輪播效果的采用。然而，是不是所有的輪播都不可用呢？

不是所有的輪播都不合適

如果您的圖庫(kù)展示中圖片具有強(qiáng)關(guān)聯(lián)性，那么這類輪播具有提高用戶與網(wǎng)站互動(dòng)效果。

比如電子商務(wù)網(wǎng)站產(chǎn)品詳情頁(yè)內(nèi)的產(chǎn)品輪播圖，利于提高用戶與網(wǎng)站互動(dòng)。尤其在移動(dòng)端使用時(shí)。

以上結(jié)論是由Kyle Peatt及其團(tuán)隊(duì)進(jìn)行移動(dòng)電子商務(wù)網(wǎng)站開發(fā)和研究中得出。

參考：

https://www.nngroup.com/articles/auto-forwarding/

https://cxl.com/blog/dont-use-automatic-image-sliders-or-carousels/

https://searchengineland.com/homepage-sliders-are-bad-for-seo-usability-163496

https://erikrunyon.com/2013/07/carousel-interaction-stats/

https://www.smashingmagazine.com/2015/02/carousel-usage-exploration-on-mobile-e-commerce-websites/