啟動長滾動 WordPress 網站之前要記住的 4 件事
已發表: 2021-03-27隨著社交網絡的出現,長滾動網站(有時稱為“無限滾動”)受到關注。 你可能很清楚它們是如何工作的——簡單地說,你可以滾動很長一段時間而不會到達結尾(頁腳)。 顯然,這是一種非常特殊的網頁設計類型,因此不應將其應用於您遇到的任何網站。
不用說,您首先必須有足夠的內容才能從這種類型的設計中受益,這樣才能證明部署這種設計是合理的。 這就是 Facebook 或 Pinterest 等巨頭選擇此政策的原因。
這也不是一時興起的事情。 這種設計有相當大的好處。 首先,它可以讓用戶保持更長時間的參與。 如果人們在瀏覽內容時不必點擊任何內容,他們就不太可能完全離開該網站。 此外,通過適當的編碼,當您訪問最新內容時,長滾動網站將無縫加載新頁面,從而增加他們的瀏覽量,從而增加流量和收入。
然而,事實證明,這種類型的設計對電子商務網站之類的東西是有害的。 簡而言之,人們知道他們想買什麼並且想要直接購買,所以讓他們滾動瀏覽你的所有庫存會適得其反。 此外,這種類型的設計會對用戶產生負面的心理影響,因為他們可能會因需要瀏覽的大量內容而感到不知所措。
改進長滾動網站設計的四種簡單方法
需要問的問題是:如果您有一個長滾動網站,如何改進您的網站設計? 這裡有一些有用的提示。
1.添加粘性菜單
當您花費大量時間瀏覽頁面內容然後不得不一直滾動到頂部只是為了離開頁面並且可能會找到另一篇涉及相同主題的文章時,您難道不討厭它嗎?同一個網站還是繼續瀏覽該網站? 是的,這可能很煩人。
如果您在界面中添加粘性菜單,則可以輕鬆解決此問題。 你問什麼是粘性菜單? 好吧,無論您滾動多少,它都是一個與您同在的菜單。 因此,您不必一直返回重新訪問它,而是可以在完成頁面後立即繼續前進。 這解決了長滾動網站的許多問題,尤其是心理問題。
需要注意的是,頁面的任何元素都可以設置為粘性。 頁眉、頁腳、側邊欄,甚至視頻。 這樣,用戶將始終可以立即使用所有選項。 但是,為了實現這一點,您必須擁有合適的工具。
例如,像 WP Sticky 這樣的工具; 適用於所有 WordPress 網站的出色插件。 您所要做的就是安裝它,您將能夠在不到一分鐘的時間內創建一個粘性菜單。 字面上地! 絕對不涉及任何編碼,您基本上只需單擊要粘貼的頁面元素,僅此而已。 容易,對吧?
您還可以使用大量自定義選項,因此您可以確保粘性元素無縫融入您網站的整體設計,或者如果您認為這是您的訪問者會喜歡的東西,您可以讓它脫穎而出。 而這只是冰山一角。 WP Sticky 是一款出色的產品,這一點毫無疑問。
2. 正確定位你的號召性用語按鈕
由於您有很多空間可供使用,因此必須充分利用它。 僅僅因為有很大的空間來設計你的網頁並不意味著設計就沒有那麼重要了。 恰恰相反 - 由於您希望訪問者在您的頁面上花費很長時間,因此您需要確保他們的逗留盡可能愉快。
這就是為什麼正確定位您的號召性用語 (CTA) 非常重要的原因。 您不想用他們轟炸您的訪問者,以至於他們只是離開您的網站,但您也不想使用太少。 看待這一點的最佳方法是將 CTA 視為可以打破人們正在瀏覽的內容的單調性(例如一大塊文本)並將它們用作保持訪問者註意力和投入的工具。 你也可以用你的副標題做一些事情。
放置 CTA 的另一個好方法是讓它們滾動,以便它們跟隨您的訪問者。 換句話說,您也可以使它們具有粘性,就像我們在本文前面討論的元素一樣。 需要注意的是,研究表明,將 CTA 放在屏幕右側往往對您更有利,但這主要適用於硬 CTA 按鈕,它們比軟按鈕更直接。
當然,您永遠不應該忘記為移動設備調整這些按鈕,因為如今有如此多的流量來自它們。
3.盡你所能縮短加載時間
如果在用戶滾動時需要加載的內容加載緩慢或根本沒有加載,那麼實現長滾動設計並沒有多大意義。 瀏覽互聯網的人往往對這類事情沒有耐心,因此加載時間的任何延遲都會讓您付出高昂的代價。 我們在這裡說幾秒鐘,最多兩秒鐘。
所以,你可以做什麼? 好吧,您可以看到哪個 WordPress 主題編碼良好,因此加載速度很快。 您還可以禁用熱鏈接、引用和 pingback,使用內容交付網絡等。
最重要的步驟之一是確保您使用的所有圖像格式正確,並且盡可能不要太大。 如果您使用許多照片來搭配您的內容,這一點尤其重要,因為隨著時間的推移,它們可能會變得非常多,並使您的網站相當滯後。
最重要的是,您應該確保元內容也得到了優化。 例如,過多的元標記也不利於您網站的性能。 簡而言之,盡量讓事情保持高效和整潔。 哦,確保您的託管服務也能勝任這項任務。
4. 優化移動設備的一切
我們已經在本文中提到了移動設備的重要性,但這絕對是一個至關重要的問題,因此我們必須專門為此專門寫一部分文本。
鑑於今天超過一半的互聯網搜索是通過移動設備進行的,如果您的網站無法容納這些用戶,您將無法使其表現良好。 差遠了。 所以,你可以做什麼?
好吧,主要是關注對您的網站最重要的元素。 您希望一切都易於使用和清晰,這可能意味著刪除桌面版本中存在的一些方面。 不要害怕做那個削減。 沒有必要在這裡拐彎抹角——盡可能直接。
此外,如果您正在經營在線業務,一個好的做法是將您的產品移動到您的潛在客戶可以滾動瀏覽的圖庫中。 水平滾動在這方面特別受歡迎。 這樣一來,參觀者就沒有義務穿過畫廊,但如果他們願意,他們可以很容易地這樣做。
結論
有了它,這些是您在改進長滾動網站頁面時可以實施的一些最好的易於應用的策略。 這一切都歸結為直觀性和效率,而且您應該始終牢記您的訪客。 簡而言之,您希望為他們提供最佳的用戶體驗。
最好的方法是利用粘性元素,因為它們在設計網站時給了你很大的自由,並且可以大大縮短用戶從一個頁面到另一個頁面所需的時間。 它只是讓尋找自己的方式變得更加容易。
當然,這絕不是因為其他需要考慮的基本因素——您的網站對移動設備的適應程度可能是最重要的問題。 如果您的網站在這方面進行了檢查,您可以期待許多快樂的用戶來自各種平板電腦和智能手機。