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