網站主頁應該使用輪播圖嗎

網站主頁英雄橫幅旗幟，也稱為輪播，通常是SEO專業人士、設計師和高層管理人員之間爭論的話題。不幸的是，這些元素通常不會按照您希望的方式執行，並且可能會損害您的轉化率。

為什麼英雄橫幅旗幟不起作用

太多消息 = 沒有消息

當用戶進入您的網站時，他們應該能夠在前三秒內理解兩件事：你是誰，你做什麼。此外，添加到英雄的視覺圖像應傳達或喚起支持您所發送訊息的情感。

當主頁英雄橫幅旗幟包含帶有多個優惠、消息或含義的英雄橫幅旗幟時，主頁的較大消息很容易丟失給用戶。在很多情況下，設計師使用旋轉木馬在主頁上獲取每個部門的消息。然而，這通常會導致網站訪問者眼中的混淆和品牌錯位。

Blue Frog設計師Jane Azinger經常說：「簡單是關鍵！當您第一次見到某人時，他們不需要立即了解您的整個人生故事。您希望從總體觀點開始廣泛討論並開始對話，然後您可以深入研究。」

點擊率低

許多專家已經嘗試並測試了主頁英雄橫幅旗幟的幾種變體，以了解用戶如何與它們進行互動。最後，他們很少能如願以償。

許多測試導致只有 1% 的用戶點擊了英雄橫幅旗幟；第一個位置獲得了絕大多數點擊。

較慢的網站性能

2025年，您負擔不起慢速網站！英雄橫幅旗幟可以極大地影響這些UX元素中的前三個：

最大內容繪製 (LCP)測量加載性能，或加載頂部摺疊的最大元素所需的時間。

首次輸入延遲 (FID)衡量互動性，或網站變為用戶可互動和可點擊所需的時間。

累積布局偏移 (CLS)測量視覺穩定性，或頁面加載時內容的偏移量。

英雄橫幅旗幟需要大量JavaScript和CSS程式碼才能按預期工作，這會嚴重影響頁面的整體速度和性能。再加上用戶往往會簡單地忽略英雄橫幅旗幟，這不僅使它們毫無意義，而且會妨礙任何站點。

用戶挫敗感

對於網站訪問者來說，沒有什麼比在他們閱讀內容的過程中旋轉的英雄橫幅旗幟更令人沮喪的了。任何干擾用戶正在執行的任務的動作都會導致惱怒和沮喪。此外，一旦您打破用戶的注意力，他們就不太可能以相同的焦點或意圖重新參與內容。這通常會導致他們錯過重要內容或完全離開網站。

橫幅失明

許多行銷人員都熟悉橫幅失明的概念，但並不總是將其與性能不佳的英雄橫幅旗幟聯繫起來。人類非常直觀，能夠捕捉網站中的模式。在橫幅廣告時代，這些廣告通常包含會分散用戶注意力的輪播廣告。由於這對用戶來說是一種令人沮喪的體驗，他們最終學會了完全忽略橫幅。由於英雄橫幅旗幟通常與橫幅廣告類似，因此它們通常很少受到目標受眾的互動和關注。

可用性差

要遵循的關鍵用戶體驗規則是用戶需要控制。輪播和英雄橫幅旗幟通常提供糟糕的可用性。它們會自動移動（通常沒有足夠的時間來實際閱讀幻燈片）並且導航圖標小或不清晰，這使得它們難以互動或閱讀起來沒有吸引力。

不響應設計

很少有英雄橫幅旗幟插件或擴展允許英雄橫幅旗幟遵循適當的響應式設計。由於現在大多數網站流量來自行動裝置，而搜尋引擎只抓取網站的行動版本，您不能讓優化不佳的英雄橫幅旗幟成為用戶看到的第一件事。

改用什麼

請記住，首頁英雄的目標是暫時吸引用戶的注意力，並傳達或喚起與品牌相關的情感。一旦獲得用戶的注意力，他們將通過向下滾動頁面並與站點互動來本能地開始在內容中搜尋自己。

而不是英雄橫幅旗幟或輪播，試試這些替代品：

一張大英雄形象

一張大的英雄圖片是傳達情感的好方法，可以避免用戶因過多的動作或相互矛盾的訊息而感到不知所措。此選項允許您向用戶介紹自己，並讓他們重新控制他們希望如何與您的網站進行互動。

緩慢移動的背景影片

為了使背景影片有效地工作，它不能過度分散注意力。它的唯一目的應該是傳達情感和/或介紹品牌。影片應支持英雄的訊息傳遞，並吸引用戶點擊行動呼籲或繼續滾動以了解更多訊息。

雖然英雄橫幅旗幟似乎無處不在，「人人都用，一定有用」是行銷人員的普遍心態，但當你真正分析英雄橫幅旗幟的表現時，你會發現它們都不盡如人意。幫您自己和您的品牌一個忙，並選擇一種更簡單、更以用戶為中心的方法來進行主頁英雄設計和消息傳遞。