網站結構最佳做法

已發表: 2020-12-17

網站本質上是供人們使用的信息資源。 與書籍類似,它們的體積可能很小也可能很大。 但是,與書籍不同的是,網站的內容可以利用表達和設計自由的多種方式來構造。

同時,網站需要遵循最佳的行業用戶體驗做法以及用戶習慣和期望,因此自由度非常有限。 網站結構是目標受眾如何訪問和使用信息的關鍵。 因此,必鬚根據大量規則來構建它。

為什麼網站結構很重要?

網站的結構指的是網站的構建方式,網站中所有單個子頁面的鏈接方式以及遵循的層次結構。 良好的結構將使查找信息直觀且易於使用。

當設計師創建網站結構時,他們需要考慮訪問者將如何使用網站並瀏覽其內容。 重點是從什麼發布到如何和為什麼移動。

從三個主要角度來看,網站結構是一個基本概念:企業所有者的目標,從中受益的網站訪問者的體驗以及對正確的用戶進行爬網,排名和提供內容的搜索引擎。

良好的網站結構如何運作

當網站上的信息結構合理並得到相關設計的支持時,每個人都會感到高興–網站的所有者,用戶和搜索引擎。

以下是良好結構的工作原理:

支持企業主的目標並提高預期結果

投資網站時,應為網站的性能設定明確的目標。 這些目標必須通過網站的結構加以整合和表達。

例如,如果您要關注博客和發布的資源,則需要在首頁上包括最佳文章,並在菜單上突出顯示資源部分。 您可能還決定將主頁設置為在最新的博客文章中打開-這是典型的WordPress選項,供數字發布者和博客作者使用。

WordPress管理面板閱讀設置

WordPress管理面板,閱讀設置–選擇主頁作為靜態頁面和博客頁面

改善用戶體驗

網站結構密切影響網站的用戶體驗。 當信息以邏輯方式進行結構化並且所有內容都可以直觀地訪問時,用戶將在內容中無縫移動以查找和使用他們要查找的內容。

通過優化機器人爬網來增強您的SEO

搜索引擎(Google)使用可抓取網站內容並為用戶分類的工具進行操作。 易於抓取的網站結構良好,因此按引擎排名較高。

XX網站結構最佳做法

沒有對如何規劃網站和構建其結構的清晰認識,就不可能進行網站設計和開發。

在進行網站規劃時,以下良好實踐包括上述觀點和好處。

網站設計技巧:如何在網頁設計中提高您的遊戲水平

1.設定您的業務目標和目標受眾

您的網站是服務您的企業的工具。 計劃您將在其上發布哪些信息以及更新頻率是其網站結構的基礎。 您需要確定將在網站上展示和銷售的產品或服務。

根據您的目標和溝通目標,您可以選擇兩種基本方法:

  • 以用戶為中心的設計–所有信息都按其目標用戶組進行分類和組織。 對於像電信或機構這樣的大型公司,為數百萬用戶提供服務,用戶需要找到適合自己需求的類別和信息,這種方法是必須的。
企業部分

ATT.com直接在“個人”部分打開,但也有一個面向小型企業和企業的網站。 在此圖中–選擇了“企業”部分

閱讀更多:信息圖:如何開發以用戶為中心的WordPress概念

  • 以公司或產品為中心的設計–這些網站的構建以公司所有者本身和/或其產品為特色。 它們可能還包括針對特定用戶群體的板塊和頁面,但是品牌仍然是主要重點。
IMDB.com網站結構

IMDB.com網站結構專注於製作:電影,電視節目和名人

2.進行競爭對手研究

在設計您的網站時,有幾個原因可以研究競爭對手。 其中之一是檢查網站的結構。

當以站點結構為重點時,您可能需要研究競爭對手的主頁佈局,他們如何分組和提供服務,內部頁面的層次結構是什麼,導航的組織方式以及用戶行為流程是什麼。

從SEO角度來看,競爭對手的研究將幫助您找出哪些與行業相關的關鍵字用於您自己網站的首頁名稱和URL,類別,部分和導航。

如何利用競爭者研究來完善您的營銷策略

3.盤點所有內容

為了能夠組織內容,您需要首先描述您要在網站上發布的內容。 當您擁有所有東西時,只需將其歸類並選擇適當的標籤即可。

如果這是一個新網站,則可以列出需要在其上發布的內容。 不要忘記添加註釋,說明誰將負責內容的製作以及內容的創建和更新頻率。

重新設計網站時,審核內容也是第一步。

如何使用內容優先的方法進行網站重新設計

4.確定職位類型

帖子類型是一個術語,用於指代不同類型的WordPress網站內容。 每種帖子類型通常與不同的頁面設計,自定義字段和功能相關聯。

DevriX投資組合職位類型

DevriX正在使用Portfolio帖子類型為客戶發布案例研究

默認情況下,WordPress有兩種主要的帖子類型-Pages和Posts-來自CMS僅是博客平台時的情況,在該平台中,博客需要具有多個“靜態”頁面以獲取更永久的內容,而博客則需要包含新聞和更新。

無論您的網站目的是什麼,您都需要利用這兩種基本的帖子類型。 因此,在收集並描述了您想要並需要在網站上發布的所有內容之後,將其分為兩種類型:

  • 對於Pages –較為永久,保守或常綠的部分,其中的信息不會定期更改,例如您的工作,您的核心服務是什麼以及您從事業務的原因–大多數時間都不敏感。
  • 對於帖子–動態部分,例如新聞,博客帖子,白皮書,研究等,或包含當前信息並且將來會不斷產生的任何內容。

您可能會發現您需要更多的職位類型,例如“投資組合”,“推薦書”,“項目” 。 好消息是,有多個插件可以在WordPress上創建自定義帖子類型,並且某些主題包括各種各樣的主題。 此外,在更高版本中,WordPress啟用了自定義帖子類型的註冊。

完成所需的帖子類型選擇後,構建網站以包括它們將更加容易。

WordPress頁面與WordPress帖子,常識和SEO

5.創建買家旅程和用例

網站上的購買者旅程是用戶從首次訪問到在網站上購買產品或服務的過程。 網站結構應基於此購買過程,從而使用戶更容易找到所需的東西並進入下一階段。

轉換路徑:在您的網站上定義用戶旅程

用例是可用性的基本概念。 它們是訪客如何使用您的網站的書面說明。 為了描述每個用例,您必鬚根據用戶意圖列出一系列簡單步驟,並在達到目標時結束。

在確定站點結構時,您需要寫下所有目標組的用例。 這將使您對站點上的用戶行為有清晰的了解,以便其結構可以支持它。 這也是規劃站點功能的最佳方法。

MVP網站:所有您需要了解的信息和信息圖

6.進行主要關鍵字研究

建立網站後,您將可以根據需要添加盡可能多的內容。

但是,在規劃網站或重新設計網站的過程中,最重要的是要使用要排名的最重要和最相關的關鍵字來構建網站結構。

您要將服務稱為“產品”還是“解決方案”? 您是否需要在線商店中的“品牌”部分?

確保包括與您的工作相關的最受歡迎的術語。 使用在未來幾年內將成為您的SEO營銷策略核心的詞語。

有許多免費和付費工具,以及有關如何對網站進行主要關鍵字研究的教程。 明智地組合它們,並從最常識的選擇開始。

SEO完成權的關鍵字研究

7.利用分類法

分類法是用於對發佈內容進行分類的系統。 這是在發布的內容中添加標籤和描述性術語的策略。 分類法用於對相似類型的內容進行分組,並定義這些組之間的關係和相似性。

在WordPress中,分類法已添加到帖子類型中。 有分類,可以是分層的,還有標籤是獨立的標籤。 他們為帖子類型創建分類系統,使用戶可以更輕鬆地查找所需內容。

在DevriX網站上發布類別

在DevriX網站上發布類別

搜索引擎還使用分類法,因為它們有助於以相關方式對內容進行排序和排名。 在確定了要排名的關鍵字以及將使用它們的帖子類型之後,您只需簡單地將所選關鍵字添加為分類法(類別和標籤)。

使用WordPress,分類法不是必須的。 但是可以將它們添加到站點菜單,這就是為什麼它們與站點結構緊密相關的原因。 例如,DevriX博客的文章子菜單基於以下三個主要類別:商業,市場營銷和開發:

8.創建一個簡單而邏輯的導航

網站的結構主要通過菜單顯示在其設計中。 您的企業優先事項應在菜單結構中實現,並以最佳內容為特色。

菜單中包含的頁面和類別可以具有下屬,也可以平等地創建,而沒有層次結構。 每個級別上的鏈接數稱為菜單寬度,而級別數則稱為菜單深度。

關於菜單的寬度和深度,有一些簡單的規則可以遵循。

  • 不要使用很多水平類別–最多7-8;
  • 不要太深-從屬不應該下降超過3個級別
  • 保持對稱和平衡–如果一個部分中的子頁面太多,而另一部分中只有幾個子頁面,則整個結構可能是錯誤的。

一個典型的商業網站應該使用位於標準位置的簡單且可預測的導航。 在WordPress網站上,某些主題允許兩個或更多菜單位置,並可以為每個主題選擇不同的頁面和鏈接。 建議在網站的頁腳中添加菜單,並使側邊欄導航保持獨立。

WP編輯菜單

WordPress編輯菜單選項可能包括頁面,帖子,其他帖子類型,自定義鏈接,類別

9.確定網站的URL結構和永久鏈接

在設置中預定義了WordPress的URL結構。

完成關鍵字研究權,創建分類法並確定菜單層次結構後,可以很容易地確定永久鏈接。 您最重要的關鍵字和分類法需要輸入URL,以使其更適合SEO。

以下是WordPress網站上URL結構的一些好的做法:

  • 使用這樣的永久鏈接結構,將帖子名稱和域結合在一起,如下所示:https://yourwebsite.com/ post-name
  • 默認情況下,WordPress將為您的頁面和帖子創建一個永久鏈接,包括標題中的所有單詞。 但是,這些內容可能太長並且包含不重要的單詞,因此請對其進行編輯。
  • 為了使您的網頁在Google中排名最高,請確保永久鏈接的長度約為60個字符。
  • 盡可能通過保留標題中最重要的關鍵字來創建較短的URL,這也有助於搜索引擎為您的頁面編制索引。
  • 刪除所有的停用詞,如連詞和代詞。
  • 使用連字符將固定鏈接中的單詞分開,以幫助用戶和搜索引擎查看該頁面的內容。
WordPress永久鏈接設置

WordPress選項中的永久鏈接/ URL結構–帖子名稱類型通常是最優選的一種,因為它包含關鍵字

10.為網站添加站點地圖

您網站的站點地圖是一個文件,其中包含您網站的所有頁面和發布的媒體,並顯示它們之間的相互關係。 它可以將Google和其他搜索引擎作為您內容的路線圖,並幫助他們更快,更智能地對其進行爬網和分類。

該站點地圖不是必須的,但強烈建議使用它,尤其是對於復雜的站點。 該文件還需要自動生成和更新。

有許多工具可幫助您創建站點地圖並將其添加到WordPress站點,包括插件。 但是,使用最新版本的WordPress 5.5。 XML站點地圖是默認啟用的,用戶也可以看到它們。

如果您對網站的結構以及搜索引擎和用戶在瀏覽過程中看到的內容有疑問,請查看您的站點地圖。

ATT網站地圖頁面

ATT.com網站地圖–創建為內部頁面以匹配設計

規劃網站的層次結構

完成上述所有任務後,輕鬆快速地完成網站結構的定型。 當您做出最終選擇時,以下是一些通用的網站結構類型:

分層的網站意味著某些頁面從屬於其他頁面,其結構類似於一棵樹。 在典型的網站上,主頁位於頂部。 通過它,您導航到主菜單中的其他頁面,該頁面可能進一步包含子頁面。

非分層的網站結構意味著沒有從屬頁面。 當內容不多而只有幾頁時,可以將它們全部相等地創建並在主菜單中水平顯示。

妮卡代理商無階層網站

沒有等級的網站的示例– Nika Agency –即使該網站有一個“投資組合”部分,但項目頁面不是子頁面,例如https://nika.agency/ apothe-pure-details .html

單頁網站是無層次結構的另一個很好的例子。 沒有父/子頁面是因為所有內容都發佈在一頁上。 單頁設計是活動和促銷網站壽命短,預告頁面或需要類似名片的簡短表示的企業的理想解決方案。

GlobeKit單頁單服務網站

GlobeKit是一個提供單一服務的網站,使開發人員能夠快速將動畫和交互式地球儀帶入網絡。 它由6個部分組成,所有這些部分均位於主頁上,並帶有交互式動畫導航(滾動)。

網站結構的受歡迎程度較低,例如順序,矩陣和數據庫。 您可能已經從他們的名字中猜到了

  • 順序模型通過一系列步驟吸引用戶
  • 矩陣允許用戶選擇自己的方式來瀏覽網站內容
  • 數據庫建立在數據庫之上,並使用其屬性來搜索並產生用戶體驗。

最後的想法

商業網站的通用結構必須乾淨,簡單且合乎邏輯。 設計結構是網站設計和開發的基本過程。 遵循上述良好做法將有助於確保您考慮所有重要因素,以使網站的結構與業務目標和目標群體相關。