聲明:本文來自于微信公眾號 易觀數科(ID:enfodesk),作者:龔柏芃,授權轉載發布。
一些小的事物可以創造大的變化,網站導航欄就是一個很好的例子。導航的結構和標簽可能會對結果產生巨大影響,原因如下:
導航會影響流量:你的網站在搜索引擎中的排名高低會影響你從搜索中獲得的流量量的多少
導航會影響轉化:網站的易用性會影響訪問者轉化為潛在客戶的百分比
01讓導航欄具有描述性
“我們做什么”這五個字并沒有說明你具體到底做什么,“產品”、“服務”、“解決方案”這些詞其實也沒有。使用帶有關鍵詞的描述性導航更好,原因有二:
導航中的描述性標簽更適合搜索引擎:導航欄是與搜索引擎相關性很大的關鍵位置。由于導航欄出現在每個頁面上,因此描述性標簽會向搜索引擎(如谷歌、百度)展示您的網頁內容確實關乎該主題。
導航中的描述性標簽對訪問者有利:導航欄在視覺上突出顯示,因此它可以與訪問者進行即時互動。當導航欄列出i你的主要產品或服務時,訪問者一眼看就能知道你公司的主要業務,并確定他們在正確的網站中。
警告! 避免使用諸如“服務”之類的標簽。
沒有人會搜索“產品”或“服務”這樣的詞語,因此這些標簽對你的排名沒有幫助。
此外,如果你把所有的業務列在同一個網頁里,那它將永遠不會位于搜索結果的前列,這是因為它沒有專注于一個主題。其實你網站上的每個頁面都有機會在搜索結果中獲得高位次,只要它專注于某單一主題或關鍵短語。
這就是為什么你的網站架構(而不只是導航)是SEO的關鍵所在。在經過搜索優化的網站上,每個服務、每個產品、每個主題都會擁有一個頁面。總之,請避免創建籠統的“服務”主題頁面,除非你將其鏈接到經過搜索優化的具體服務的頁面上。
02避免以格式為標簽的導航欄
以“視頻”、“照片”、“白皮書”作為標簽的導航欄告訴訪問者內容的格式,卻沒有告訴訪問者主題。人們訪問網站的真正目的是尋找所需要的答案和信息,而不是單純的尋找“視頻”或“白皮書”。
指示格式的標簽不是描述性的,因此對訪問者不是很有幫助,這就是尼爾森諾曼集團的Aurora Bedford建議避免導航欄以格式為標簽的原因。
“對特定主題感興趣的用戶通常不在乎信息以何種格式傳遞給他們;他們只專注于找到可以解決他們所想到的問題的答案。”
——Aurora Bedford,尼爾森諾曼集團用戶體驗專家
03 避免使用下拉菜單
是的,下拉菜單很流行,但它不是一個好主意。避免使用下拉菜單有兩個好處:
對搜索引擎有利:由于編程式的原因,搜索引擎是很難下拉菜單的,因為這可能會導致一些問題。
對訪問者有利:可用性研究表明下拉菜單很煩人。原因如下:訪問者移動眼睛的速度比移動鼠標的速度快得多。當他們將鼠標移到菜單項時,他們可能能已經決定單擊,然后你給他們提供了更多選項,這會導致訪問者思維上的卡頓。
更重要的是,下拉菜單會導致訪問者跳過重要頁面,如果你使用下拉菜單,那就很容易在分析結果中看到此問題。
但是研究也表明,在可用性測試中,一種類型的下拉菜單表現良好——“大型下拉菜單”。此類下拉菜單提供了許多種選擇,使那一刻的思路阻力減弱。
如果你的網站很大,頁面很多而且產品或服務種類繁多,那么大型菜單可能是個好主意,雖然它們大大增加了首頁的鏈接數量。
04將菜單項的數量限制在七個以內
一些網站的主頁上有數百個鏈接,這是非常糟糕的。限制主導航中的鏈接數量是有好處的,原因有二,且這兩個原因與使用描述性標簽的兩個原因相同:
第一,導航欄中放較少的項目適合搜索引擎。
你的首頁在搜索引擎中擁有最高的“權限”,因為鏈接到你的首頁的網站比鏈接到你的內部頁面的網站要多,通過導航欄,該權限可以深入到更深的頁面。
如果你的首頁具有大量鏈接,這可能會稀釋傳遞到內部頁面的權限,這樣會降低你的內部頁面在搜索結果中處于靠前位次的可能性。
導航越簡潔,就越會有更多權限流到每個內部頁面,從而使你的內部頁面在搜索結果中可能有更高排名。
第二,導航中較少的項目對訪問者有利。
“短期記憶僅包含七個事物,上下浮動兩個。”這摘自喬治·米勒(George Miller)在 1956 年發表的著名心理學論文。
最近的研究表明,盡管大腦使用“分塊”作為改善短期記憶的回想方法,但短期記憶的數量取決于類別,對數字來說可能是七個,但對單詞來講可能只有五個。
無論如何,導航中的項目越多,對于訪客來說,記住和處理信息的難度就越大。在視覺上,八個比七個多很多,如果數量過多,訪客的眼睛可能會忽略掉重要信息。
將導航欄盡量分成五到七個項目,如果你需要使用七個以上的項目,請考慮將它們分成幾個組。
警告!避免長列表。
小技巧!每次從頁面上刪減菜單項(或任何其他元素)時,剩下的所有內容在視覺上都變得更加突出,重要內容更有可能被訪客看到并作出考慮。
做出艱難的決定需要一定的磨練,但相信你能行的,挑戰自己,將其減少到五個!
05網站導航的順序很重要
不僅導航欄中的項目的數量很重要,這些項目的順序也很重要。
在網站導航中,就像任何列表一樣,開頭和結尾的項目最有效,因為這是關注度和保留度最高的地方。上述現象叫序列位置效應,它與認知偏見結合在一起:
優先效果:更容易記住列表開頭的項目。
新近度效果:更容易記住列表末尾的項目(或剛剛發生的事情)。
因此,在導航開始或結束時放置的所有內容都會變得更加突出,我們應該將對我們的業務和訪客最重要的項目放在這些地方。
始終設法將最重要的東西放在視覺上最顯眼的地方,這符合網頁設計和內容營銷的核心原則:首先給訪問者他們想要的東西,然后他們就可能給你你想要的東西。
因此,你應當將最流行,重要的項目放在導航的開頭。如果不知道最重要的項目是什么,只要查看你的數據分析結果就行了。說到數據分析,我們繼續講后面的技巧。
06如何優化網站的導航
設計導航是開始,而不是結束。創建導航幾周后,你可以使用數據進行回顧并進行一些評估。
有兩種報告可以向你顯示訪問者最常使用的導航項。一種是行為報告中的導航摘要或頁內視圖,另一種是行為流/用戶流報告。
頁內分析功能在每個導航項旁邊顯示一個小的橙色框,指示從任何頁面訪問每個頁面的訪問者的百分比。由于某些原因,它不準確且具有誤導性。
如果此報告不適合你,則可以從主頁上查看導航摘要。頁面列表和頁面瀏覽量的百分比可以讓你很好地了解菜單上的內容。
人們點擊的另一種視圖是在“行為>行為流”報告中。該報告與“受眾群體>用戶流”報告相同。除非你要跟蹤事件,否則,這兩種報告是相同的。事件跟蹤已添加到行為流報告數據中。
無論哪種情況,報告都將如下所示:
通過這些報告,你可以了解訪問者正在使用哪些導航項以及哪些導航項未使用,從而進行導航欄優化。
以下是你可能根據這些報告中的分析做出的一些決策示例:
如果不是很重要,請刪除很少被點擊的項目
如果某些很少被點擊的項目很重要,則對它們進行重命名或重新貼標簽
將經常被點擊的項目移到開頭
警告!請記住,你的主頁可能不是許多訪問者的切入點,經過搜索優化的網站有許多入口點,許多(甚至大多數)訪問者都不會從首頁開始。
07移動設備上的網站導航
響應式網頁設計帶來了移動端導航欄最佳實踐和標準,可以用兩個詞來概括——“漢堡圖標”。
“漢堡圖標”是由三個短的水平線組成的圖標,代表一個菜單。但是它看起來有點像三明治,所以人們稱其為漢堡包圖標。它顯示在移動網站的右上角,單擊它會顯示導航菜單。
以下是一些移動導航示例:
在“漢堡圖標”旁添加“菜單”一詞可能會幫助訪問者找到這種隱藏導航。然而,尼爾森諾曼集團警告說,隱藏導航也可能會增加訪問者任務完成的時間。
專業技巧!對于移動訪問者,請確保電話號碼變成一個在點擊時會撥打電話的按鈕。在你網站上的移動版本電話號碼的href代碼中添加tel,這很簡單,該代碼應如下所示:
<ahref=”tel:773-348-4581″>(773)348.4581</a>
結語
我們希望這些技巧能為你的菜單提供新的思路和靈感。理想情況下,你可以在內容管理系統中快速實現你的想法。一個好的內容管理系統,可以讓你靈活地調整菜單的標簽和順序。
上述的每個規則都可能有例外,如果不確定是否應該進行更改,你可以請網絡策略專家一起評估分析結果。
如果你能讓導航既迎合“人類”訪客,也適合“機器人”搜索引擎,那么你的數據分析團隊將非常感謝你!
注:本系列分享均譯自 Andy Crestodina的《Website Navigation: 7 Best Practices, Design Tips and Warnings》,經譯者龔柏芃翻譯、整理而成。