側邊欄正在走向滅絕嗎?

已發表: 2023-02-25

構建新網站時,您總會遇到許多佈局和功能障礙。 其中之一是臭名昭著的側邊欄的放置(或不放置)。

現在最常找到側邊欄的地方是在博客上。 在基於博客的網站或公司網站的博客部分。 登陸頁面和服務頁面幾乎不再有側邊欄了; 實際上很難找到帶有側邊欄的公司網站。

側邊欄正在走向滅絕嗎?

讓我們看看為什麼側邊欄在某些圈子中正在失去人氣,而在其他圈子中仍然活躍並踢著!

建立網站和選擇佈局

早在 2000 年代初,網站的兩側各有一個側邊欄,內容位於中間,這在過去是很常見的。 兩個側邊欄都會充滿廣告、優惠和其他分散注意力的圖形或閃爍的 gif。 很難專注於實際內容。 但隨著時間的推移,側邊欄名聲不好,人們開始對側邊欄視而不見。

通常的雙側邊欄佈局傳遞到右側的側邊欄,然後從那裡完全沒有側邊欄。 最新的 WordPress 模板現在沒有側邊欄或沒有側邊欄選項。

有人說側邊欄對於點擊、導航和用戶體驗非常有用,而其他人則說側邊欄幾乎是死角。

隨著移動使用的興起,還需要記住,在小型設備上,側邊欄通常只出現在主要內容的最底部。

那麼你怎麼知道你的網站是否需要一個(或兩個)側邊欄?

深入了解網站的本質,一切都與用戶體驗有關。 如果側邊欄可以幫助訪問者以一種簡單且不混淆的方式瀏覽網站,那麼添加它。 如果您有其他可以無縫處理導航的創造性方法,請放棄側邊欄。

最常見的解決方案是有一個沒有側邊欄的主頁或登陸頁面,然後在博客部分有一個側邊欄。 您在側邊欄中包含的內容取決於您的特定站點,但主要內容是:

  • 訂閱選項
  • 相關文章
  • 選擇加入
  • 作者簡介
  • 廣告

側邊欄中的廣告數量決定了體驗的成敗。 如果全是廣告,它會立即被忽略(或至少畏縮)。 如果側邊欄中的內容真的很好,那麼一兩個廣告就不會打擾了。 如果廣告在視覺上與設計的其餘部分完美契合,則可加分!

讓我們看一些佈局示例,以便下次您必須跨越側邊欄障礙時,您將獲得更多信息並希望獲得更多啟發!

網站側邊欄的選項

從三列演變為兩個側邊欄並再次返回

我們之前提到過,帶有兩個側邊欄的網站佈局大多已成為過去。 我們沒有提到的是,這種佈局只是眾所周知的“三欄”佈局的延伸。 這意味著仍然有一些網站使用兩個側邊欄並在此過程中將其關閉。

兩個側邊欄和三個列之間的區別可以從名稱本身推斷出來。 兩個側邊欄意味著有一個主要內容區域和兩個輔助欄。 三列佈局更像是一種組織內容的設計機制。 仍然有一個層次結構,但它的使用方式比僅僅在場邊的額外內容更有意義。 三欄佈局非常適合雜誌或大型博客等在線期刊。

查看 Grain Edit 的網站。 他們有一個三列佈局,本質上是一個兩側邊欄佈局,但做得很好。 主要內容在左邊,兩個側邊欄在右邊。 這些側邊欄不會在整個站點中發生變化,只有左側的內容會發生變化。

帶有穀物編輯網站的桌面場景,桌面上有大的右側邊欄

在這兩個側邊欄上效果很好的是它們不是侵入性的(由於頁面佈局是如何裝箱的)並且兩邊都有很多空白空間。 左側的空白區域有助於讀者在閱讀文本時保持正軌,而不會分散視線。

精心設計的三列佈局的另一個很好的例子是 Mashable 網站。 他們的首頁分為三個版塊,“最新消息”、“最新消息”和“熱門消息”。 列組織得很好,內容有不同的大小,從左邊的最小到右邊的最大。

對於 Mashable 主頁,您幾乎不能將其中任何一個稱為側邊欄! 這三個專欄都充滿了精彩的內容。 單擊任何文章後,佈局將更改為左側的經典主要內容和右側的側邊欄。

可混搭的網站,在木桌上的網站筆記本電腦上有大的左側邊欄

這實際上是一個概念佈局。 當內容是新的時,它會出現在左欄中。 如果它開始趨勢,它會移動到中間列。 如果它像病毒一樣傳播開來,它就會進入右邊最大的一欄。

經典的博客佈局仍然佔據主導地位,但到什麼程度呢?

我們都習慣的博客佈局是內容在左邊,側邊欄在右邊的佈局。 一些博客做得很好,而另一些博客仍然依賴側邊欄空間來放置它們可能適合的所有廣告。 我們確定您已經看到了周圍的人。

希望通過博客賺錢的新博主通常會在側邊欄塞滿各種各樣的東西,遠遠超過良好用戶體驗所需的東西。

看看這個博客,ThinkSEM,有一個最小的側邊欄,只有兩個部分包含四個簡單的東西:類別、檔案、訂閱框和他們的服務報價。 就是這樣。 一旦您滾動過這些框,所有內容都是關於文章的內容。

Think SEM 網站,桌面上有小右側邊欄,上面有恐龍和杯子

“無側邊欄運動”和繞過它的方法

幾年前,網站開發人員兼博主 Brian Gardner 發起了一場名為“無邊欄運動”的極簡主義運動。 他不是第一個創建沒有側邊欄的博客和網站的人,但他是第一個真正宣傳如何做好的人。 他的宣言是關於過一種沒有不必要的分心的極簡主義生活。 他通過擺脫側邊欄來想像這種生活方式。

他的博客和社區 No Sidebar 在過去幾年呈指數級增長。 Brian 和他的團隊啟發了極簡主義的生活方式以及新一代的無邊欄博主。 他繼續創建自己的 No-Sidebar WordPress 模板,任何想要創建一個沒有側邊欄的實用且美觀的博客的人都可以使用。

桌面場景中的 nosidebar 網站,桌上有玩具,附近有飛輪幸福工程師

No Sidebar 博客是如何沒有側邊欄的終極示例。 內容的兩邊幾乎什麼都沒有,甚至連社交媒體分享按鈕都沒有。 但並不是所有的博客都能如此極端,即使沒有側邊欄。

那麼,您如何設法擁有一個沒有側邊欄並且在頁面上包含重要信息的博客呢? 最好的例子之一是中型佈局。 在文章裡面,沒有真正的側邊欄; 只是一小部分用於鼓掌和分享。 許多決定不使用側邊欄的博客都有這樣的佈局:內容在中間,分享按鈕在旁邊。 有時他們有一點作者形象。

桌面場景,屏幕上有中等文章,沒有側邊欄,雜亂的桌面上有乾淨的設計

側邊欄、轉換和 A/B 測試

如果您仍然對保留或廢棄側邊欄持觀望態度,您可能會擔心點擊次數。 也許您的很多轉化都來自側邊欄上的優惠。 Video Fruit 的 Brian Harris 在他的網站上進行了 A/B 測試,看看有沒有側邊欄的點擊次數是否更多。 無側邊欄版本的結果是積極的。 他永遠擺脫了博客上的側邊欄。

來自 Crazy Egg 的 Neil Patel 是側邊欄的啦啦隊長,但只在他自己的 Neil Patel 博客中使用它。 Crazy Egg 博客沒有。 他可能一直在對側邊欄進行 A/B 測試。

A/B 測試是指您為網站內的兩個不同事物創建測試。 一些像 DIVI 這樣的 WordPress 主題可以讓你做到這一點。 對於其他主題,您可能需要查看後端以尋求解決方案。 Crazy Egg 的這篇文章可能會有所幫助。

結論

所以你怎麼看? 側邊欄正在走向滅亡? 我們不這麼認為,但確實越來越多的人會想方設法在自己的網站上擺脫它,而其他人會繼續在他們的網站上投放廣告。

關於您自己的網站或您客戶的網站的側邊欄選擇實際上取決於他們的視覺風格和品牌信息。 現在您已經查看了不同的選項,將來做出決定可能會更容易。