多圖輪播有利于網站用戶轉化和SEO嗎,網站圖片輪播怎么設置-ESG跨境

多圖輪播有利于網站用戶轉化和SEO嗎,網站圖片輪播怎么設置

多輪播有利于網站用戶轉化和SEO嗎

本文探討了網站首頁主圖輪播對網站營銷和用戶體驗的實際效果，以及對網站SEO的影響。找到合適的網頁設計方法，為網站創(chuàng)造更多的客戶。

大圖輪播已經成為網站設計的標準配置。在過去的n年里，這種設計已經成為一種必要的網站元素，以至于人們認為在首頁的主題區(qū)放一張靜態(tài)圖片是不合時宜的。

深圳新龍也是不惜跟風的人之一(我們要做深刻的自省)。

但是經過多年的專家測試和對用戶交互和轉化的研究，結果超出了我們的預期:

自動輪播會惹惱用戶，降低可視性。

權威可用性專家Jakob Nielsen在2013年做了一個幻燈片可用性研究:

在西門子的網站上，訪問者被問及以下任務:“西門子對洗衣機有什么特別優(yōu)惠嗎”

西門子網站首頁主題區(qū)的橫幅每5秒鐘自動更換一次，雖然這條優(yōu)惠信息位于最顯眼的幻燈片上，因為不斷更換的橫幅讓訪問者很難集中精力閱讀文字，導致用戶沒有注意到。

測試用戶訴求:“我沒時間看。它一直閃得太快了。”

尼爾森通過測試得出結論，圖片輪播被人忽略了。

根據(jù)上面的測試，尼爾森寫了自動輪播引起的可用性問題:

移動UI元素通常會降低可訪問性，特別是對于那些運動技能較弱的用戶，他們很難點擊。

閱讀能力低的用戶通常沒有足夠的時間在輪播變化之前閱讀信息。

對于國際用戶來說，你的網站不是他們的母語，他們的閱讀速度會變慢。所以，讓他們理解每一張輪播圖的含義并不容易。

因為必須依次顯示，所以單個項目的可見性降低了。當在任何給定時間只顯示一個東西時，用戶找到所需物品的可能性將大大降低。在西門子的例子中，折扣信息只有20%的時間是可見的。

當事物自己移動時，用戶失去了對用戶界面的控制，這使得訪問者不高興。

最重要的是，由于它會移動，用戶會自動認為它可能是廣告，這使得他們更容易忽略它。

現(xiàn)在(2021年)西門子官網首頁沒有旋轉或者滑動圖片:

埃里克·魯尼恩測試了圣母大學主頁的旋轉木馬。只有1%的訪問者點擊了幻燈片，89%的訪問者點擊了第一張幻燈片。很少有人點擊任何其他幻燈片。

對一家寵物店的輪播地圖的研究表明，只有2%的訪問者點擊幻燈片，而當使用靜態(tài)圖片代替時，有43%的訪問者點擊圖片。

首頁輪播效應不利于SEO。

這個結論來自著名的SEO網站搜索引擎Land:

許多傳快遞帶是使用jQuery、AJAX或HTML5構建的。在大多數(shù)情況下，滑塊中的標題被包裝在h1標簽中。根據(jù)的基本SEO最佳實踐，每個頁面應該只包含一個h1標簽，并且該標簽應該出現(xiàn)在任何其他title標簽之前。在輪播中使用h1或任何標題標簽的問題是，每當幻燈片改變時，h1標簽也改變。如果輪播里有五張幻燈片，那么就有五個h1標簽，這就大大降低了關鍵詞的相關性。

Carousel使頁面加載速度變慢。輪播和高分辨率圖像會極大地影響頁面加載速度。加載頁面超過兩秒會損害用戶體驗，影響搜索性能。

很多輪播圖片根本沒有文字內容。內容是關鍵詞排名的必要條件。只有沒有文字內容的大圖(把文字設計成圖片對SEO來說就是沒有文字內容)不能指望它在任何搜索詞里排名靠前。

更多互動專家反對旋轉木馬

Ux.stackexchange.com組織了一次“旋轉木馬有效嗎”討論中，下列專家發(fā)了言:

亞當·費羅斯:

我管理的幾乎所有測試都證明，carousel傳輸?shù)膬热菀呀洷挥脩翦e過了。人們很少與它互動，有很多評論認為這些旋轉木馬看起來像廣告，所以我們見證了橫幅失明概念的充分發(fā)揮。

在節(jié)省空間和內容推廣方面，很多競爭信息放在一個地方，可能會導致失去重點。

李·杜德爾:

Carousel可以在主頁上有效地表達營銷人員的最新想法。

但對用戶來說，它們幾乎毫無用處，經常被“跳過”，因為它們看起來像廣告。所以，他們是一個很好的技術，可以在主頁上獲取無用的信息?！?/p>

順便說一句，這些觀點不是我自己的，而是基于用戶上千次的測試。

克雷格·奇斯勒:

在我完成的所有測試中，首頁的輪播完全無效。其中之一就是除了初始視圖之外的一切都會大大降低訪客的互動性。其次，轉盤中顯示的信息與訪問者正在尋找的信息匹配的可能性很小。所以在這種情況下，輪播會變成一個非常大的橫幅，會被忽略?！?/p>

基于以上論點，我們有理由放棄在首頁采用輪播效果。然而，旋轉木馬不都是有的嗎

不是所有的旋轉木馬都不合適。

如果你圖庫中的圖片表現(xiàn)出很強的關聯(lián)性，那么這種輪播可以提高用戶與網站的互動。

比如電商網站商品詳情頁中的商品輪播圖，有助于提高用戶與網站的互動。尤其是在移動終端上使用時。

以上結論是Kyle Peatt及其團隊在移動電子商務網站的開發(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電子商務網站/

特別聲明：以上文章內容僅代表作者本人觀點，不代表ESG跨境電商觀點或立場。如有關于作品內容、版權或其它問題請于作品發(fā)表后的30日內與ESG跨境電商聯(lián)系。