--- title: "SEO電子報第二十五期 – 2021.01.16~2021.01.31" description: "這一期的電子報\"新聞\"類型的部分比較少，但加入了一些個人覺得相當實用的資訊整理以及技巧/案例分享。我自己也從中收穫良多，其中的一些文章，推薦大家找個時間空出來好好閱讀，也歡迎在 Slack 上私訊我或在公開頻道中討論！" canonical: "https://www.darrenhuang.com/seo-newsletter-issue-25.html" markdown: "https://www.darrenhuang.com/seo-newsletter-issue-25.md" locale: "zh-hant" language: "zh-Hant" translationKey: "post:seo-newsletter-issue-25" type: article published: "2021-01-31T00:00:00.000Z" modified: "2024-09-02T00:00:00.000Z" --- > 此 Markdown 版本由正式 HTML 內容自動產生。 > 引用時請使用 [canonical page](https://www.darrenhuang.com/seo-newsletter-issue-25.html)。 數位引擎文章 # SEO電子報第二十五期 – 2021.01.16~2021.01.31 這一期的電子報"新聞"類型的部分比較少，但加入了一些個人覺得相當實用的資訊整理以及技巧/案例分享。我自己也從中收穫良多，其中的一些文章，推薦大家找個時間空出來好好閱讀，也歡迎在 Slack 上私訊我或在公開頻道中討論！ Darren Huang·2021年1月31日·約 8 分鐘更新於 2024年9月2日 本文目錄10 個段落 1. [搜尋結果呈現商品「降價」資訊](#toc-1) 2. [【技巧】自動化 Screaming Frog 並整合進 Google Data Studio](#toc-2) 3. [Chrome v88 幾項更新](#toc-3) 4. [【案例分享】Smashing Magazine 優化網站效能](#toc-4) 5. [GA4 - Cohort Analysis 介紹 & Demo 帳戶開放](#toc-5) 6. [網站前端效能優化 2021 Checklist](#toc-6) 7. [SEJ eSummit 2021 簡報整理 (共16份)](#toc-7) 8. [官方Podcast - Search Off the Road EP.12](#toc-8) 9. [【官方新手影片】從Google上移除違法內容](#toc-9) 10. [R.I.P. - Hamlet Batista](#toc-10) **本文目錄** 1. [搜尋結果呈現商品「降價」資訊](#toc-1) 2. [【技巧】自動化 Screaming Frog 並整合進 Google Data Studio](#toc-2) 3. [Chrome v88 幾項更新](#toc-3) 4. [【案例分享】Smashing Magazine 優化網站效能](#toc-4) 5. [GA4 - Cohort Analysis 介紹 & Demo 帳戶開放](#toc-5) 6. [網站前端效能優化 2021 Checklist](#toc-6) 7. [SEJ eSummit 2021 簡報整理 (共16份)](#toc-7) 8. [官方Podcast - Search Off the Road EP.12](#toc-8) 9. [【官方新手影片】從Google上移除違法內容](#toc-9) 10. [R.I.P. - Hamlet Batista](#toc-10) 這一期的電子報"新聞"類型的部分比較少，但加入了一些個人覺得相當實用的資訊整理以及技巧/案例分享。我自己也從中收穫良多，其中的一些文章，推薦大家找個時間空出來好好閱讀，也歡迎在 Slack 上私訊我或在公開頻道中討論！ - [搜尋結果呈現商品「降價」資訊](#toc-1) - [【技巧】自動化 Screaming Frog 並整合進 Google Data Studio](#toc-2) - [Chrome v88 幾項更新](#toc-3) - [【案例分享】Smashing Magazine 優化網站效能](#toc-4) - [GA4 – Cohort Analysis 介紹 & Demo 帳戶開放](#toc-5) - [網站前端效能優化 2021 Checklist](#toc-6) - [SEJ eSummit 2021 簡報整理 (共16份)](#toc-7) - [官方Podcast – Search Off the Road EP.12](#toc-8) - [【官方新手影片】從Google上移除違法內容](#toc-9) - [R.I.P. – Hamlet Batista](#toc-10) * * * ## 搜尋結果呈現商品「降價」資訊 這個搜尋結果目前僅在美國的英文搜尋結果出現，**降價資訊是 Google 根據商品結構化資料的過去價格紀錄 ，自動生成的**。另外，要有這樣的結果，Schema Markup 中 `Offer` 標籤的 `price` 屬性必須是固定的金額而非一個價格範圍。 [過去電子報](./seo-newsletter-issue-17.html#toc-6)曾介紹 Google 開始支援更多與商品有關的 Schema 標記 (ex: 運送細節)，現在甚至追蹤過去的價格，讓一般搜尋結果也能像 Google Shopping 一樣幫助使用者[比較價格](./seo-newsletter-issue-19.html#toc-5)。 ![](./wp-content/uploads/2021/01/Google-%E9%99%8D%E5%83%B9-%E6%90%9C%E5%B0%8B%E7%B5%90%E6%9E%9C.png) 範例 - 搜尋結果中出現降價資訊 ![](./wp-content/uploads/2021/01/Google-%E9%99%8D%E5%83%B9-%E6%90%9C%E5%B0%8B-%E5%AE%98%E6%96%B9%E6%96%87%E6%AA%94.png) [官方文件](https://developers.google.com/search/docs/data-types/product#price-drop:~:text=Price%20drop%3A%20Help%20people%20understand%20the%20lowest%20price%20for%20your%20product)中對於 Price Drop 的解釋 * * * ## 【技巧】自動化 Screaming Frog 並整合進 Google Data Studio 這篇文章講解如何利用 Screaming Frog 的 Scheduling 功能，**以固定的周期讓爬蟲去爬網站、將結果輸出到 Google Sheets 上，再以 Google Data Studio 做視覺化的呈現**。 ![](./wp-content/uploads/2021/01/automate-screaming-frog-1024x687.png) 設定步驟之一 整個方法我覺得相當有創意，搭配上 Screaming Frog 本身的在設定上的彈性，可以是個低成本+高度客製化的SEO工具，之後應該會找個時間來玩玩，如果有讀者已經測試過，歡迎在Slack上跟我聯絡! 連結: [完整文章](https://www.screamingfrog.co.uk/how-to-automate-screaming-frog-with-google-data-studio/) * * * ## Chrome v88 幾項更新 這次的 Chrome 88更新，有幾個相當不錯的重點； 1.) **擋掉HTTPS頁面上的HTTP資源** — 尤其是圖片透過CDN或放在子網域的網站要注意這點，很常看到只有主網站裝上HTTPS，但忘記其他子資源所在位置的安全憑證，所造成的 Mixed Content 問題。 ![](./wp-content/uploads/2021/01/mixed-content-chrome-%E8%AD%A6%E5%91%8A-1024x348.png) 圖片來源: [Google Chrome 改版資訊](https://support.google.com/chrome/a/answer/7679408) **2.) 更不惱人的許可請求** — 現在太多網站濫用通知功能了，動不動就要知道你的位置資訊或想發送推播通知，這個更新是我最喜歡的一點! 要開啟這項功能可到這個網址將其打開: chrome://flags/#permission-chip ![](./wp-content/uploads/2021/01/chrome-%E6%8E%A8%E6%92%AD%E9%80%9A%E7%9F%A5.png) 範例: 新版的許可請求 ([圖片來源: Chrome Unboxed](https://chromeunboxed.com/whats-new-chrome-88)) **3.) 分頁搜尋功能** — 能夠一次搜尋所有分頁上的內容，對於工作上容易不小心就越開越多分頁的人很有幫助。要開啟這項功能可到這個網址將其打開: chrome://flags/#enable-tab-search ![](./wp-content/uploads/2021/01/Chrome-%E5%88%86%E9%A0%81%E6%90%9C%E5%B0%8B-1024x308.png) 全分頁搜尋 **4.) 開發者工具加入網頁體驗指標** — 在開發者工具中多一個[網頁體驗指標](./core-web-vitals-lcp-fid-cls.html)的選項，搭配截圖可以清楚看到在載入的哪個環節被判定為FCP、LCP、或有版位移動的情形，相當實用。 ![](./wp-content/uploads/2021/01/chrome-88-%E7%B6%B2%E9%A0%81%E9%AB%94%E9%A9%97%E6%8C%87%E6%A8%99-1024x596.png) Chrome DevTools > Performance > Web Vitals * * * ## 【案例分享】Smashing Magazine 優化網站效能 Smashing Magazine 是個在講網站開發與網站設計的媒體網站，這篇案例相當細節地分享了他們優化自家 React 網站的過程，他們做的事情包含了簡單的**調換裡的資源順序**、**優化字體檔案的載入方法**、到繁瑣的**拆解與重組重要CSS檔案**...等等。 文章頗長，沒有開發背景的話讀起來比較生澀，但對於和工程師溝通會很有幫助，推薦給大家。 ![](./wp-content/uploads/2021/01/%E7%B6%B2%E9%A0%81%E6%95%88%E8%83%BD%E5%84%AA%E5%8C%96%E6%A1%88%E4%BE%8B-smashing-magazine-1024x853.png) Smashing Magazine 優化後的成效 連結: [案例文章](https://www.smashingmagazine.com/2021/01/smashingmag-performance-case-study/) * * * ## GA4 - Cohort Analysis 介紹 & Demo 帳戶開放 GA4中的同類群組分析(Cohort Analysis)，除了原本的*標準 (standard)*，現在新增了兩種計算方式 - *累計 (rolling)*、*累積 (cumulative)*。同類群組分析是相當重要的分析方法，可以幫助分析者看出**有完成特定事件/行為的使用者，是否對於網站的某項指標帶來顯著的影響**，對於這個概念還不熟悉的話，非常推薦大家閱讀這篇Max行銷誌上的文章。 ![cohort analytics Max行銷誌](https://www.maxlist.xyz/wp-content/uploads/2021/01/cohort-analytics-Max行銷誌.jpg) [Max行銷誌 — \[數據分析\] GA4 Cohort Analytics (同類群組分析)](https://www.maxlist.xyz/2021/01/28/ga4-cohort-analytics/) 此外，GA4也開放了一個 Demo 帳戶，讓大家進去玩玩。 ![](./wp-content/uploads/2021/01/Screen-Shot-2021-01-31-at-15.01.22.png) [消息來源: Dennis 臉書](https://www.facebook.com/permalink.php?story_fbid=4122870601065290&id=100000271720333)  * * * ## 網站前端效能優化 2021 Checklist 同樣是來自 Smashing Magazine 的文章，**這篇前端為主的網站效能檢查清單列了77點。但它不只是清單，文章中有相當完整的文字介紹並搭配圖片**，印出來的話超過180頁。我目前也還沒讀完，但已經從中又多學到了幾招，推薦給大家！ ![](./wp-content/uploads/2021/01/%E7%B6%B2%E7%AB%99%E5%89%8D%E7%AB%AF%E6%95%88%E8%83%BD%E5%84%AA%E5%8C%96-2021-Checklist-1024x498.png) 連結: [完整文章](https://www.smashingmagazine.com/2021/01/front-end-performance-2021-free-pdf-checklist/) / [PDF版 (簡化)](https://www.dropbox.com/s/34noajrbm324iai/performance-checklist-1.4.pdf) * * * ## SEJ eSummit 2021 簡報整理 (共16份) 這是**一月初由 Search Engine Journal 辦的線上研討會**，影片的部分沒辦法公開分享，但**簡報的部分幫大家整理在[這個資料夾](https://drive.google.com/drive/folders/1USXuR9up-TlP_3Nq82rec8VHZcJ6NEDw?usp=sharing)(共16份)**。其中我推薦的三個演講是: - \[Bastian Grimm\] Deep-Diving Into Google’s Core Web Vitals - \[Jackie Chu\] Scaling SEO for the Enterprise - \[Jenn Mathews\] Where Does SEO Fit? 後面兩個偏向SEO在公司中的定位，身為inhouse SEO看完相當有感觸。 * * * ## 官方Podcast - Search Off the Road EP.12 這集的 Podcast 請來了 Cherry Prommawin，她是負責亞洲區的 Google 搜尋質量小組成員，也是去年台灣舉辦 [Google 搜尋基礎研討會](https://publishersonair.withgoogle.com/events/search-basics-tw)時，幫忙回答問題的那位。這集的第一個重點是，**Cherry 提到 Google 在東南亞遇到的一個問題是，在一些語言、或特定領域中，它們沒有足夠的內容來回傳給使用者，畢竟這個世界上有很多相當少人在使用的語言(或文字)**，所以她工作的其中一部份就是要鼓勵大家創造內容。 Gary補充說道。**索引的階段有一個「Index Selection」的過程，他們不會因為某種語言的使用人數少，就花費較少的資源索引**，而事實上，Google內部有個機制就是要確保不會有這樣子的情況發生。 另一個有趣的重點是，**Gary提到Google的索引其實是有等級之分的**。因為網路世界非常大，Google的索引系統也需要相當大的空間來儲存，但絕大多數的網頁可能發布後就不再更新，平時也不會被搜到，因此這類型的"檔案"會被放在儲存成本低但速度慢的空間中，例如 SSD (固態硬碟)；相較之下，像新聞類型的網頁，可能每秒都會出現在搜尋結果好幾次，這類型的檔案就會被放在儲存成本高但速度快的空間中，例如 RAM (隨機存取記憶體)。 [Spotify episode](https://open.spotify.com/embed/episode/5uGYlUNni3mhSaDyoSGPOx) [在 Spotify 查看原始內容](https://open.spotify.com/episode/5uGYlUNni3mhSaDyoSGPOx) 連結: [逐字稿](http://traffic.libsyn.com/preview/search-off-the-record/Search_Off_the_Record_-_12th_episode.pdf) / [SER報導 (search indexing tiers)](https://www.seroundtable.com/google-search-indexing-tiers-30784.html) / [SER 報導 (google language diversity)](https://www.seroundtable.com/google-search-index-diversity-languages-30783.html) * * * ## 【官方新手影片】從Google上移除違法內容 這部影片介紹了怎麼從 Google 上移除「違法」內容 (違反法律、釣魚網站、未授權內容...等)。所有的程序都可以從[這個網頁](https://support.google.com/legal/answer/3110420)上開始，而「移除」並不限定搜尋，可以是 YouTube、Google Photos、Google Drive、或其他 Google 產品。 [YouTube video player](https://www.youtube-nocookie.com/embed/8G36Uoq5Uyo) [在 YouTube 查看原始影片](https://www.youtube.com/watch?v=8G36Uoq5Uyo&) Google 另外有一個 [Transparency Report 的網站](https://transparencyreport.google.com/copyright/overview)，可以看到他們至今移除了將近50億個網頁、312萬個網域，那些網頁因為侵權行為被拿掉也可以在上面找到。 - ![](./wp-content/uploads/2021/01/%E4%BE%B5%E6%AC%8A%E4%B8%8B%E6%9E%B6Google%E6%90%9C%E5%B0%8B-1024x498.png) - ![](./wp-content/uploads/2021/01/Google%E6%90%9C%E5%B0%8B-%E9%81%95%E5%8F%8DDMCA%E9%81%AD%E7%A7%BB%E9%99%A4.png) 範例: 瘋先生控告另一個網頁抄襲，使該網頁在Google Search上被移除。 * * * ## R.I.P. - Hamlet Batista Hamlet是 [RankSense](https://www.ranksense.com/) 的創辦人，在SEO中最廣為人知的是他利用Python做各種SEO的事情，結合Python與SEO的人不少，但像他這麼活躍地分享的人不多。我曾經在幾次活動中聽過他的演講，跟他說過一些話，從他的文章與Twitter也學到非常多東西，是我相當景仰的人。 這裡推薦幾篇他的文章： - [A Practical Introduction to Machine Learning for SEO Professionals](https://www.searchenginejournal.com/machine-learning-practical-introduction-seo-professionals/366304/) - [How to Produce Quality Titles & Meta Descriptions Automatically](https://www.searchenginejournal.com/titles-meta-descriptions-automatically-python-javascript/360108/) - [How to Use BERT to Generate Meta Descriptions at Scale](https://www.searchenginejournal.com/bert-generate-meta-descriptions/332585/) - [Advanced Duplicate Content Consolidation with Python](https://www.searchenginejournal.com/advanced-duplicate-content-consolidation-python/314471/) - [\[影片\] Python for SEOs](https://www.youtube.com/watch?v=45Hg9Y8HZOw) ![](./wp-content/uploads/2021/01/hamlet-batista-lily-ray-and-friends-601343fdeb6ea-1520x800-1-1024x539.jpg) 在紐約一場活動中第一次見到 Hamlet 本人，遺憾當時沒跟他合照，僅出現在這張照片的背景中 * * * 前20名註冊的「白金會員」，在上週應該已經收到和我約30分鐘聊天的邀請信了，歡迎跟我約個時間聊聊！如果你錯過了這個機會，Slack 上的 `#virtual-coffee` 頻道也提供了一個和其他同行交流的管道，歡迎加入~ **分類** - [SEO電子報](/categories/seo電子報.html) **標籤** - [SEO電子報](/tags/seo電子報.html) Keep exploring ## 繼續閱讀 [全部文章 →](/articles.html) [上一期**SEO電子報第二十四期 – 2021.01.01~2021.01.15**](/seo-newsletter-issue-24.html)[下一期**SEO電子報第二十六期 – 2021.02.01~2021.02.15**](/seo-newsletter-issue-26.html) ### 相關文章 2021年2月28日 #### [SEO電子報第二十七期 – 2021.02.16~2021.02.28](/seo-newsletter-issue-27.html) [閱讀文章 →](/seo-newsletter-issue-27.html) 2021年3月15日 #### [SEO電子報第二十八期 – 2021.03.01~2021.03.15](/seo-newsletter-issue-28.html) [閱讀文章 →](/seo-newsletter-issue-28.html) 2021年4月1日 #### [SEO電子報第二十九期 – 2021.03.16~2021.03.31](/seo-newsletter-issue-29.html) [閱讀文章 →](/seo-newsletter-issue-29.html) × 開啟原圖 ↗