在做網站的SEO時，我們需要時常追蹤及了解網站的問題，可以藉由Screaming Frog這套SEO軟體，幫網站做整體通盤性的檢查，並且可以針對項目頁面做csv檔案的輸出。
Screaming Frog 是什麼
Screaming Frog是SEO必備的網站分析工具，是一個第三方模擬Google爬蟲的軟體工具（不是 Google 自己的工具），像之前澤稼有一次在幫客戶做網站檢查時，因為該客戶較注重安全及攻擊的問題，因此有做封鎖多次連續訪問的ip機制，因此在做網站診斷時，青蛙就無法爬取該客戶的網站。
在做網站的SEO搜尋引擎最佳化時，我們需要時常追蹤及了解網站是否有技術面的問題，Screaming Frog可以幫助我們在整個網站中分析與尋找問題。
我們只要輸入網站的網址後，Screaming Frog 就會開始爬取該網站上的所有網頁（免費版僅能爬取500頁），爬完之後，即可查找我們需要釐清的頁面問題，例如各頁面的 HTTP 狀態碼（Status Code）、中繼標題或描述問題清單、各頁面的圖片alt以及圖片容量等，然後輸出下載項目頁面的csv檔案。
Screaming Frog軟體下載
進入到Screaming Frog官網後，官網頁面會自動偵測你的電腦系統，看看是Windows或是Mac，即可直接下載對應系統版本的Screaming Frog軟體。
Screaming Frog 相關連結
完成安裝並開啟軟體之後，直接在最上方的欄位輸入網址（也可以直接輸入網站首頁網址），點擊start按鈕，軟體就會自動開始抓取網站的每個頁面。
除了付費的完整版功能，大家也可以先使用免費版本的軟體（只能爬取500個頁面的網站資料，且無法調整軟體的組態設定），對於剛架設完成的網站來說，其實已經很足夠。
但相反來說，如果網站已經具備了一定的規模，頁面數較多時，其實還是會比較建議使用Screaming Frog 付費版，可以操作完整的功能，在網站頁面檢查上的結果也會更完善。
關於Screaming Frog付費及免費版的比較，可以參考Screaming Frog 費用比較。
Screaming Frog軟體介面
Screaming Frog的軟體介面大概可以分為四個區塊：
- 功能選單
- 上層報表面板
- 下層資訊面板
- 右側數據面板
功能選單
與所有軟體都一樣，Screaming Frog最上方也是軟體的功能選單，可以進行功能的執行。例如「File（檔案）」、「Mode（爬取模式）」…等，而最重要的，則是可以幫網站製作 sitemap的「Sitemaps」功能，以及可以針對網站的圖片對應頁面做CSV清單輸出的「Bulk Export」功能。
上層報表面板
上層報表會列出各網址爬取完之後的網站所有頁面清單的重要資訊，除了可以搭配上面的不同頁籤做頁面清單項目的檢視，也可以直接利用捲軸向右滑動，檢視各頁面網址的不同欄位資訊。
除此之外，上層報表面板也提供了自訂顯示頁籤、搜尋或是篩選功能，而主要常用的頁籤功能（欄位項目），會於後文做詳細介紹。
另外，也可以在此面板，將網址清單輸出CSV報表，亦或是右鍵點擊網址，即可複製內容或是直接開啟頁面等。
下層資訊面板
點選了上層報表中的任一網址，下方資訊面板即會顯示該網址的資訊項目，例如網頁標題、描述、回應代碼等等。
右側數據面板
針對上層報表面板選擇了不同的頁籤，右側面板即可查看各自的功能項目有多少頁面，例如選了上層的「Page Titles（網頁標題）」頁籤，右側面板即可查看全部的頁面有多少，重複 Page Titles的頁面有多少、Page Titles過長的頁面有多少、Page Titles過少的頁面有多少等等數據。
Screaming Frog重點功能應用
如前文所述，上層報表面板有對應的功能頁籤，澤稼目前使用的付費軟體版本為16.7，其頁籤共計有26個，因為文章篇幅關係，這邊只針對澤稼常檢查的頁籤做說明：
1、Internal（站內頁面資訊）
Internal頁籤是Screaming Frog爬取完網站後，針對網站所有頁面或檔案的類型，例如html頁面、css檔案、image圖片，有多少數量。
其中，我們可以針對某一個頁面，或是某一個檔案，點擊之後，查看下層數據面板的「Response Time」，了解該頁面或檔案的速度問題，並且作為優化的方向。
補充說明：Google針對網站的速度，目前已經十分重視，因此網站不論圖片或頁面，建議都要走向輕量化（特別針對行動裝置），而優化方向可以參考：優化LCP、優化FID、優化CLS，除此之外，也可以利用PageSpeed Insights進行網站整體速度的檢查。
2、External（外部連結）
External頁籤可以讓我們了解頁面裡的外部連結是否失效，是個十分好用的檢查工具。
我們只要從「Status Code」欄位檢查其代碼非「200」的，然後從瀏覽器開啟即可確認該外部連結是否有問題（可能轉址了，也可以404下架了）。
另外，如要檢查轉址，可以搭配安裝Chrome瀏覽器的Redirect Path套件做確認。
3、Security（安全頁面）
Security頁籤可以讓我們了解有沒有頁面沒有轉址到https，這對網站SEO來說，也是十足重要的檢查項目，對於http的頁面，因為沒有受到安全傳輸協議保護（SSL，Secure Sockets Layer），因此這類頁面會嚴重影響到Google搜尋引擎與使用者對網站的信任，所以請務必要做好http與https的301轉址。
4、Response Codes（頁面狀態代碼）
Response Codes頁籤可以讓我們快速知道網站各頁面的狀態碼，通常：
- 2XX：正常頁面，常見的為200。
- 3XX：轉址，常見的有301永久轉址及302暫時性轉址；如果頁面已經確定移轉到新頁面，例如搬家，亦或是舊商品停售藥轉至新商品頁面，請務必使用301永久轉址。澤稼在幫客戶做網站診斷時，常常看到客戶是因為搬家架設新網站，而架站商卻使用302轉址，這是對SEO不利的做法。
- 4XX：頁面遺失或下架（找不到），通常404最多。
- 5XX：伺服器問題，常見的為500（伺服器錯誤，如果持續發生，建議洽詢你的主機商）以及503（服務不可用，通常是網站暫時維護狀態）。
關於網頁HttpStatusCode更多詳細說明，可參閱「Google Search Console 教學 3 – 頁面未被索引的原因分析與解決方案(上篇)」一文。
在Response Codes頁籤裡的「301轉址」頁面，也可以從「Redirect URL」欄位知道，該頁面轉址的目標頁面，進一步確認轉址是否正確。（Internal頁籤一樣可以查看）
除此之外，可以從「indexability」以及「indexability Status」欄位知道，某些頁面是否被robots.txt阻擋，亦或是下了「noindex」標記，禁止Google索引（收錄）。
5、URL（頁面網址資訊）
URL頁籤可以檢視全站頁面網址（URL）相關的資訊，例如網址是否有過多字元（網址過長）、多重的斜線符號（如https://www.abc.com//xxx）、網址中文命名等。
一般來說，網頁的網址會建議如下規劃：
- 統一使用英文小寫；
- 簡短容易記憶；
- 可置入英文關鍵字，如有複合字詞，可使用「-」區隔（注意不要用底線_）；
- 如為參數網址，建議請工程師靜態化（「偽靜態」與「靜態」兩種皆可）；
- 建議網址總長度，小於115字元。
6、Page Titles以及Meta Description（頁面中繼資料）
Page Titles（頁面中繼標題）與Meta Description（頁面中繼描述）是顯示在搜尋結果（SERP）中，使用者第一時間看到的頁面資訊，也會影響Google爬蟲對於頁面的相關與辨識，因此建議在這兩個資訊部分，需要特別進行撰寫。
Page Titles（頁面中繼標題）以及Meta Description（頁面中繼描述）頁籤則會顯示網站各頁面的中繼標題及描述資訊，我們可以從中了解哪些頁面標題/描述重複（建議務必調整，以免被Google認定重複性內容）、亦或是標題/描述過長或過短。
對於頁面中繼標題與描述，澤稼建議留意以下事項：
- 標題建議50-60字元（中文大約25-30字）；描述則建議140-150字元（中文大約70-75字），過長可能會被Google的人工智慧截斷，抑或直接被Google竄改。
- 頁面中繼標題與描述要帶入關鍵字，但請勿為了置入而置入，還是要以「語意通順」為優先考量；如被Google認定刻意置入，可能會整段自動竄改。
- 可以撰寫吸睛的標題與描述文案內容。
7、Meta Keyword（頁面中繼關鍵字）
Meta Keyword則是網頁的中繼關鍵字資訊，此項目已經不是Google的認定排名項目，但如果有需要針對Bing或是百度等其他搜尋引擎，還是可以在頁面置入3-5個主要關鍵字。
8、H1（頁面內容標題）
H1（後面還有H2）則是頁面的主標題與副標題，但通常以一般網站來說，會特別做SEO的頁面不外乎「文章/產品分類頁」、「產品頁」、「文章頁」，H1則是頁面的主要大標題，通常會對照產品名稱，或是文章頁面的標題名稱，因此對於Google爬蟲來說，也是一個重要的SEO指標。
但澤稼常常遇到客戶網站首頁是沒有H1，但可能有查詢過其他人介紹，硬要加H1，其實這是沒有必要的，如前所述，網站一般的靜態頁面，不一定非得加H1，只是內容豐富其實也可以獲得不錯的SEO成效。
但文章或產品頁，因為有十足明顯的主題，因此會建議加上H1，以及搭配H2甚至H3做頁面內容的架構規劃。
例如以「架設網站入門1 – 為何企業需要一個形象網站」這頁來說，則可以針對文章的架構，規劃不同的小標層級。
而目前Google接受一個頁面可以有一個H1（最佳），多個或沒有H1也可以，但要特別注意：千萬不要為了放H1，但影響美觀，因此隱藏起來，這容易會被Google認定刻意操作。
9、Images（圖片資訊）
Images頁籤顯示網站各頁面的圖片資訊，最主要可以讓我們查看各圖片的容量（Screaming Frog建議圖片容量在100 KB以內，但如果真的無法壓到這麼小，一般澤稼建議可以到300 KB）、圖片的alt替代文字內容、以及圖片是否可以被索引（Indexability，被Google收錄的意思）。
補充說明
除了右側數據面板查看圖片的容量、alt替代文字等資訊，也可以在下方資訊面板查看該圖片的response time，參考其回應時間，決定是否要調整圖片的載入速度。
圖片的容量因為會嚴重影響網站頁面的開啟速度，因此澤稼強烈建議這部分一定要特別留意，而減少圖片容量的方式，至少可以從以下兩項工作進行：
- 改為WebP圖片格式，WebP是目前Google主推的next general圖片格式，如果需要，可以使用JPG轉WbeP線上工具進行圖檔格式轉換。
- 處理完圖片格式以及尺寸之後，可以再使用圖片線上壓縮工具TinyPng進行壓縮。
圖片的尺寸盡量適宜即可，澤稼過去幫客戶健診時，常常發現客戶的網站圖片（電商網站）尺寸高達3MB以上，估計是為了讓產品圖好看，加上用單眼相機拍攝所致，但其實真的沒有必要如此，如果真的很要求品質，可以用以下第二種做法建議。
圖片CSV清單輸出
這邊比較特別的，是針對圖片輸出的設定，如果從「Export」按鈕直接輸出，需先從右側數據面板選擇類型，例如「容量大於100kb」或是「缺少alt替代說明文字」，然後直接點擊「Export」按鈕即可；輸出的CSV雖然可以查看圖片的資訊，但沒有對應頁面的欄位。
因此圖片輸出時，澤稼建議使用「Bulk Export」指令進行輸出，如此的CSV清單才有對應頁面的欄位可供檢視。但用「Bulk Export」指令輸出的話，如果要同時查看alt替代文字以及容量的話，則必須分開用不同指令輸出。
10、Canonicals
Canonical是html中，代表「指向標準網頁」的標籤，主要是用來解決「重複性內容」的問題，例如一些電商網站，一定會看到同商品不同屬性的情況，例如同一個馬克杯，但有不同顏色，但這不同顏色的馬克杯商品頁面，網址會不同，內容版型會相同，因此容易被Google爬蟲判定為「重複性內容」。
此時，就需要在各個不同屬性的頁面，下一個Canonical標記，指向主要顏色的馬克杯商品頁面，亦即告訴Google爬蟲，這多個顏色的頁面，請以某顏色的商品為主要標準頁面。
通常我們可以從「Occurrences」欄位做頁面的判斷：
- 0：代表該頁面沒有Canonical標記；
- 1：代表該頁面有下了一個Canonical標記，確認一下該頁面是否真的有需要下Canonical標記即可。
- 大於1：代表該頁面存在多個Canonical標記，則需要做修正。
另外，通常在Google Search Console的問題清單中，只要有重複內容的問題頁面，也都可以直接檢查是否有下Canonical標記。
11、Hreflang
Hreflang主要是針對多語系網站，讓Google爬蟲理解網站頁面的標準語系的一種標籤，也就是說，Hreflang可以幫助Google爬蟲辨識網頁可以按語言或地區不同，顯示最合適的頁面語系版本。
相對來說，如果網站只有一個語系，其實Hreflang就無須特別設計。
針對Hreflang的詳細說明，可以參考向Google 說明網頁的本地化版本。
製作網站地圖（Sitemaps）
一般來說，網站需要建立一份網站地圖（Sitemaps，類似網站目錄的意思），例如可以參閱apple.com的sitemap利於Google爬蟲爬取，除了請架站商建立之外，一般澤稼常見的客戶，也有使用免費的線上sitemap建立工具，但大多數免費工具只能建立500頁。
如果是WordPress架站，則可以搭配「Yoast SEO」或是「RankMath」外掛套件自動生成sitemap。
Step1
當使用Screaming Frog爬完網站所有頁面之後，直接點擊「Sitemaps ->Sitemaps Xml」功能指令即可。
Step2
接著會彈出設定視窗，使用預設的「勾選2XX」選項即可。
Step3
生成sitemaps之後，將其放置到主機空間的根目錄底下（通常根目錄資料夾名為「Public_html」）。
Step4
直接到Google Search Console進行提交就可以囉！
關於更多sitemap相關介紹，也可以參考「GOOGLE SEARCH CONSOLE 教學 2 – 網址提交與 SITEMAP」一文。
若需要額外的設計或是功能，或是想瞭解關於網站SEO相關問題，或是WordPress架站服務，歡迎立即諮詢澤稼，將有專人為您服務，如果是從本文進行接洽，則另有優惠，可免費幫您安裝GTM及GA3&4，以利後續您的網站追蹤。
