什麼是側邊欄？什麼網站需要側邊欄？

當您考慮典型網站設計的布局時，您很有可能在主要內容區域的右側或左側包含一列重要連結或訊息。這個元素被稱為「側邊欄」，在網絡上非常流行。但是，要使您的功能有效，了解此功能的工作原理至關重要。並非所有網站都需要側邊欄，有些設計沒有側邊欄會好得多。

什麼是側邊欄？

簡而言之，側邊欄是放置在網頁主要內容區域右側或左側的一列。它們通常用於為用戶顯示各種類型的補充訊息，例如：關鍵頁面的導航連結；產品或服務的廣告；電子郵件註冊表單；熱門或相關帖文；社群媒體連結。

網絡上十個最受歡迎的網站中有八個使用某種形狀或形式的側邊欄。將側邊欄納入網站設計的主要優勢在於，當用戶瀏覽您的網站時，它仍然可見。這使您能夠隨時提供關鍵訊息和功能。這就是為什麼側邊欄通常包含行動呼籲 (CTA)元素，例如電子郵件訂閱表單和廣告。

可以從使用側邊欄中受益的網站

您可以在幾乎任何類型的網站上包含側邊欄。但是，它們在用戶可以從額外指導中受益的幾種不同情況下特別有用。這裡有兩個我們覺得值得一提的。

1. 內容豐富的網站

部落格、新聞網站、線上雜誌和其他內容豐富的網站包含一個相當廣泛的類別。然而，他們都有一個共同點，那就是他們一直通過發表更多的文章來生存。

您擁有的內容越多，瀏覽您的網站就越複雜。在這種情況下，您可以將側邊欄用於：

包括指向社群媒體或共享按鈕的連結

在用戶不會錯過的地方顯示您的電子郵件註冊表單

顯示相關文章和頁面的連結

展示您最受歡迎的內容

添加易於查找的搜索欄

側邊欄可以幫助用戶在他們可能會錯過的地方找到參與機會，鼓勵訂閱並因此返回訪問者，並改進導航以讓讀者在您的網站上停留更長時間。所有這些結果都有益於您的網站，並可以增加您從中產生的任何收入。

2. 網上商店

網站並不比線上商店複雜得多。您的電子商務網站提供的產品越多，它將包含的頁面就越多。這使得側邊欄對於包含以下元素更有用：

相關產品和購買記錄

添加到購物車按鈕

買家評論和評分

您正在投放的特價或促銷廣告

購物車視圖，以便客戶可以跟蹤他們的運行總數

側邊欄如何適應行動優先？

最近側邊欄還是受到了抨擊，反對它們的最有力的論據是它們不能很好地轉化為行動裝置。由於智慧型手機和平板電腦的屏幕空間有限，將超過三分之一的頁面用於次要內容是不切實際的。

相反，在較小的設備上，此訊息通常行動到頁面底部，在那裡不太可能被找到。考慮到行動流量現在占全球網際網路使用量的51%以上，這是網頁設計的一個重要問題。

作為回應，一些網站選擇根本不使用側邊欄。雖然這是有道理的，但這也意味著這些網站無法利用這種布局提供的好處。如果您經營內容豐富的部落格或電子商務商店，這可能會成為一個真正的問題。

處理此問題的一種選擇是在行動裝置上隱藏您的側邊欄。這將使桌面用戶能夠查看您的次要內容，同時保持您的網站在智慧型手機和平板電腦上可讀。

另一種解決方案是在較小的設備上僅隱藏您的一些補充內容。例如，如果您的標題中有社群按鈕，您可以將它們從行動側邊欄中刪除以避免重複。

或者，您可以為您的行動網站使用可摺疊的側邊欄。然後用戶可以根據需要選擇查看或隱藏它：

最後，總有一個選項可以讓你的側邊欄保持完整並使其響應，以便它縮小以適應較小的屏幕。哪種路線最適合您的網站取決於側邊欄包含的內容類型以及整個網站的目標。

總結

雖然您希望您的主要內容成為焦點，但您網站的用戶還需要很多其他訊息。通過側邊欄，您可以在整個頁面中顯示關鍵元素，例如指向關鍵區域的連結、電子郵件註冊表單等。在行動優先瀏覽方面，側邊欄可能有其缺點，但它們不會很快消失。相反，我們必須重新想像我們處理他們設計的方式。