你的網站有好的導覽列頻道嗎?五大重點教你設計導覽列頻道

導覽列頻道seo

當你架設好自己的網站後,導覽列也設計好的同時,但卻不知道該怎麼規劃導覽列內的頻道該怎麼辦?究竟導覽列中的選單頻道該如何安排,該注意的重點有哪些,好的導覽列頻道設計對我的網站又會帶來怎樣的加分效果,若不知道該怎麼開始的話有沒有好的範例可以供我參考呢?以上問題通通不用不用擔心!今天就讓我們以SEO的角度出發來看看網站導覽列內頻道規劃的重要性吧!

什麼是網站導覽列(Navigation bar)

網站導覽列(navigation bar)其實就像是一個網站的導覽地圖,由於它實際上只是一個鏈接列表,旨在將使用者導向他想去的目標頁面,所以它就像是路標一樣,使用超連結將連接到網站內的其他頁面。同時告訴你透過點擊導覽列上的各個項目將會將你帶往哪個網頁。

導覽列示意圖

(導覽列位置示意圖,以PChome網站為例)

導覽列中的選單頻道(Menu)又是什麼

頻道(Menu)是導覽列下更詳細的分類主題,你可以把它當成是子選單,可以藉由導覽列下各種不同的頻道更加了解整個網站是由哪些小分類所組成。比起導覽列,頻道的分類會更加精細,也能使你的網站地圖更加詳細且完整。

導覽列內頻道示意圖

(導覽列頻道位置示意圖,以PChome網站為例)

導覽列內頻道規劃對於SEO的重要性

在理解什麼是導覽列以及導覽列中的頻道後,我們能了解導覽列其實不是一個複雜的概念,但千萬不能因為簡單而忽略了它的重要性,事實上,它是你網站設計中最重要的要素之一。因此當我們進入到下一步—規劃網站SEO時,導覽列內頻道的規劃所扮演的重要性為何呢?主要可以分為以下三點,讓我們繼續看下去:

?使用者體驗

首先當使用者進入到一個網站時,往往都是透過導覽列的分類來了解這一個網站頁面有哪些。例如當我們進入到電商平台後,龐大的商品品項常讓我們不知道該從何逛起,這時候藉由導覽列上的商品分類就能讓我們透過分類找到自己想要的產品。簡而言之,好的導覽列設計以及導覽列頻道的安排可以帶給使用者更好的體驗,幫助使用者更方便的到達他想要去的目標頁面,同時也能因為讓使用者快速且便利的找到他們想要的資訊,進而降低網站的跳出率。

?內部連結之串聯

如果你在網站上提供架構良好的導覽列以及頻道規劃,同時提供豐富且相關的內容的話,便能夠加強網站內部連結之串聯,進而增加使用者的點擊率,也能減少孤兒頁面的產生,增加搜尋引擎爬取與索引你的網頁。

?增加關鍵字曝光

導覽列以及頻道子分類名稱也有大學問,倘若今天你能在導覽列&頻道的名稱中適時的置入你想要操作的關鍵字,就能透過使用者的點擊與瀏覽增加目標關鍵字以及相關長尾關鍵字的曝光及流量,有助於提升關鍵字在搜尋結果中的排名。

如何優化你的導覽列頻道

在了解導覽列頻道對網站SEO的重要性後,緊接著就要針對自家網站的導覽列內頻道來個大改造啦!接下來就提供給你如何優化自己網站的導覽列內頻道的五大注意要點:

確認你的網站結構及頻道分類

在開始替自己的網站編寫內容之前,第一步驟務必要規劃好你的網站結構和頻道分類。頻道規劃是為網頁的訪問者提供滿意導航過程的重要組成部分,因此你要先清楚自己整個網站的經營主題,接著針對該主題去延伸做更細部的分類。在這裡提供一個好用的小工具—GlooMaps,你可以透過使用這個站點地圖創建器來幫助你快速創建網站的架構及頻道分類。

導覽列設計工具-GlooMaps使用範例圖

(GlooMaps使用範例圖)

避免過於複雜的導覽列頻道設計

由於導覽列與其頻道存在的最主要目的為增加使用者對你網站內容大綱的理解以及在瀏覽網站內容的方便度,因此簡單明瞭的設計絕對會是比較好的選擇。如果你為了嘗試各種不同的設計方式進而讓整體頻道的呈現過於複雜化(例如在網站上找不到導覽列的圖示,或是特效過多導致導覽列&頻道難以載入及點擊),那麼許多使用者既無法理解你設計的目的,也會因為難以操作的介面而離開你的網站。

頻道關鍵字的挑選

誠如前面有提到的增加關鍵字之曝光,在你為頻道名稱所命名時,比起使用自己自創&獨特的句子,使用更接近一般用戶常使用、搜索的字詞更能增加別人搜尋到的網站的機會。透過關鍵字的研究,去了解你的目標客群大多使用哪些關鍵字搜尋相關內容,再進一步將這些關鍵字放入自己的頻道名稱中,便能讓用戶在搜尋引擎上找到你有包含這些關鍵字的網站,並且連結到這些相關的頁面。

扁平化你的導覽列頻道結構

如果你想讓訪問者盡可能輕鬆地瀏覽你網站的所有頁面,網站結構的扁平化就顯得十分重要。扁平化的結構將網站的頁面能盡可能的讓爬蟲發現你的網站,不需要一個層級一個層級的深入挖掘。頻道規劃的太細太深的話構,不僅用戶需要更長時間才能找到他們正在尋找的內容,爬蟲也會花費更長的時間來找到你的內容,就會讓搜尋引擎很難去進行爬取,進而影響到爬取預算,也會對收錄造成一定影響。由此可見扁平化結構對 SEO 有積極影響,所以不要讓你的網站結構變得太亂!

使用響應式設計

根據Google的統計,將近60%的人們使用手機瀏覽網站。若沒有重視手機上的網站呈現效果,可能會流失相當多的客群。因此透過響應式的設計,可以讓使用者在透過行動裝置瀏覽你的網站時確保導覽列可以配合裝置大小調整顯示效果,就不會因為展開的選單超出框架難以點選瀏覽,進而增進使用者的體驗。

 

好的導覽列頻道範例介紹

 

momo購物網

momo購物網導覽列頻道示意圖

(momo購物網導覽列頻道示意圖)

為大型店商代表之一的momo購物網的導覽列設計有著清楚的商品分類,頻道頁的安排也根據導覽列的分類再拆分出更詳細的類別。同時他們也加入了品牌導向的頻道頁,增加網站與不同商品品牌的相關度,讓使用者在搜尋該品牌產品時,除了出現該品牌官網外,也有機會出現momo的網站。將導覽列安排在頁面左側且頻道選項右展開,視覺與操作上也十分便利。

綠藤生機

綠藤生機導覽列頻道示意圖

(綠藤生機導覽列頻道示意圖)

綠藤生機考慮到使用者的搜尋意圖,根據保養部位、膚質、保養需求等不同類別安排了不一樣的頻道頁主題,讓使用者無論是搜尋保養產品品項、肌膚問題、產品功效等相關關鍵字時,都有機會搜尋到該網站之產品,增加網站的曝光及流量。

特力家購物網

特力家導覽列頻道示意圖

(特力家導覽列頻道示意圖)

身為台灣居家生活用品企業一大代表之一—特力集團下的線上購物網站,其導覽列設計與前面所介紹到的momo購物類似,同樣在導覽列設計有著清楚的商品主題,頻道頁的安排上除了更詳細的商品類別,也一樣加入了品牌導向的頻道頁,加強與商品品牌關鍵字的相關度。

結語 – 導覽列頻道規劃簡單中隱含著SEO大學問

作為一個網站的導覽地圖,網站導覽列內頻道規劃應始終著重於簡單、清晰的安排,而不是糾結於強烈的色彩和創意設計。並且需要同時考慮行動板用戶以及桌機板用戶,讓使用者在瀏覽你的網站時更加便利,而不是點入後發現難以操作便離開。

最重要的是,透過適當的在頻道頁中放入合適的關鍵字,可以讓使用者在搜尋相關關鍵字時首先看到你的網站,替你的網站帶來曝光及流量,進而提升你的網站排名。因此,持續優化你網站的導覽列頻道絕對能替網站SEO帶來極大的加分效果,可千萬別忽略了囉!

最後,若想要進一步了解更多有關網站導覽列頻道設計與規劃,也可以參考 awoo SEO 人工智慧解決方案,歡迎立即諮詢,將有 awoo 專業顧問為您服務。

立即聯絡阿物

延伸閱讀:【Google Search Console 完整教學】報表應用技巧、安裝驗證方式全收錄

延伸閱讀:SEO 大進化!從 E-A-T 原則檢視你的網站體質