免費參與·100+跨境活動 
免費下載·4000+跨境資料 
免費學習·2000+直播課程 
免費加入·15萬+賣家交流群 
2021-03-17 10:40
摘要：本文討論網站首頁主圖輪播方式給網站營銷和用戶體驗帶來的實際效果，同時對網站SEO造成的影響。從中找到正確的網頁設計方法為網站創造更多客戶。
首頁大圖片輪播已然成了網站設計的標準配置。在過去的N多年，這一設計已成為必備的網站元素，以至于人們認為在首頁主題區擺放一張靜態圖片多么不合時宜。
但經過多年用戶交互和轉化專家測試和研究，結果超乎所想：
可用性權威專家Jakob Nielsen于2013年做了一個幻燈片可用性研究：
在西門子的網站上向訪問者提出了以下任務：“西門子在洗衣機方面有特殊優惠嗎？”
上圖來源：https://www.nngroup.com/articles/auto-forwarding/
西門子網站的首頁主題區大約每隔5秒自動變化一次橫幅，盡管此優惠信息位于最突出的幻燈片上，因為不斷變動的橫幅使訪問者很難集中注意力閱讀文字，導致用戶沒有注意到。
測試用戶訴求：“我沒有時間閱讀它。它一直閃爍太快?！?/em>
尼爾森通過測試得出結論：圖像輪播被人們忽略了。
針對以上測試，尼爾森撰寫自動輪播導致的可用性問題：
移動UI元素通常會降低可訪問性，尤其對于那些運動技能較弱的用戶而言，他們點擊困難。
閱讀能力較低的用戶通常在輪播變動之前沒有足夠的時間來閱讀信息。
對于國際用戶來說，您的網站不是他們的母語，他們的閱讀速度會變慢，因此，他們不容易理解每一個輪播圖片的意思。
由于必須輪流展示，因此降低了單個項目的可見性。當在任何給定時間僅顯示一件事時，用戶發現所需物品的可能性將大大降低。在西門子的示例中，折扣優惠信息僅在20％的時間內可見。
當事物自行移動時，用戶會失去對用戶界面的控制，這令訪問者不悅。
最重要的是，由于它會移動，因此用戶會自動認為它可能是廣告，這使他們更有可能忽略它。
現在（2021年）西門子官方網站，首頁已經沒有使用圖片輪播或者滑動：
埃里克·魯尼恩對圣母大學主頁輪播圖做了測試，瀏覽者中只有1％的人點擊了幻燈片，而其中89％的點擊是第一張幻燈片。很少有人點擊其他任何幻燈片。
對一家寵物商店輪播圖的研究表明，只有2％的訪問者點擊了幻燈片，而使用靜態圖片代替時，有43％的訪問者點擊了圖片。
此結論來自著名的SEO網站 Search Engine Land:
許多輪播都是使用jQuery，AJAX或HTML5構建的。在大多數情況下，滑塊中的標題都包裹在h1標簽中?；镜腟EO最佳做法規定，每頁僅應包含一個h1標簽，并且該標簽應出現在任何其他標題標簽之前。使用h1或輪播中的任何標題標簽的問題是，每當幻燈片更改時，h1標簽都會更改。輪播中如果有五張幻燈片那么就具有5個h1標簽，從而大大降低了關鍵字的相關性。
輪播使得頁面加載速度變慢。輪播和高分辨率圖像，極大地影響了頁面加載速度。加載頁面超過兩秒鐘就會損害用戶體驗，并會影響搜索性能。
很多輪播圖根本沒有文字內容。文字內容是關鍵字排名的必要條件。僅有大圖片而沒有文字內容（把文字設計到圖片里對于SEO來說是沒有文字內容），就無法期望其在任何搜索字詞中排名很高。
ux.stackexchange.com組織了一次“輪播有效嗎？”的討論，以下專家發言：
亞當·費洛斯：
我管理的幾乎所有測試都已經證明了通過輪播傳送的內容已被用戶遺漏。人們很少與它互動，并且有很多評論認為這些輪播看起來像是廣告，因此我們目睹了橫幅失明概念的充分發揮。
在節省空間和內容推廣方面，許多競爭性消息都放在一個位置，這可能導致焦點丟失。
李·杜德爾：
輪播能夠在主頁上有效地表達市場營銷人員的最新想法。
但對于用戶而言，它們幾乎是無用的，并且經?！疤^”，因為它們看起來像廣告。因此，它們是一種在主頁上獲取無用信息的好技術?！?
順便說一句，這些觀點不是我自己的，而是基于對用戶的數千個測試。
克雷格·奇斯勒:
在我完成的所有測試中，首頁輪播完全無效。其中之一是，除了初始視圖之外的所有內容都會大大減少訪問者的互動。第二，輪播中顯示的信息與訪問者正在尋找的信息相匹配的機會很小。因此，在這種情況下，輪播會變成一個非常大的橫幅，會被忽略?！?
基于以上論證，我們有理由在首頁放棄輪播效果的采用。然而，是不是所有的輪播都不可用呢？
如果您的圖庫展示中圖片具有強關聯性，那么這類輪播具有提高用戶與網站互動效果。
比如電子商務網站產品詳情頁內的產品輪播圖，利于提高用戶與網站互動。尤其在移動端使用時。
以上結論是由Kyle Peatt及其團隊進行移動電子商務網站開發和研究中得出。
參考：
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/
（來源：newloong）
以上內容屬作者個人觀點，不代表雨果跨境立場！本文經原作者授權轉載，轉載需經原作者授權同意。
（來源：newloong）
