了解如何使用 Screaming Frog、ChatGPT 和 Relume 建立視覺化圖表並使用線框建立分層導覽選單。

在過去幾年裡，您的自然流量是這樣的嗎？

我評估了一些全球網站，這些網站因與頁面體驗、有用內容和垃圾內容相關的核心更新而受到負面影響。 

這個特定站點是一個大型企業全球站點，擁有多個子網域和數百萬個沒有適當 URL 結構的孤立頁面。 

如果您是SEO專業人士，發現這對您的自然流量有這樣的影響，您可能需要繼續閱讀。  

許多網站都面臨著內容埋沒、缺少內部連結以及缺乏邏輯層次的問題。 

好消息？ 

您可以優化您的網站架構，並為使用者和搜尋引擎提供有效探索您的網站所需的路線圖。 

在本指南的最後，您將獲得切實可行的見解，以改善網站的結構，並逐步建立可帶來成果的網站架構。 

網站架構比以往任何時候都重要

大約 11 個月前，Google 的 Gary Illyes 在 LinkedIn 上發文表示Google 抓取的頁面越來越少。 

Illyes 間接地告訴我們，擁有一個乾淨的網站架構對於向 Google 發出你的優先頁面訊號 至關重要。

您需要優先考慮最高品質的內容頁面，並確保 Google 正在抓取這些頁面。 

如果你跟我一樣，你可能會花數小時嘗試反駁Google 更新的 SEO 入門指南。 

Google 最近修改了 SEO 入門指南，具體來說，它更新了網站架構部分，以強調連結到高優先級頁面的重要性。 

接受Google的這份禮物。 Google 直接告訴您他們希望在您的網站架構中看到什麼。 

最近我也一直重複看「SEO Office Hours」。 

除此之外，Illyes 在 SEO Office Hours 中表示，Google 更喜歡大型網站採用分層結構。 

Illyes 也提到，爬取可以用不同的方式爬取目錄。 

例如，如果您有一個/news/部分，則該內容可能會被更快地抓取。 

如果您的 /archive/ 子資料夾中充滿了舊內容，則其抓取量可能會不足。 

但是，將所有內容放在一個目錄下會使爬蟲程式很難對其進行分段抓取。 

谷歌一直在投放這些寶貴的訊息，只等待SEO專業人士去利用它。 

讓我告訴你如何做到這一點。 

Google給的 3 個提示顯示網站架構不佳

1.網站連結

網站連結可以很好地表明網站結構可能較差。 

例如，這裡我們可以看到列出了一個產品名稱，但有五種以上的產品。 

您可以做些什麼來增加其他產品頁面出現在網站連結中的機會？

Google 選擇在您的網站連結中放置哪些連結。 

如果您缺少您希望看到的關鍵頁面，這表示您需要重組您的網站或添加更多內部連結。 

2.缺少麵包屑

如果缺少麵包屑，這表示網站結構不佳。 

谷歌一直在暗示它更喜歡麵包屑，所以現在這不再是一個選擇。 

每個頁面都需要麵包屑。 

使用者使用麵包屑來幫助自己在網站上定位。 

以下是 Gusto 提供的優質麵包屑的範例。 

3.子網域比根網域更容易被抓取

Google Search Console中的抓取統計資料是一顆隱藏的寶石，可以提供有關 Google 如何抓取您的網站的訊號。 

如果您發現子網域佔用了您的抓取請求，則可能表示 Google 正在浪費時間抓取優先順序較低的頁面。 

如何使用 Screaming Frog 的視覺化工具來建立您的資訊架構  

讓我們了解如何使用Screaming Frog 的視覺化工具。

Screaming Frog 的爬行圖表絕不能被用來取代網站稽核。 

完整的網站審核應包括 Hotjar 記錄和堆疊、Google Analytics 用戶流分析、帶有卡片分類的真實用戶研究和旅程圖。

了解 Screaming Frog 中的爬行圖與目錄圖之間的差異

抓取圖是從起始 URL 到頁面的最短路徑

🏅爬行圖是資訊架構的最佳選擇。

例如，如果您正在抓取整個網站，您的主頁將成為抓取的中心，其他頁面將根據與主頁的接近度（連結深度）顯示。 

這些圓圈被稱為節點。 

綠色圓圈越深，點擊深度越短（可能少於 2 次點擊）。 

紅色節點是不可索引的頁面。 

目錄圖按 URL 路徑顯示目錄級別

目錄圖可讓您在目錄層級探索您的網站。 

URL 與目錄路徑相連。

由於我們正在討論網站結構和改進資訊架構的方法，我將深入研究抓取圖表，因為這可以讓我們從最佳角度了解抓取工具如何抓取您的網站。 

抓取圖中好的網站架構與壞的網站架構

好的一面是，我們可以看到主題的清晰分組和乾淨、完整的節點圈。

蔬菜分佈均勻。有很多低優先順序的頁面。 

✅ 好

不好的一面是，這些群體分散在各處。沒有清晰的循環。許多節點都是暗的，這表明有很多高優先級頁面可能不準確。 

✖️糟糕

上面的圖表告訴我們我們的使用者體驗並不穩定。 

您在產品圖片、精美設計或登陸頁面優化上花費多少時間並不重要。 

如果您的用戶的整體體驗看起來像上面的糟糕例子，那麼您的用戶體驗就失敗了。 

將您的 Google Search Console 與 Screaming Frog 整合以取得點擊數據

將您的 Google Search Console 與 Screaming Frog 集成，可讓您鳥瞰整個網站中點擊次數最多的頁面。 

將 Google Search Console 整合到 Screaming Frog 後，前往「設定」並選擇 GSC 點擊。

問自己： 

• 為什麼這些頁面獲得最多點擊？
• 這些頁面針對哪些關鍵字進行排名？
• 這些頁面的價值是什麼？
• 這些是沒有任何內部連結的孤立頁面嗎？ 

接下來，讓我們調查 /blogs/ 子資料夾。 

我們的獎項和新聞公告在點擊深度較低的情況下表現良好。 

然而，用戶無法輕易地在網站上找到此類別的。 

他們需要點擊部落格然後點擊類別。 

我們可以做兩件事： 

1. 更新 XML 網站地圖以確保列出類別頁面 
2. 更新部落格選單以包含點擊次數最多的類別頁面

使用 Google Analytics 4 路徑探索報告來引導假設

GA4 路徑探索報告使我們能夠確定使用者存取的頁面序列以及他們執行的操作。

GA4 路徑探索報告顯示了新使用者造訪主頁後造訪的熱門頁面。 

您也可以發現使用者的循環行為。

例如，如果使用者不斷返回訪問頁面 A，然後是 B，然後再次訪問 A。

如何使用 ChatGPT 建立主導航結構和 URL 映射

讓我們了解如何使用 ChatGPT進行資訊架構和建立您的網站。 

向 AI for Work 網站致謝。我嘗試了許多不同的提示，但這個 ChatGPT 提示「建立導航結構文件」是最詳細的。 

您可以將提示直接複製/貼上到 ChatGPT 中。 

您也可以直接存取我的 ChatGPT 互動。

輸入提示後，系統會詢問您一些其他問題。 

問題包括您的目標受眾是誰、您想要多少個部分以及導航風格的類型。 

一旦您回答了這些問題，您將獲得主要的導航元素。 

您將對主導航進行幾輪編輯。我經歷了 5 輪討論才最終確定了與網站相關的網站結構。 

主要導航元素第 1 輪

主要導航元素第 2 輪

主要導航元素第 5 輪

這個 ChatGPT 提示的最好部分是什麼？ 

它提供評估，讓您對乾淨的網站結構所需的關鍵組件獲得 10/10 的評級。 

您可以模擬焦點小組回饋或自動將其設為 10/10。

將您的 ChatGPT 主導航變成線框

接下來，將最終的網站結構從 ChatGPT 複製/貼上到線框工具（例如 Relume）。

Relume 將使用 AI 自動產生線框。 

這是 Relume 的線框範例。 

Relume 允許您匯出到 Figma、Webflow 和 CSV 檔案。

這樣，您就可以將您的願景傳達給您的 UX、開發或 C 套件團隊。

使用 ChatGPT 建立 URL 映射 

然後，如果您在同一對話中返回 ChatGPT，您可以要求 ChatGPT 根據您的網站結構建立您的 URL 映射。 

它將提供正確的 URL 結構清單。 

您可以將其匯出到電子表格中以便與開發團隊共用。

建立主導航時要記住的 4 個技巧

1.優先順序從左到右

人們從左到右閱讀，而爬蟲程式則試圖模仿使用者如何查看您的網站。 

另外，可以將其視為一個清單。 

開始和結束處的項目是最有效的，因為那裡的注意力和記憶力最高。這就是所謂的序列位置效應。 

開頭的內容很容易記住。 

最後的事情（或剛剛發生的事情）更容易被記住。

當考慮導航時，放在開頭或結尾的任何內容都會變得更加突出。 

請記住，當您考慮主導航時，7 是一個神奇的數字。您想避免過度分類。

當考慮下拉式選單中的子類別時，您希望將其保持在 10 個以下。 

2.反白顯示使用者目前的部分

您希望在主導航中突出顯示使用者目前範圍，以幫助使用者快速確定他們在網站層次結構中的位置。 

您希望輕鬆地內部化網站的結構並導航到新的頂級範圍。

3.爬取可以拆分成頁面類型的模板

SEO專業人士在2022年了解到，Google的頁面體驗更新可能會將您的網站分成不同的部分進行抓取。 

搜尋引擎正在嘗試了解頁面類型和模板之間的相似之處。 

如果您有一個頁面模板，例如使用麵包屑、優質內容優化的產品頁面，而且速度很快，他們就會單獨查看產品頁面並將其視為自己的頁面。 

這將幫助您確定資金頁面的優先順序。 

產品頁面範本範例

資訊頁面範本範例

4.除非涉及產品，否則請堅持使用句子大小寫

在建立主導航時，請嘗試堅持使用句子大小寫。 

它隱藏在Google 開發者的最佳實踐中。

我看到很多網站在主導航中使用全大寫字母。對於某些事情來說它可能很棒，但請考慮可訪問性以及這在上下文中意味著什麼。 

當您考慮導航的未來時，如果您使用文字轉音頻，某些軟體可能會逐字讀取每個大寫文字。

記住，如果你讓爬行變得更容易，它就會變得更容易。 

網站架構案例研究：不到 3 個月，有機流量提升 131% 

這是我工作過的一個網站的範例，由於網站結構變化且沒有 SEO 支持，該網站失去了 45％ 的自然流量。

該網站破壞了所有內部連結、刪除了子資料夾並更改了主導航。

可悲的是，在與 SEO 合作之前，該網站整整一年的自然流量大幅下降。

幸運的是，在不到三個月的時間內，透過改變主導航、子主題、URL 結構和內部鏈接，該網站的自然流量提高了 131%。

制定業務用例，以獲得高階主管對網站架構變更的支持

您如何將此傳達給您的高階主管？

讓我們用一些餐巾紙背面的數學知識來計算。

如果您是 SaaS 產品，您將需要獲得試用版下載和來自自然流量的收入。 

您假設網站架構將增加 5% 的試用下載量。 

我從 5% 的小規模做起，因為我寧願少承諾，多兌現。 

每次試用下載中 5% 相當於多少，對收入的潛在影響是什麼？

在這個例子中，我可以顯示 31% 的投資報酬率。 

你想減去 Figma 等工具的潛在成本以及焦點小組等人力投資，你仍然可以獲得 31% 的投資報酬率。

再次強調，這只是估計，但你會用高階主管的語言來表達。最終相信您並做出此決定的人。 

網站架構的未來是透過對話式網頁導航

展望未來，對話導航可能會發揮主導作用。 

Hume AI等工具已經展示了聊天機器人如何透過引導用戶到達他們需要的確切頁面來徹底改變體驗。 

無論是透過自然語言查詢或動態搜尋功能，網路正在朝著更聰明、更直覺的導航模型發展。

然而就目前而言，網站結構的基本支柱——層次結構、導航清晰度和優先級訊號——仍然是讓您的網站成為最聰明、最容易發現的版本的最佳工具。

透過改善您的網站架構，您可以為搜尋引擎和用戶鋪平道路，以釋放您的數位存在的真正潛力。

現在是時候微調您的架構以滿足日益智慧的網路需求了。

觀看：建立更好、更聰明、更容易發現的網站架構

想要改善網站的導航和結構嗎？查看我在 SMX Next 上的簡報：