改善 WordPress 網站導航的 8 種方法
已發表: 2018-10-25良好的用戶體驗是每個網站和博客都應該向其受眾提供的。 無論您使用 Web 開發平台還是 CMS(內容管理系統),您的網站都必須考慮到客戶旅程。 用戶如何在我的網站上找到特定頁面? 他們怎麼知道如何联系我? 我可以做些什麼來使瀏覽我的網站更容易? 這就是黃金問題! 我得到了答案:改進您的導航。
“如果你不讓網站訪問者容易找到,他們就不會轉化。 ” 這只是讓他們很難找到他們正在尋找的東西。 花在網站上的時間非常重要; 您不希望訪問者僅僅因為找不到他們想要的東西而反彈,他們覺得他們在浪費時間試圖找到它。
“改善您的網站導航是任何網站或博客的首要任務。 ” 如果您使用 WordPress,模板是優化導航的良好開端,但並非每個模板的設計都考慮到用戶,也不意味著您的頁面和內容易於導航。
此外,改善您網站的導航不僅對訪問者有好處,而且對 SEO(搜索引擎優化)也有好處。 讓我們從這些想法開始:
- 把事情簡單化
- 優化導航欄
- 包括聯繫信息
- 使用麵包屑
- 包括社交網絡按鈕
- 修復損壞的鏈接
- 添加站點地圖
- 針對移動設備進行優化
1.保持簡單

意思是您網站的設計。 保持設計簡單有助於解決多種因素。 不僅易於為用戶導航,而且還增加了獲得轉化的機會。 你不需要為了吸引訪問者而全力以赴,簡單更好。 “堅持現代現狀” - 不要試圖去做你自己未經測試的事情,因為現在工作的任何事情顯然都是有原因的。
簡單的設計還意味著用戶不必花費額外的時間來尋找他們正在尋找的東西。 如果您的網站沒有太多令人分心的東西並且不太混亂,那麼訪問者更有可能發現他們想要的東西。
2.優化導航欄
navbar(導航欄)對於訪問者查找感興趣的頁面至關重要。 如果沒有適當優化的導航欄,您可能會失去該訪問者,進而失去轉化。 這個導航欄顯然應該在每個網頁的首屏,但你也應該一直把它放在用戶面前。 考慮創建一個粘性導航欄,在用戶向下滾動並瀏覽各個頁面時跟隨他們。
不要對您的菜單項(導航欄中的頁面鏈接)感到太興奮。 同樣,您希望您的設計簡單易用,因此將菜單項限制在七個以下,以免使導航欄混亂。 訪問大多數網站,您可以看到他們將菜單項保持在七個或以下。 如果您確實需要更多菜單項,請使用大型菜單,而不是下拉菜單。
超級菜單非常適合顯示和鏈接到導航欄上某個類別下的各個頁面。 假設您有一個提供與服裝相關的產品的網站,您不會只想將“產品”用作菜單項然後讓訪問者點擊。 這太模糊了,甚至 Google 的搜索引擎也很難理解您在該類別下的所有頁面的位置。 相反,您可以使用菜單項“產品”,當訪問者將鼠標懸停在該項目上時,會彈出一個大型菜單,讓他們可以查看在不同子類別中的產品類別下關聯的所有不同類型的服裝。
嘗試適當地組織您的菜單項,並且不要讓具有大型菜單的類別菜單項可點擊,因為這可能會導致混亂。
3.包括聯繫信息
如果訪客需要聯繫您怎麼辦? 他們如何找到您的信息? 有幾種方法可以做到這一點,而 WordPress 讓它變得又好又簡單。

使用“聯繫我們”頁面。 讓訪問者與您交流的一種非常流行的方式是通過“聯繫我們”頁面。 此頁面應始終位於您的導航欄中或至少位於您的頁腳中。 這告訴訪問者您願意交流並希望收到他們的來信。 這是一個非常容易考慮和實施的重要導航因素,因為如果訪問者有任何問題或疑慮,您很可能希望他們與他們聯繫。
設計“聯繫我們”頁面的 11 種方法
您的網站是您的企業最重要的營銷和品牌推廣工具之一,因此投入時間和金錢使其美觀且易於使用是一項巨大的投資。 然而,所有...
考慮包括聯繫表格或活動電子郵件地址,例如“[電子郵件保護]”(或兩者兼有),以便用戶隨時輕鬆與您聯繫。 WordPress 有幾個用於創建聯繫表單的插件,其中一個非常流行的插件是 Contact Form 7。
向您的頁面添加實時聊天。 實時聊天允許任何訪問者在任何網頁上與您聯繫。 許多服務公司使用這種方法,它與聯繫我們頁面密切相關。 如果您真的希望訪問者與您聯繫並轉換,請盡快添加實時聊天! 在桌面和移動網站版本上放置實時聊天的重要區域包括屏幕的右下角或左下角。 不過,不要讓實時聊天按鈕與您的其他網站內容重疊。 是的,WordPress 也有一個插件。
4.使用麵包屑
麵包屑非常適合訪問者通過頁面找到返迴路徑,特別是如果您的網站上有很多內容。 但是麵包屑不僅僅是為了找到回去的路,它們也是為了告訴你你在哪裡。 如果您有大量頁面甚至少量頁面,麵包屑將引導訪問者了解他們如何到達那里以及如何回到原來的位置。
這對於大型網站來說特別好,因為它可能會讓您對您如何訪問當前所在的頁面感到困惑,因為它可能需要您點擊幾次頁面才能到達那裡。
5.包括社交網絡按鈕
希望用戶在社交媒體上找到您或分享您最近的帖子? 在您的網站上包含社交媒體按鈕。 社交媒體將您的品牌擴展到多個層面。 對於對您的內容感興趣的訪問者,這是他們與他人分享他們認為有用或有趣的內容的一種方式。 對於您的企業來說,這是一種幫助您傳播您的名字的方式。


訪問者將如何分享您的內容或在社交網絡上找到您? WordPress 有幾個插件來幫助社交網絡共享。 選擇最適合您的桌面和移動網站版本的版本。
6.修復損壞的鏈接
隨著時間的推移,網頁會變舊並且可能會出現錯誤。 網頁的平均壽命據說是 100 天。 牢記這一點,鏈接可能會隨著時間的推移而中斷。 無論該頁面是您的頁面還是您在某處超鏈接的其他網站,404 錯誤頁面對訪問者都沒有幫助。 事實上,他們讓他們想離開!
修復損壞的鏈接。 大型網站尤其容易出現這種情況,因為您可能擁有如此多的頁面和如此多的鏈接,以至於您沒有時間定期單獨檢查每個頁面以確保它們正常工作。 為了讓您更簡單,WordPress 有多個插件來檢查您的頁面、帖子、評論、目錄等中的損壞鏈接,但我建議使用 Broken Link Checker,因為它是用於此目的的頂級插件之一。
7.添加站點地圖
站點地圖是您網站上所有 URL 的列表。 每個頁面和帖子都有自己的站點地圖 URL。 將站點地圖添加到您的網站意味著兩件事:
- 用戶將能夠看到他們面前的每個鏈接,並選擇他們想要點擊的鏈接。
- 谷歌將能夠以比等待添加更快的方式將您添加到 SERP(搜索引擎結果頁面),並希望谷歌能夠索引和排名您的所有頁面。
注意:並非每個網站都為其訪問者使用站點地圖,但如果您想為訪問者添加額外的用戶體驗,則可以使用。 檢查你的競爭對手在做什麼。
您希望在網站上使用的站點地圖是您希望在頁腳中出現的基本 HTML 索引,因為它不是最重要的,但可能對某些訪問者有用。 它看起來像 USPS About 站點地圖。 同樣,這允許訪問者查看您網站上每個頁面/帖子的每個鏈接,如果他們想查看您網站的整體視圖,這可能會很有用。
您可以將相同的站點地圖上傳到 Google Search Console 以進行 SEO,但建議使用 XML 文件。 HTML 站點地圖更適合用戶使用,Google 可能無法在您的網站上找到所有相關的頁面、帖子和附件,例如圖像或視頻。
8. 優化移動端

前面所述的所有內容也可以對您的移動網站版本有所幫助,但是對於移動網站,您應該考慮一些不會對桌面訪問者產生同樣影響的事情。
截至 2017 年第一季度,全球 49.7% 的網頁瀏覽量使用移動設備。 這意味著您絕對應該為踢屁股移動佈局做好準備。
如何使您的 WordPress 網站對移動設備友好
對移動設備友好的 WordPress 網站已成為新常態,這已不是什麼秘密,但儘管它們看起來很普遍,但創建一個美觀、響應迅速的網站仍然需要一些工作。 本指南...
確保您在桌面網站版本上擁有的所有內容都適合移動版本。 根據預算和最適合您的整體需求,選擇創建響應式或自適應移動版本。
有些事情需要與您的桌面站點不同。 由於移動設備的屏幕通常要窄得多,因此您的導航將不一樣。 例如,您需要優化導航欄。 您需要一個移動菜單,而不是列出您的菜單項。
這可以顯示為屏幕右上角或左上角的“漢堡”菜單圖標。 漢堡菜單圖標是三個相互堆疊的水平線,是暗示“單擊此處獲取菜單”的最佳方式,而不是使用始終顯示導航欄的桌面技術。 (這將消除所有菜單項的混亂,直到用戶想要查看它)。 如果您在下面或這些行中添加文本“菜單”,您將為您的移動訪問者提供額外的幫助,因為有些人可能不知道圖標的含義。
這種技術變得越來越流行,並且已經被猜測了一段時間。 但是,只要您清楚地表明三個堆疊的行是用於菜單項的,那麼它將證明對您的訪問者非常有用。
結論
“為您的 WordPress 網站使用任何或所有這些技術,您將幫助您自己和您的訪問者! ” 沒有人想通過跨越式障礙到達終點,所以讓它變得簡單並優化您的導航以獲得更好的用戶體驗。
