何時在 WordPress 中使用滑塊(以及何時跳過它)

已發表: 2018-04-30

輪播越來越頻繁地成為主頁上的主要吸引力。 這些簡單的工具可以解決許多問題:當您需要傳達很多觀點時,您可以最大化您的空間,將人們引導到您的特色內容,甚至使一個無聊的靜態網站更加生動。

但很多時候,人們毫無目的地使用滑塊,僅僅是因為它是流行趨勢。 如果使用不當,輪播充其量只能什麼都不做,最壞的情況是損害 SEO。 但是滑塊確實有它們的用途! 在決定是否使用滑塊時,您應該知道它們的最佳功能位置——以及何時放置靜態圖像。

為什麼不使用滑塊?

儘管滑塊很有幫助,但在某些情況下,您最好使用橫幅、圖像或其他一些媒體。 未經優化或放錯位置的輪播可能弊大於利,因此在正確的時間使用它們很重要。 以下是您需要跳過滑塊的幾種情況。

宣傳單一、強烈的信息

就其性質而言,滑塊可讓您在狹小的空間內傳達大量信息。 對於有很多目標或有很多話要告訴訪客的公司來說,這是完美的。 但是,當您的組織有針對性的信息和單一的使命時,您最好使用一個好的英雄形象。 簡潔不是輪播的強項。

Lego Superman Hero Image

不必要的干擾

想像一下:您正在閱讀網站博客上的一篇文章。 這很有趣,除了每隔幾秒鐘,你的眼角就會有東西在移動。 最終,它會驅使你完全放棄這篇文章。

需要集中註意力的頁面上的任何動畫,無論多麼輕微,都會讓人分心和煩人。 自動滑塊不屬於博客文章或靠近評論框、表單和調查問卷。 如果您包含它們,請關閉這些頁面上的計時器。 這樣,用戶仍然可以根據需要單擊滾動,而不會分心。

可訪問性問題

Handicapped Parking

對於許多滑塊,尤其是 WordPress 主題附帶的默認滑塊,可訪問性是一個大問題。 它們通常沒有針對屏幕閱讀器進行優化,破壞它們,完全跳過滑塊,並且通常會引起混亂。

Soliloquy 滑塊帶有用於字幕、替代文本和 ARIA 實時值的選項,可讓您設置屏幕閱讀器的優先級,因此這不是問題。 如果您不使用 Soliloquy 滑塊,則可能需要進行額外的工作以使您的輪播可訪問。

加載時間長

確實如此:未經優化的滑塊會降低您的網站速度。 一些滑塊插件比其他插件更重,但通常問題在於您使用的圖像。 在將圖像上傳到輪播之前,請始終優化以減小文件大小,從而減少加載時間。

Guy frustrated by slow loading

但是,即使您使用像 Soliloquy 這樣的輕量級滑塊插件,有時還是最好避免使用輪播。 如果頁面使用大量圖像、動畫和第三方調用,請不要進一步堆積,否則可能會損害您的搜索排名。

無反應

許多滑塊仍然沒有響應,這在手持設備時代是不可接受的。 移動設備正在穩步取代台式電腦,隨著人們在手機上購物和瀏覽,使用無響應的滑塊會使您的移動網站難以導航並趕走訪問者。

Soliloquy 滑塊具有響應性,但如果您不使用這些滑塊,則需要確保您擁有針對移動設備優化的滑塊或完全跳過它。

Various PC and mobile devices

文章滑塊

使用滑塊顯示快速幻燈片是沒有問題的。 Soliloquy 甚至可以選擇導入 PDF。 演示文稿允許您使用可能難以轉換為 WordPress 的格式和样式,並且它們在滑塊中看起來很棒。

然而,輪播偶爾會被用來將整篇文章分割成塊,這是不直觀且令人困惑的。 滑塊不應用於主要呈現基於文本的長格式內容。

為什麼使用滑塊?

輪播有多種用途,如果在正確的時間使用,它既可以成為任何網站的實用又美觀的補充。 以下是使用滑塊對您和您的訪問者有益的一些情況。

Person working at a laptop

專業設計

無論您對滑塊有什麼看法,有一件事是肯定的:它們看起來很棒。 輪播是一種優雅而有效的顯示信息的方式,而且沒有更多功能。 如果您只是喜歡滑塊在頁面上的顯示方式,那麼這是在您的網站中包含滑塊的一個很好的理由!

滑塊還可以為平淡無奇的網頁添加一些風格。 一點動畫和交互性有很長的路要走。 人們喜歡吸引他們注意力的網站,所以如果您覺得您的網站有點過於簡單,那麼滑塊可能正是您所需要的。

顯示特色內容

滑塊是將人們引導至您的特色文章、產品和銷售的好方法。 如果放置正確,特色內容輪播可以將訪問者小心地引導到您想要的位置。 Soliloquy 滑塊可以從 WordPress、Instagram 和其他地方提取最新內容,因此非常適合讓訪問者了解最新信息。

Example Soliloquy Slider

投資組合

當您想簡潔地展示您的藝術或攝影作品時,滑塊是一個很棒的迷你作品集。 在前幾張幻燈片中展示你最好的作品,你就有了一個完美的工具來吸引潛在客戶的眼球。

但是,如果重要的是讓訪問者對您的攝影或藝術品的主題有一個大致的了解,而不是專注於單個作品,那麼建議使用畫廊佈局。

展示產品、追加銷售和交叉銷售

滑塊是訪問者瀏覽和預覽產品的好方法。 它們也可以放置在產品頁面上,以鼓勵客戶購買相關商品。 最後,您可以使用它們來顯示顏色或徽標等變化。 輪播是電子商務網站的絕佳資產。

WooCommerce Addon

內容多,空間小

這是迄今為止滑塊最突出的特點。 當您需要在狹小的空間內說很多話時,滑塊可讓您緊湊地呈現內容,而不會延長頁面或使文本和圖像過度飽和。

它還鼓勵您簡潔和壓縮信息,因為您的工作空間有限。 滑塊允許您以一口大小、易於閱讀的段落呈現數據。 主頁上沒有更多的文本塊。

Soliloquy Homepage

合適的滑塊

一個有效的、有針對性的滑塊比隨機放置的滑塊更有價值。 當您決定使用滑塊時,請確保您這樣做是有目的的。 您是為了美容、促銷或信息而放置它嗎? 了解您的受眾和提高參與度的方法。 與僅使用滑塊來緊跟最新趨勢相比,您會看到更多的結果。

在哪些情況下您認為使用滑塊是您的最佳選擇? 歡迎在下方分享您的想法。 然後在 Twitter 和 Facebook 上與我們聯繫,獲取更多關於使用滑塊和構建 WordPress 網站的提示和建議。