--- title: "SEO電子報第四十一期 – 2021.09.16~2021.09.30" description: "這期的電子報有三個我自己很喜歡的內容 — 第二條尖叫青蛙的更新，讓使用者能用很少的預算就自動化監測網站的SEO；第三條content pruning的案例是比較少見的優化方向，能看到大型網站怎麼做相當難得；以及第四條的103 Early Hints，對我來說是新的東西，也讓我跟工程師有個不錯的話題!" canonical: "https://www.darrenhuang.com/seo-newsletter-issue-41.html" markdown: "https://www.darrenhuang.com/seo-newsletter-issue-41.md" locale: "zh-hant" language: "zh-Hant" translationKey: "post:seo-newsletter-issue-41" type: article published: "2021-10-01T00:00:00.000Z" modified: "2024-09-02T00:00:00.000Z" --- > 此 Markdown 版本由正式 HTML 內容自動產生。 > 引用時請使用 [canonical page](https://www.darrenhuang.com/seo-newsletter-issue-41.html)。 數位引擎文章 # SEO電子報第四十一期 – 2021.09.16~2021.09.30 這期的電子報有三個我自己很喜歡的內容 — 第二條尖叫青蛙的更新，讓使用者能用很少的預算就自動化監測網站的SEO；第三條content pruning的案例是比較少見的優化方向，能看到大型網站怎麼做相當難得；以及第四條的103 Early Hints，對我來說是新的東西，也讓我跟工程師有個不錯的話題! Darren Huang·2021年10月1日·約 9 分鐘更新於 2024年9月2日 本文目錄10 個段落 1. [\[官方\] 關於SERP標題改寫的更多資訊](#toc-1) 2. [\[工具\] Screaming Frog v16更新](#toc-2) 3. [\[案例\] 清除不必要頁面 (Content Pruning)](#toc-4) 4. [\[技術\] Cloudflare 支援 103 Early Hints](#section-技術-cloudflare-支援-103-early-hints) 5. [\[實驗\] 在首頁頁尾加入內部連結的SEO影響](#toc-5) 6. [\[好文\] 對公司高層的SEO報告該怎麼做](#toc-6) 7. [\[參考\] 不影響CWVs的常見網頁元件模板](#toc-7) 8. [\[參考\] Google SERP外觀改動/測試紀錄](#toc-8) 9. [\[謠言\] Google與TikTok和IG協議收錄短影片](#toc-9) 10. [\[影片\] 網站的佈景主題(Theme)會影響SEO嗎?](#toc-10) **本文目錄** 1. [\[官方\] 關於SERP標題改寫的更多資訊](#toc-1) 2. [\[工具\] Screaming Frog v16更新](#toc-2) 3. [\[案例\] 清除不必要頁面 (Content Pruning)](#toc-4) 4. [\[技術\] Cloudflare 支援 103 Early Hints](#section-技術-cloudflare-支援-103-early-hints) 5. [\[實驗\] 在首頁頁尾加入內部連結的SEO影響](#toc-5) 6. [\[好文\] 對公司高層的SEO報告該怎麼做](#toc-6) 7. [\[參考\] 不影響CWVs的常見網頁元件模板](#toc-7) 8. [\[參考\] Google SERP外觀改動/測試紀錄](#toc-8) 9. [\[謠言\] Google與TikTok和IG協議收錄短影片](#toc-9) 10. [\[影片\] 網站的佈景主題(Theme)會影響SEO嗎?](#toc-10) 這期的電子報有三個我自己很喜歡的內容 — 第二條尖叫青蛙的更新，讓使用者能用很少的預算就自動化監測網站的SEO；第三條content pruning的案例是比較少見的優化方向，能看到大型網站怎麼做相當難得；以及第四條的103 Early Hints，對我來說是新的東西，也讓我跟工程師有個不錯的話題! - [\[官方\] 關於SERP標題改寫的更多資訊](./seo-newsletter-issue-41.html#toc-1) - [\[工具\] Screaming Frog v16更新](./seo-newsletter-issue-41.html#toc-2) - [\[案例\] 清除不必要頁面 (Content Pruning)](./seo-newsletter-issue-41.html#toc-3) - [\[技術\] Cloudflare 支援 103 Early Hints](./seo-newsletter-issue-41.html#toc-4) - [\[實驗\] 在首頁頁尾加入內部連結的SEO影響](./seo-newsletter-issue-41.html#toc-5) - [\[好文\] 對公司高層的SEO報告該怎麼做](./seo-newsletter-issue-41.html#toc-6) - [\[參考\] 不影響CWVs的常見網頁元件模板](./seo-newsletter-issue-41.html#toc-7) - [\[參考\] Google SERP外觀改動/測試紀錄](./seo-newsletter-issue-41.html#toc-8) - [\[謠言\] Google與TikTok和IG協議收錄短影片](./seo-newsletter-issue-41.html#toc-9) - [\[影片\] 網站的佈景主題(Theme)會影響SEO嗎?](./seo-newsletter-issue-41.html#toc-10) * * * ## \[官方\] 關於SERP標題改寫的更多資訊 八月中開始的[SERP標題改寫](./seo-newsletter-issue-39.html#toc-1)引起了非常多的討論，為此Danny Sullivan在官方部落格再發了一篇文章提供更多的資訊，裡面說道根據社群的[回饋](https://support.google.com/webmasters/thread/122879386/your-feedback-on-titles-shown-in-search-results)，他們將SERP標題改寫(與`` tag相異)的情形減少，原本80%調整回87%左右的網頁使用原本標題。 另外也提供了幾個標題被改寫的四個常見原因: **1.)**半空標題 (Half-empty titles)、**2.)**過時標題 (Obsolete titles)、**3.)**錯誤標題 (Inaccurate titles)、**4.)**輕度公式化標題 (Micro-boilerplate titles)。 官方的說法難免官腔，對於標題改寫的情形個人更推薦看這篇[Dr. Pete所寫的文章](https://moz.com/blog/title-tag-rewrite-case-study)，他列出了幾個標題被改完後更好、普普、及更差的例子。另外還有一篇[Cyrus的文章](https://zyppy.com/blog/5-ways-to-beat-google-title-rewrites-and-a-new-seo-traffic-tool/)在講幾個克服標題被亂改的心得，對於很想把標題改回來的朋友們也推薦一讀。 ![](./wp-content/uploads/2021/09/%E8%81%B3%E8%82%A9%E8%A1%A8%E6%83%85%E7%AC%A6%E8%99%9F.png) 標題內有聳肩的文字表情被改寫 * * * ## \[工具\] Screaming Frog v16更新 我最愛的工具Screaming Frog最近有個一次大更新，v16! 簡單介紹一下這次更新的幾大重點: - **JavaScript 功能再進化**: 以往只能讓screaming frog開啟JS模式，渲染JS的內容，而現在則多了一個"JavaScript"的分類，讓你 1.) 直接比較那些內容or連結是JS渲染後才看的到的、2.)比較渲染前後的HTML、3.)選擇是否將shadow DOM和iFrame壓扁(flatten)。 - **Data Studio視覺化**: 現在可以將抓取結果自動一鍵生成一份Google Data Studio的報表，另外也可以搭配排成的功能，設定成每週固定抓取，極度實用! - **進階篩選**: 搜尋欄位現在支援regex > Twitter／X 貼文 > > [在 Twitter／X 查看原始貼文](https://twitter.com/screamingfrog/status/1440583187420176389) 連結: [官方公告](https://www.screamingfrog.co.uk/seo-spider-16/) / [\[教學\] 如何設定每周自動抓取&並結合Data Studio](https://www.screamingfrog.co.uk/how-to-automate-crawl-reports-in-data-studio/) * * * ## \[案例\] 清除不必要頁面 (Content Pruning) SEO中有個優化的項目叫做content pruning，就是把價值很低的頁面刪除，讓網站整體更乾淨，節省抓取預算，降低網站內容互相競爭的情形，通常是大型網站會需要的操作。 前陣子參加會議聽到這份案例分析，該網站刪除了1.3億個網頁+優化內部連結，最後有了正面的SEO影響。結果並不意外，但這個過程及思路，以及從中的一些學習我覺得很適合管理大型網站的人參考! 此第三方內容需要前往來源網站查看。 [在 SlideShare 查看原始內容](https://www.slideshare.net/slideshow/embed_code/key/24BDBvNevjOAEJ) * * * ## \[技術\] Cloudflare 支援 103 Early Hints 大部分的人應該都聽過2xx、3xx、4xx、5xx開頭的伺服器狀態碼，但1開頭的比較少見，我也是在看了這篇文章才認知到103 Early Hints這個可以加快網站速度的新技術。 103的好處是可以節省伺服器準備完整回應(response)的時間，舉例來說，當瀏覽器發出一個網頁請求(request)，必須等到伺服器回應後，才能看到HTML裡的內容並再向伺服器索取所需要的資源。而103則是在伺服器收到請求後，直接先把該頁會用到的資源傳回去，再把所請求的網頁在準備完全傳回客戶端。伺服器在這個情況下，相當是說「*你索取的網頁我要準備一下，但這個 CSS跟這個 JS是等等會用到的，先收下!*」 ![](./wp-content/uploads/2021/09/103-Early-Hints-%E7%8B%80%E6%85%8B%E7%A2%BC-1024x506.png) Early Hints開啟的情形下，Cloudflare節省了 "server think time" 網站如有使用Cloudflare的CDN，即便是免費帳號也可以申請加入103的beta測試，除此之外Cloudflare也有很多不錯的功能可以幫助網站提高速度，推薦大家玩玩。 連結: [Mozilla文檔](https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/103) / [Cloudflare文章](https://blog.cloudflare.com/early-hints/) * * * ## \[實驗\] 在首頁頁尾加入內部連結的SEO影響 SearchPilot測試在首頁的頁尾footer中，將連結的數量從30提高到100，放上更多的連結連到網站上其他頁面。結果: 新加入在頁尾的頁面不管在桌機或是手機，都有正面的影響。 ![](./wp-content/uploads/2021/09/%E9%A6%96%E9%A0%81%E9%A0%81%E5%B0%BE%E5%85%A7%E9%83%A8%E9%80%A3%E7%B5%90-1024x567.png) 控制組與實驗組 這絕對不是要你開始在頁尾狂塞頁面，像我以前說的，這類型的測試最好都保持著懷疑的精神看待，並自己下去測試。 我個人對這個結果感到滿意外的，因為前一陣子才在工作上和主管討論過是否該移除一些頁尾的連結。由於目前該網站的footer設計得並不好，連結有點為了塞而塞的感覺，因此最後的決定是在能夠優化其設計之前，或是有資源能進行測試之前，先保持現狀不移除。 連結: [SearchPilot文章](https://www.searchpilot.com/resources/case-studies/adding-internal-links-to-home-page-footer/) * * * ## \[好文\] 對公司高層的SEO報告該怎麼做 Tom Critchlow是我很仰慕的一位資深SEO前輩。他有一個[newsletter](https://seomba.substack.com/)，不是在講SEO的技巧和觀念，而是專注在SEO在公司內部如何獲得更好的信任和聲譽。待過inhouse可能會對此比較有感，SEO所在乎的指標，和公司領導層所在乎的指標，常常有所出入，導致報告時容易雞同鴨講；而要成功地推行專案，獲得領導層的支持又是在所難免的。 ![](./wp-content/uploads/2021/09/SEO%E5%A0%B1%E5%91%8A-1024x771.png) 對公司高層報告的現實 Tom最近的一篇文章「*[Your boss cares about reporting more than you do](https://seomba.substack.com/p/your-boss-cares-about-reporting-more)*」，我看了非常有感，簡單分享一下兩個打到我的重點，但更推薦大家過去讀完整文章。 **不要使用SEO指標:** SEO的報告常常會包含一些只有SEO人才有感的數字，例如「*網站權重(domain authority)*」、「*前三名關鍵字數量*」、「*出現在精選摘要的關鍵字數量*」...等等。把重點放在公司營收上，很常時候一份報告只包含流量跟營收，就相當清楚直覺了。 **不要只根據網頁類別做區分**: SEO報告很常用網頁的類型區分，例如「*首頁*」、「*分類頁*」、「*產品頁*」...等等，但對於高層來說，他們可能更在乎的是 tier 1, tier 2, tier 3賣家的分別、新的客群和舊的客群的增長、不同區域的市場表現比較。因此，多注意一下領導層在報告公司表現時都怎麼分類，或是與高層坐下來好好聊聊他們想看到什麼樣的報告。 * * * ## \[參考\] 不影響CWVs的常見網頁元件模板 web.dev上發布了這份參考資料，列出了常見的網頁設計元件，在不影響[網頁體驗指標(Core Web Vitals, CWVs)](./core-web-vitals-lcp-fid-cls.html)情況下的模板，例如無限滾動、橫幅通知、輪播...等等。 ![](./wp-content/uploads/2021/09/%E8%87%AA%E5%8B%95%E8%BC%AA%E6%92%AD%E5%85%83%E4%BB%B6%E7%9A%84HTML%E5%A5%97%E7%89%88.png) 自動輪播元件的模板代碼 目前web.dev官網的["pattern"分類](https://web.dev/patterns/)只有這篇文章，但未來應該會陸續有更多這類型的資源，有在做前端的朋友可以存起來當作參考，讓網站有一些厲害設計的同時又不影響到用戶體驗。 連結: [web.dev文章](https://web.dev/patterns/web-vitals-patterns/) * * * ## \[參考\] Google SERP外觀改動/測試紀錄 數位引擎平常比較少分享Google在SERP上做的外觀改動或測試，原因是絕大多數這些新奇的變動都是暫時的，但不得不說有些外觀改動非常有趣讓人很想分享，例如[維基百科並非第一名結果卻有sitelinks](https://twitter.com/brodieseo/status/1427460946889363457)、[SERP上的「討論」輪播版位](https://twitter.com/brodieseo/status/1421003712223334402)、[搜尋自動完成欄位出現 People Also Ask問題](https://twitter.com/brodieseo/status/1429393983147442182)...等等。 這邊推薦[Brodie Clark](https://twitter.com/brodieseo/)這位SEO在他的網站上所做的整理，大家可以關注他的推特或偶爾來這網站瞧瞧新的東西。 ![](./wp-content/uploads/2021/09/SERP%E5%A4%96%E8%A7%80%E8%AE%8A%E5%8B%95%E7%B4%80%E9%8C%84-1024x685.png) Brodie Clark 整理 SERP外觀的變動和測試 連結: [Brodie網站](https://brodieclark.com/notes/) / [Google搜尋如何進行測試](./seo-newsletter-issue-39.html#toc-9) * * * ## \[謠言\] Google與TikTok和IG協議收錄短影片 在[第24期](./seo-newsletter-issue-24.html#toc-5)時有提過搜尋結果上出現「Short videos」輪播版位，在當時只是個測試，但現在根據The Information的報導，Google和TikTok以及Instagram正在達成一個協議，讓Google能夠收錄這兩大平台上的短影片。 其實只要影片有個公開的可以被抓取的網址，Google就能看到其內容，因此這個協議可能類似於Google與Twitter的合作，讓Google能以更有效率的方式(例如: API)看到平台上的內容，並可能在搭配上前端看不到的metadata，而非主動的派爬蟲去發現、抓取、並理解其內容。 ![](./wp-content/uploads/2021/01/%E6%8A%96%E9%9F%B3%E3%80%81IG%E3%80%81Youtube%E7%9F%AD%E5%BD%B1%E7%89%87%E5%87%BA%E7%8F%BE%E5%9C%A8%E6%90%9C%E5%B0%8B%E7%B5%90%E6%9E%9C-473x1024.jpg) 連結: [SEJ報導](https://www.searchenginejournal.com/google-working-on-indexing-instagram-tiktok-videos/421018/) / [Google與Twitter合作](https://searchengineland.com/everything-need-know-google-twitter-partnership-216892) * * * ## \[影片\] 網站的佈景主題(Theme)會影響SEO嗎? 答案是「會的」- 網站的佈景主題，除了顏色、字體等視覺上的呈現外，也通常會影響到連結和網站架構、載入速度這些比較技術層面的東西。 所以wordpress網站在挑選主題的時候，不是漂亮就好，因為通常漂亮的網站容易有很多複雜的code參雜在集中，導致速度上的劣勢。比較好的方法是蓋一個測試網站，然後做點SEO分析，確認新主題沒有太多的問題，並且該客製化的地方可以客製化，再將新主題實施到主網站上面。 [YouTube video player](https://www.youtube-nocookie.com/embed/Ayaovhfy5Uw) [在 YouTube 查看原始影片](https://www.youtube.com/watch?v=Ayaovhfy5Uw) * * * 九月底有一個Search On活動，因為這次沒有像去年一樣來個重磅消息([passage retrieval/passage ranking](./passage-retrieval-and-seo.html))，因此就納入下期再跟大家說說講了什麼，非常好奇的朋友們可以先看這篇[TechCrunch報導](https://techcrunch.com/2021/09/29/google-introduces-a-new-way-to-search-that-combines-images-and-text-into-one-query/)~ **分類** - [SEO電子報](/categories/seo電子報.html) **標籤** - [SEO電子報](/tags/seo電子報.html) Keep exploring ## 延伸閱讀 Facebook 保存筆記 2019年7月13日 ### [Guess.js：用資料預測下一頁，再決定是否預取](/notes/facebook-guess-js-data-driven-prefetch.html) 一則把 prefetch、使用者行為資料與機器學習放在一起討論的歷史筆記，重點是預取應該建立在機率與成本的平衡上。 Keep exploring ## 繼續閱讀 [全部文章 →](/articles.html) [上一期**SEO電子報第四十期 – 2021.09.01~2021.09.15**](/seo-newsletter-issue-40.html)[下一期**SEO電子報第四十二期 – 2021.10.01~2021.10.15**](/seo-newsletter-issue-42.html) ### 相關文章 2021年9月1日 #### [SEO電子報第三十九期 – 2021.08.16~2021.08.31](/seo-newsletter-issue-39.html) [閱讀文章 →](/seo-newsletter-issue-39.html) 2021年11月1日 #### [SEO電子報第四十三期 – 2021.10.16~2021.10.31](/seo-newsletter-issue-43.html) [閱讀文章 →](/seo-newsletter-issue-43.html) 2021年11月15日 #### [SEO電子報第四十四期 – 2021.11.01~2021.11.15](/seo-newsletter-issue-44.html) [閱讀文章 →](/seo-newsletter-issue-44.html) × 開啟原圖 ↗