們經常在檢測網站加載速度的過程中，遇到了以下問題：從樣式表中刪除無效規則，并延遲不用于首屏內容的CSS加載，以減少網絡活動消耗的不必要字節。

盡管看起來CSS文件的大小只有幾KB甚至沒有1 MB，但不要僅僅因為文件大小而感到困惑。所有這些事情加起來可能會使您的網站變慢，因此建議從樣式表中刪除未使用的CSS和無效規則，使樣式表文件更精簡，最小化并完善它，以便在速度較慢的連接上更快地加載。速度更快的網站更有可能獲得更高的排名，因此，您應該非常非常認真地考慮網站的加載時間。

什么是未使用的CSS規則？

未使用的CSS或“無效規則”不過是未在您的網頁上使用的CSS代碼。如果刪除此代碼，它將使CSS文件更精簡，更輕便，并在某種程度上幫助縮短頁面的加載時間。

讓我們舉一個例子來理解這一點。

假設您的樣式表中包含以下CSS代碼

.red_highlight_box {
  padding: 10px;
  background-color: black;
  color: white;
  cursor: pointer;
  max-width: 85%;
  margin: 0 auto;
  border-bottom: 2px solid white;
  //border-radius: 10px;
  font-family: 'Secular One', Arial, Helvetica, sans-serif; 
}

上面的代碼用于類名“ red_highlight_box”。您可能不會在網站的主題中使用此類，并且網站上任何現有的頁面也不會使用該類。

在這種情況下，上面的代碼是未使用的CSS或無效規則或“膨脹代碼”。它什么也沒做，只是減慢了網站速度，您絕對應該考慮一勞永逸地將其從樣式表文件中刪除。

請注意

注釋掉未使用的CSS與完全刪除它是不同的。當您注釋掉未使用的CSS代碼時，該代碼仍然存在，并增加了文件大小。未使用的css清理的目標是減小CSS文件的文件大小，以便更快地加載，呈現在用戶瀏覽器中。因此，不建議注釋掉不必要的CSS代碼，您應該從CSS文件中永久刪除多余的代碼。

想象一下，如果您從網站的每個頁面調用了5個樣式表，并且這些樣式表中的每一個都充滿了無效規則和代碼，而這些規則和代碼根本沒有在您網站的HTML中使用。如果您使用廉價的模板網站，這是很正常的，因為CSS包含主題“可能”需要的所有內容。HTML模板的開發人員已經考慮了所有可能性，小部件，部分，字體，樣式，背景色，因此編寫了滿足所有可能性的代碼。

但實際上，您不會使用所有可能性。實踐表明，在CSS文件中使用的所有可能性中，您將使用的可能性不到30％，因此，樣式表中會有很多未使用的CSS規則，這將不必要地增加網站頁面的加載時間。

使用Unused-CSS.Com從StyleSheets中刪除未使用的CSS

有許多工具可用于合并CSS文件，最小化它們或從樣式表中刪除無效規則。但我強烈建議您使用Unused-Css.Com。實際上，它是我們刪除多余CSS代碼的唯一工具，而且至今還沒有任何差錯。我們已經在多個網站上對其進行了測試，并且得到的輸出CSS文件從未出錯過。

我們也嘗試過Purify CSS，但是對于包含許多CSS代碼的較大站點，輸出的CSS文件是不正確的。一些CSS代碼會從輸出文件中刪除，這些代碼正在其他頁面上使用。

進行此過程的最佳方法是不要從網站的樣式表文件中手動刪除未使用的CSS。因為，當您手動進行操作時，總是存在人為錯誤的可能性。手動檢查每個類并查找在哪個頁面或場景中使用它們也是非常費力。因此，我們就不要考慮手動刪除多余的CSS代碼了。

您需要一個在線工具，該工具將對整個網站進行爬網，考慮所有頁面并僅提取每個頁面中使用的CSS。一旦在整個站點的每個頁面上提取了可用的CSS，它將對其進行組合，并為您提供最終的輸出文件，即干凈的CSS-避免腫的代碼或無效規則。

這是您的操作方式。

1. 在Unused-css.com上注冊一個免費帳戶。這項免費計劃可讓您僅清潔一個網站（最多100頁）的CSS。
2. 添加您的網站并設置掃描。他們的抓取工具將抓取您的整個網站和所有頁面，因此請確保您的robots.txt或其他腳本不會以任何方式阻止抓取工具。
3. 當他們的抓取工具完成對所有網站的抓取并優化了整個網站中使用的所有CSS文件后，您很快就會收到一封電子郵件。不用擔心，所有這些文件都不會合并在一起，您可以根據自己的需要有選擇地下載每個優化的CSS文件，然后決定將其與另一個文件合并。
4. 登錄到您的未使用CSS帳戶，選擇項目，您將在左側欄中看到所有CSS文件。首先，在左側邊欄中，選擇網站主題或HTML模板正在使用的CSS文件（該文件應位于左側邊欄底部的下方）。接下來，單擊“下載CSS”，您將獲得縮小的CSS文件，其中沒有腫的代碼或未使用的代碼。
5. 將此新的CSS文件上傳到您網站的主題目錄中。請勿刪除原始CSS文件，而是上傳此新CSS文件，然后從您的網站頭部調用新的優化CSS文件。完成后，轉到Google頁面速度分析，然后再次運行診斷。在您的網站上使用隨機頁面，因為Unused-CSS.com掃描了整個網站并將所有正在使用的CSS類合并到一個文件中，所以完全沒問題。您應該會看到警告– 刪除未使用的CSS并從樣式表中刪除無效規則，這些內容不再顯示在Google頁面速度分析的“機會”部分下。

當然，您不必使用付費工具即可完成此操作。您可以使用Chrome開發人員工具并手動完成操作，也可以推遲未使用的CSS。

如果我的網站的主題更新怎么辦？我是否必須再次刪除未使用的CSS？

是的，如果您使用免費的模板，則必須一次又一次地執行此操作。這是因為當您的主題收到新的更新時，它將覆蓋您的style.css文件中的代碼。

這樣，當主題有新更新時，它將不會覆蓋沒有膨脹代碼的優化CSS文件。

我們的建議是不要使用免費的模板。推薦您使用定制網站，這樣您就知道所有內容如何適合以及從哪個部分調用了哪些文件。

的網站需要有一個明確的結構，因為如果沒有它，它就只是頁面和博客文章的隨機集合。你的目標用戶需要此結構來在你的網站上瀏覽，從一個頁面單擊到另一頁面。百度還使用你網站的結構來確定哪些內容重要，哪些內容不太相關。網站結構終極指南告訴你需要了解的有關網站結構的所有信息。

什么是網站結構，它為什么很重要？

網站結構是指組織和安排網站的頁面和內容。它定義了站點內的信息層次結構，并充當搜索引擎爬蟲的路線圖。結構良好的網站有助于爬蟲抓取網站內容，并幫助百度、Google等搜索引擎理解并有效索引你的網站內容。反過來，這可以使用戶更輕松地查找和瀏覽內容，從而提高網站的粘性。最終，良好的網站結構有助于實現更高的排名、更多的流量和更好的轉化率。

對可用性的重要性

你網站的結構會顯著影響用戶的體驗(UX)。如果用戶無法找到他們正在尋找的產品和信息，他們就不太可能成為常客或客戶。換句話說，你應該幫助他們瀏覽你的網站。良好的網站結構可以更好地幫助用戶使用你的網站。

導航應該很容易。你需要對你的文章和產品進行分類和鏈接，以便輕松找到它們。新用戶應該能夠立即掌握你所寫或銷售的內容。

網站結構對SEO的重要性

可靠的網站結構可以極大地提高網站在搜索引擎中的排名。造成這種情況的主要原因有以下三個：

1.它可以幫助百度“理解”你的網站

你構建網站的方式將為百度提供重要線索，告訴它在網站上哪里可以找到最有價值的內容。它可以幫助搜索引擎了解你網站的主要內容或你銷售的產品。良好的網站結構還使搜索引擎能夠快速查找內容并建立索引。因此，良好的網站結構會讓網站在百度中獲得更高的排名。

2.它能防止你與自己競爭

在你的網站上，你可能有非常相似的文章。例如，如果你寫了很多有關SEO的文章，你可能會有多篇有關網站結構的文章，每個文章涵蓋不同的方面。因此，百度將無法判斷哪些頁面是最重要的，因此你將與你的內容競爭高排名。你應該讓百度知道你認為哪個頁面最重要。你需要一個良好的內部鏈接和分類結構來做到這一點，因此所有這些頁面都可以為你服務，而不是阻礙你的文章有更好的排名。

3.它處理你網站上的更改

你在網站中銷售的產品可能會不斷迭代。你所寫的內容也是如此。當舊庫存售完時，你可能會添加新的產品鏈接。或者你寫的新文章使舊文章變得多余。你不希望百度顯示過時的產品或已刪除的文章，因此你需要處理網站結構中的此類變化。

如何設置網站的結構

那么，如何構建友好的網站結構呢？首先，我們將了解理想的網站結構，然后解釋如何為你的網站實現這一目標。

什么是理想的網站結構？

讓我們首先看看一個理想的情況：如果你從頭開始，你應該如何組織你的網站？思途文成認為一個組織良好的網站看起來就像一個有多個層次的金字塔：

主頁

欄目（或頻道）

子欄目

單獨的頁面和文章

主頁應該位于頂部。然后，下面有一些頻道或欄目頁面。你應該能夠將你的內容歸檔到這些欄目之一。如果你的網站較大，你可以將這些頻道或欄目劃分為子欄目。在你的欄目或子欄目下方是你的獨立頁面和文章。

理想的網站結構

理想的網站結構看起來像金字塔。在頂部，你將找到主頁，在正下方是主要部分或類別，后面可能還有子類別。在地面上，你會找到所有單獨的帖子和頁面。

你的主頁

金字塔的頂部是主頁。你的主頁應該充當用戶的導航中心。這意味著，除其他外，你應該從主頁鏈接到最重要的頁面。通過這么做：

你的訪問者更有可能最終到達你希望他們最終到達的頁面；

你向百度表明這些頁面很重要。

在本文的后面，我們將幫助你確定哪些頁面對你的業務至關重要。

注意不要從主頁鏈接太多頁面，這會造成混亂。雜亂的主頁無法引導訪問者到任何地方。如果你想進一步優化你的主頁，你可以做很多其他的事情。

導航

除了擁有結構良好的主頁之外，在網站上創建清晰的導航路徑也很重要。你的網站導航由兩個主要元素組成：菜單和面包屑。

菜單

首先，我們來看看菜單。網站菜單是網站上最常見的導航輔助工具，你希望充分利用它。用戶使用你的菜單在你的網站上查找內容。它可以幫助他們了解你網站的結構。這就是為什么你網站上的主要欄目都應該在主頁菜單中占有一席之地。

此外，并不總是需要將所有內容都放在一個菜單中。如果你的網站很大，有很多欄目，這可能會使你的網站變得混亂，并使你的主菜單無法很好地反映網站的其余部分。在有意義的情況下，創建第二個菜單是完全可以的。

例如，JD在頁面頂部有一個菜單（也稱為頂欄菜單），除此之外還有一個主菜單。此頂部欄菜單鏈接到商店中不屬于類別的重要頁面，例如與網站上訪問者賬戶相關的頁面。主菜單反映了JD上最重要的產品類別。

JD的頂部菜單有指向網站各個部分的鏈接以及一個大搜索框

JD有多種方式從主頁開始導航

最后，就像在主頁上一樣，你不應該在菜單中添加太多鏈接。如果你這樣做，它們對于你的用戶和搜索引擎來說將變得不那么有價值。

面包屑路徑

向頁面添加面包屑可以使網站的結構更加清晰。面包屑是可點擊的鏈接，通常位于頁面或文章的頂部。面包屑反映了你網站的結構。它們幫助用戶確定他們在你網站上的位置。它們可以改善你網站的用戶體驗和SEO。

分類法

WordPress使用所謂的分類法對內容進行分組；其他很多CMS也有類似的系統。“分類法”指的是一組具有共同點的事物（在本例中為網站頁面）。這很方便，因為尋找有關同一主題的更多信息的人們可以更輕松地找到類似的文章。你可以通過不同的方式對內容進行分組。像WordPress中的默認分類法是欄目和標簽。

欄目

你應該將網站的文章或產品分為幾個欄目。如果這些欄目變得太大，你應該將這些欄目劃分為子欄目。例如，如果你有一家服裝店并銷售鞋子，在鞋子欄目中，則可以將此欄目分為子欄目：“靴子”、“高跟鞋”和“平底鞋”。這些子欄目包含該特定類型的產品。

添加此層次結構并對頁面進行分類可以幫助你的用戶和百度理解你編寫的每個頁面。實施欄目結構時，將主要欄目添加到網站的菜單中。

標簽

你的網站結構也將受益于添加標簽。欄目和標簽之間的區別主要在于結構。欄目是分層的：你可以有子欄目，甚至可以有三級欄目。然而，標簽沒有這種層次結構。標簽上寫著：“嘿，這篇文章或產品有一個可能會讓訪問者感興趣的特性。”可以這樣想：欄目是網站的目錄，標簽是索引。上述服裝店的標簽可以是一個品牌，例如七匹狼。

網站盡量不要創建太多標簽。如果你向每篇文章添加新的唯一標簽，那么你就沒有構建任何東西。確保每個標簽至少使用兩次以上，并且你的標簽將真正屬于一起的文章分組。

確保用戶可以在某個地方使用你的標簽，最好是在文章底部或側邊欄中。百度并不是唯一喜歡標簽的公司：它們對于想要閱讀有關同一主題的更多信息的用戶很有用。

上下文內部鏈接

網站結構就是對網站上的內容進行分組和鏈接。到目前為止，我們主要討論所謂的分類鏈接：主頁、導航和分類上的鏈接。另一方面，上下文鏈接是頁面中引用網站內其他頁面的內部鏈接。對于上下文鏈接，你鏈接到的頁面應該與閱讀當前頁面的用戶相關，可以讓用戶了解更多信息。

你最重要的頁面通常與你網站上的多個頁面非常相關，因此你將最常鏈接到它們。請記住，不僅你鏈接到的頁面相關，鏈接的上下文也很重要。

百度使用你鏈接的上下文來收集有關你鏈接到的頁面的信息。它始終使用錨文本（或鏈接文本）來了解你鏈接到的頁面的內容。但錨文本并不是百度關注的唯一內容。如今，它還考慮鏈接周圍的內容來收集額外信息。百度在識別相關關鍵詞和概念方面變得越來越出色。添加來自有意義的上下文的鏈接可以讓百度正確評估你的網頁并對其進行排名。

下面的比喻可能會幫助你理解這個原理：

想象一下你正在查看一個省或中國的地圖。你可能會看到許多小鎮和一些大城市。所有城鎮都將以某種方式相互連接。你會注意到小城鎮通常有通往大城市的道路。這些城市是你的基石，接收最多的鏈接。小鎮是你關于更具體主題的文章。一些道路（鏈接）通向這些較小的城鎮，但不如大城市那么多。

電商網站的上下文鏈接機會

上下文內部鏈接在電商網站中的工作方式有所不同，很少甚至沒有專門用于提供信息的頁面。你不會在產品頁面上探索特定主題：你正在銷售產品。因此，在產品頁面上，你最希望的是讓人們留在頁面上并說服他們購買產品。因此，上下文鏈接在這種情況下不那么突出。通常，你不應在產品描述中添加上下文鏈接，因為這可能會導致用戶關閉頁面。

有幾種有意義的方法可以為你的電商網站SEO添加上下文鏈接到產品頁面：

從產品欄目頁面到各個產品的鏈接

“相關類目”或“與類似類目比較”部分

“他們還購買了”部分

“產品推薦”或“熱銷榜”部分。

著陸頁

著陸頁是你希望受眾在搜索你優化過的特定關鍵詞時找到的頁面。例如，我們希望搜索“免費SEO培訓”的用戶最終會進入有關我們名為“新手SEO”的免費培訓的頁面。你需要以不同于常規頁面的方式處理最重要的著陸頁的內容。

在這里，我們將討論兩種類型的登陸頁面：重點頁面和產品登陸頁面。它們都是你希望用戶通過搜索引擎登陸的頁面，但它們需要完全不同的方法。但首先，我們將討論下搜索意圖，因為你必須知道受眾真正在尋找什么。

搜索意圖

設置網站結構時，必須考慮搜索意圖。這是關于你認為用戶在搜索引擎中輸入查詢時正在尋找的內容。他們想要找到什么？還有：他們期望找到什么？

考慮搜索意圖的不同可能性，因為你可能希望迎合網站上的不同類型。用戶只是在尋找問題的答案或定義嗎？他們在購買前會比較產品嗎？或者他們打算立即購買一些東西？這通常反映在他們提出的查詢類型中。你還可以使用百度的搜索結果來創造適合某些用戶需求的精彩內容。

當你了解搜索意圖時，確保你的目標網頁符合受眾的搜索意圖至關重要。頁面可以回答多種搜索意圖，但你至少需要清楚地了解最重要的頁面。

重點內容頁面

重點文章是你網站上最重要的信息文章。他們的重點是提供特定主題的最佳和最完整的信息；他們的主要目標不是銷售產品。

由于這種關注，我們在討論重要內容時通常會想到博客。當然，這并不意味著它只能是一篇博客文章。所有不同類型的網站都有重點文章！經驗法則：如果一篇文章將你所了解的有關某個廣泛主題的所有內容匯集在一起，那么它就是一篇重點內容文章。

產品登陸頁面

產品登陸頁面與重點文章有很大不同。后者很長，而產品著陸頁不應該那么長。文章不應該是完整的，而應該是有重點的。這些頁面只需要顯示你的用戶需要知道的內容即可說服他們。他們不需要保存所有信息。

你想要對這些頁面進行排名，這意味著它們需要內容。足夠的內容讓百度能夠了解該頁面的內容以及它應該對哪些關鍵詞進行排名。重點文章可能由數千個關鍵詞組成，而對于產品登陸頁面來說，幾十個關鍵詞就足夠了。內容的主要焦點應該是你的產品。

維護你的網站結構

構建或重組你的內容并不總是在你必須做的所有事情中具有高優先級。尤其是當你經常寫文章或定期添加其他內容時，這可能會讓人感覺很麻煩。盡管這并不簡單，但你必須這樣做，否則你的網站可能會變得混亂。為了防止這種情況發生，你需要調整網站結構并在添加新內容時密切關注它。網站結構應該是你長期SEO策略的一部分。

評估你的菜單

當你的業務目標或網站發生變化時，你的菜單也必須發生變化。當你開始考慮改版網站時，直觀地規劃事情將會得到回報。

從一層或兩層深度的新菜單開始，看看是否可以容納多年來創建的更多頁面。你會發現某些頁面仍然有效，但似乎不再與你的菜單相關。沒問題，只需確保在相關頁面和站點地圖中鏈接到它們，以便百度和你的訪問者仍然可以找到這些頁面。

重新思考你的分類法

創建欄目、子欄目以及產品或文章的概述也將幫助你重新考慮網站的分類法。這可能是一個簡單的電子表格，但你可以使用一些可視化工具，例如MindNode。

你的產品欄目和子欄目是否提供了你的產品范圍或你的文章和頁面的邏輯概述？也許你已經注意到某個欄目比其他欄目成功得多，或者你在某一主題上寫了很多文章，而在其他主題上寫了很少的文章。

如果某一欄目的規模比其他欄目大得多，你網站的金字塔可能會失去平衡。考慮將此欄目分為不同的類別。但是，如果某些產品線最終比其他產品線小得多，你可能需要合并它們。不要忘記重定向你刪除的內容。

如果你手動構建了HTML站點地圖，請在更改站點結構后更新該站點地圖。在更有可能的情況下，你有XML站點地圖，請將其重新提交到百度站長工具平臺。

清理過時的內容

你也許可以更新并重新發布一些過時的文章，使它們再次相關。如果一篇文章已經過時，但仍然沒有人閱讀它，你可以將其刪除。這可以很好地清理你的網站。

在這種情況下，你應該知道的是，切勿不假思索地刪除頁面或文章。如果百度找不到該頁面，它會向你的用戶提供404錯誤頁面。搜索引擎和你的用戶都會看到此錯誤消息，指出該頁面不存在，這是一種糟糕的體驗，因此對網站SEO不利。

你需要正確重定向要刪除的頁面的網址，以便你的用戶（和百度）到達與他們相關的其他頁面。這甚至可以改善你的搜索引擎優化！

避免關鍵詞重復

你的網站是關于特定主題的，該主題可能非常廣泛，也可能非常具體。添加內容時，你應該注意關鍵詞重復。如果你針對過于相似的關鍵詞優化你的文章，你將吞噬在百度中的排名機會。如果你針對相似的關鍵詞優化不同的文章，你將與自己競爭，從而使兩個頁面的排名較低。

如果出現這樣的情況，你將需要做一些工作。簡而言之，你應該研究內容的性能，并可能合并和重定向其中的一些內容。

網站結構的重要性

正如我們所看到的，網站結構之所以重要有幾個原因。良好的網站結構可以幫助用戶和百度瀏覽你的網站。它可以更輕松地實施更改并防止與你的內容競爭。因此，你可以使用本指南中的要點來檢查和改進你的網站結構，愿你網站SEO取得良好效果！