--- title: "SEO電子報第三十七期 – 2021.07.16~2021.07.31" description: "這期的內容有相當多的資訊! WordPress新推出的Pattern是我認為非常強大值得關注的一項突破；Gary難得的在推特上告訴大家轉址最好維持至少一年，並回答了各項疑問；另外還有分析CLS問題，以及圖片搜尋指令的實用技巧。歡迎大家閱讀後留言你的看法~~" canonical: "https://www.darrenhuang.com/seo-newsletter-issue-37.html" markdown: "https://www.darrenhuang.com/seo-newsletter-issue-37.md" locale: "zh-hant" language: "zh-Hant" translationKey: "post:seo-newsletter-issue-37" type: article published: "2021-07-30T00:00:00.000Z" modified: "2024-09-02T00:00:00.000Z" --- > 此 Markdown 版本由正式 HTML 內容自動產生。 > 引用時請使用 [canonical page](https://www.darrenhuang.com/seo-newsletter-issue-37.html)。 數位引擎文章 # SEO電子報第三十七期 – 2021.07.16~2021.07.31 這期的內容有相當多的資訊! WordPress新推出的Pattern是我認為非常強大值得關注的一項突破；Gary難得的在推特上告訴大家轉址最好維持至少一年，並回答了各項疑問；另外還有分析CLS問題，以及圖片搜尋指令的實用技巧。歡迎大家閱讀後留言你的看法~~ Darren Huang·2021年7月30日·約 10 分鐘更新於 2024年9月2日 本文目錄10 個段落 1. [Google推出"Link Spam Update"](#toc-1) 2. ["About This Result"告訴你為何某網頁排名在前](#toc-2) 3. [WordPress正式推出 "Pattern"](#toc-3) 4. [Gary: 至少讓轉址維持一年再拿掉](#toc-4) 5. [Google正式推出SeekToAction影片結構化資料](#toc-5) 6. [技巧: 模擬使用者行為來偵錯CLS問題](#toc-6) 7. [圖片搜尋指令 src: & imagesize:](#toc-7) 8. [完整 XML Sitemap 指南 by Sitebulb](#toc-8) 9. [\[官方文章\] 分析自然流量下降原因](#toc-9) 10. [\[影片\] 使用共享伺服器會對SEO不好嗎?](#toc-10) **本文目錄** 1. [Google推出"Link Spam Update"](#toc-1) 2. ["About This Result"告訴你為何某網頁排名在前](#toc-2) 3. [WordPress正式推出 "Pattern"](#toc-3) 4. [Gary: 至少讓轉址維持一年再拿掉](#toc-4) 5. [Google正式推出SeekToAction影片結構化資料](#toc-5) 6. [技巧: 模擬使用者行為來偵錯CLS問題](#toc-6) 7. [圖片搜尋指令 src: & imagesize:](#toc-7) 8. [完整 XML Sitemap 指南 by Sitebulb](#toc-8) 9. [\[官方文章\] 分析自然流量下降原因](#toc-9) 10. [\[影片\] 使用共享伺服器會對SEO不好嗎?](#toc-10) 這期的內容有相當多的資訊! WordPress新推出的Pattern是我認為非常強大值得關注的一項突破；Gary難得的在推特上告訴大家轉址最好維持至少一年，並回答了各項疑問；另外還有分析CLS問題，以及圖片搜尋指令的實用技巧。歡迎大家閱讀後留言你的看法~~ - [Google推出「Link Spam Update」](./seo-newsletter-issue-37.html#toc-1) - [「About This Result」告訴你為何某網頁排名在前](./seo-newsletter-issue-37.html#toc-2) - [WordPress正式推出「Pattern」](./seo-newsletter-issue-37.html#toc-3) - [Gary: 至少讓轉址維持一年再拿掉](./seo-newsletter-issue-37.html#toc-4) - [Google正式推出`SeekToAction`影片結構化資料](./seo-newsletter-issue-37.html#toc-5) - [技巧: 模擬使用者行為來偵錯CLS問題](./seo-newsletter-issue-37.html#toc-6) - [圖片搜尋指令 `src:` & `imagesize:`](./seo-newsletter-issue-37.html#toc-7) - [完整 XML Sitemap 指南 by Sitebulb](./seo-newsletter-issue-37.html#toc-8) - [\[官方文章\] 分析自然流量下降原因](./seo-newsletter-issue-37.html#toc-9) - [\[影片\] 使用共享伺服器會對SEO不好嗎?](./seo-newsletter-issue-37.html#toc-10) * * * ## Google推出"Link Spam Update" 這是[上一期](./seo-newsletter-issue-36.html#toc-10)才出現過的Duy所發布的公告，在07-26這天，Google推出了一項演算法更新，取名為「link spam update」，預計兩周內完全推出，目的是要更有效率的辨別及忽視連結造成的spam，影響範圍為全球性的並無視語言。 反向連結的討論就不在這邊延伸展開，有興趣的可以閱讀我的[反向連結文章](./what-is-backlink-in-seo.html#:~:text=%E7%AB%99%E9%95%B7%E8%A9%B2%E5%A6%82%E4%BD%95%E4%BB%A5%E6%AD%A3%E7%A2%BA%E7%9A%84%E5%BF%83%E6%85%8B%E7%9C%8B%E5%BE%85%E5%8F%8D%E5%90%91%E9%80%A3%E7%B5%90,%E4%B8%8A%E9%9D%A2%E7%9A%84%E4%B8%89%E7%A8%AE%E5%88%86%E9%A1%9E%E7%B0%A1%E5%96%AE%E5%8D%80%E5%88%86%E4%BA%86%E5%93%AA%E4%BA%9B%E6%98%AF%E5%A5%BD)，尤其是站長心態以及Google的看法這兩段。 ![](./wp-content/uploads/2021/07/linkspam-blog-1-1024x293.png) 打擊不自然的反向連結的演算法(Google Penguin)，自從2012年就已經存在，我認為Google特別做出公告，是在警告SEO們即將可能發生的排名波動，未來幾周甚至幾個月，在觀察流量的變化上可以將此納入[可能因素](./seo-newsletter-issue-36.html#toc-1)。 連結: [Link Spam Update公告](https://developers.google.com/search/blog/2021/07/link-tagging-and-link-spam-update) / [SER報導](https://www.seroundtable.com/google-link-spam-update-31820.html) * * * ## "About This Result"告訴你為何某網頁排名在前 [第26期](./seo-newsletter-issue-26.html#toc-2)的時候介紹過"About This Result"這個出現在SERP上個額外資訊框，現在Google將該網頁為何排名在前的原因也顯示在其中，這項功能目前僅在美國的英文結果上出現，並會在未來幾個月讓更多人使用。 > Twitter／X 貼文 > > [在 Twitter／X 查看原始貼文](https://twitter.com/searchliaison/status/1418267785482833923) 提供這些資訊主要的目的是讓一般的使用者能更相信Google的搜尋結果、知道為何Google把這些網頁推薦給他們、以及建議一些搜尋的技巧(ex: 使用雙引號)。對於有些SEO經驗的人相信不會對下面這些因素感到意外。 - **相符關鍵字 (Matching Keywords)** - 該網頁使用了你所搜尋的字 - **相關字詞 (Related terms)** - 該網頁出現了你所搜尋的字的相關字 - **連結 (Looking at links)** - 有其他網頁連到這個網頁，並使用了與你所搜尋的字作為[錨點文字](./seo-anchor-text-and-google-bomb.html)。 - **地區相關性 (Local relevance)** - 這個結果與你使用的語言或你所在的國家or區域有關 ![](./wp-content/uploads/2021/07/about-this-results%E7%AF%84%E4%BE%8B.png) About This Result 顯示網頁出現的原因 連結: [官方公告](https://blog.google/products/search/learn-more-and-get-more-from-search/) * * * ## WordPress正式推出 "Pattern" WordPress自從5.0版開始將預設編輯器改為區塊化的Gutennberg編輯器，雖然很多人不習慣，但區塊編輯器(ex: Gutenberg, Elementor...etc)有其好用的地方，例如這次v5.8正式推出的Patten功能。 類似於WordPress上的主題(Theme)和外掛(Plugin)，Pattern可以讓你把設計出來的區塊變成一個模板，然後重複使用。更甚者，你可以再Pattern Directory瀏覽別人所設計出來的區塊，套用到自己的網頁中，就像下載外掛或套用主題這麼簡單! ![](./wp-content/uploads/2021/07/Wordpress-Pattern.png) 在Pattern Directory上瀏覽設計師做好的區塊模板 因為剛推出，現在Pattern目錄上的可用區塊還不多，但對於使用WordPress的站長來說，這項更新影響非常大，不容錯過! 連結: [官方公告](https://make.wordpress.org/meta/2021/07/20/the-wordpress-pattern-directory-is-live/) / [WP Pattern Directory](https://wordpress.org/patterns/) / [WP v5.8改版公告](https://wordpress.org/news/2021/07/tatum/) * * * ## Gary: 至少讓轉址維持一年再拿掉 當然，如果可以永遠不拿掉最好。 絕大多數的情況下，都是建議轉址後就不要拿掉，因為(1.)使用者可能仍然會意外拜訪舊的網址，而你希望他看到正確的網頁，(2.)你希望舊網址所收集的SEO價值，能夠傳遞到新的網址上。 Gary的這個回答是說，撇開(1.)的情況，官方的建議是讓轉址至少維持一年，來確保Google有足夠時間把所有訊號都轉移到新網址上。 舉個例子，`URL A`有超多的反向連結，在某天`URL A 被設定轉址到URL B`，轉址設定後`URL A`的價值將傳遞到`URL B`上。轉址設定後過了一年，因為某些原因轉址被拿掉了，`URL A`變成了一個404頁面或者新的網頁，**那`URL A`因為反向連結而得到的價值將會持續留在`URL B`上，不會因為轉址的消失而消失。** > Twitter／X 貼文 > > [在 Twitter／X 查看原始貼文](https://twitter.com/methode/status/1417920011071537153) 大部分的人可能會想說把轉址留著就好了，為什麼要拿掉? 理想上的確是不要拿掉最好，但實務上，可能因為別的組非常非常想要使用`URL A`來創建網頁，或者工程師想要清理後端的轉址條件，跑來詢問SEO的意見，這時我們就能保持專業的引用官方的回答了。 連結: [SER報導](https://www.seroundtable.com/google-redirect-signals-stick-year-31797.html) / [官方文檔](https://developers.google.com/search/docs/advanced/crawling/site-move-with-url-changes#:~:text=keep%20the%20redirects%20for%20as%20long%20as%20possible) * * * ## Google正式推出`SeekToAction`影片結構化資料 Google宣布SeekToAction脫離beta測試，現在大家都可以使用這項結構化資料。 要讓影片有Key Moments出現有兩個結構化資料可以使用，一個是`Clip`(數位引擎在2019曾[介紹](https://www.facebook.com/searchenginecommunity/posts/575346049870008)過)，另一個則是`SeekToAction`。兩者的差別是: - `Clip`: 需自己定義每個段落的開始與結束時間，並提供段落的名稱 - `SeekToAction`: 讓AI自行判斷影片的段落與段落名稱，僅需提供影片格式(ex: ?t=45表示影片45秒處) ![](./wp-content/uploads/2021/07/key-moments-example1.png) Key Moments在搜尋結果上的外觀 若影片是讓在YouTube上，那也可以在影片的說明方塊加上[影片章節](https://support.google.com/youtube/answer/9884579)來達到Key Moments的效果。 連結: [SeekToAction 官方公告](https://developers.google.com/search/blog/2021/07/new-way-key-moments) / [影片Key Moments結構化資料](https://developers.google.com/search/docs/data-types/video#:~:text=activities.-,Key,moments,-The) * * * ## 技巧: 模擬使用者行為來偵錯CLS問題 「使用PageSpeed Insights的時候都說網站CLS沒問題，但Search Console裡面卻顯示CLS分數極差，為什麼會有這樣的差異呢?」 [累計版面配置轉移](./core-web-vitals-lcp-fid-cls.html#CLS) (CLS, Cumulative Layout Shift)是一個比較難偵錯的指標，因為**它衡量的不只是網頁在載入過程中的非預期性板塊移動**，也包含的使用者在瀏覽網站時的板塊移動。使用PageSpeed Insights這類型工具時，由於工具不會與網站互動 (ex: 滾動、待超過一定時間)，因此有些板塊移動的情形不會被實驗室工具發現，所以造成這樣的落差。 Rick Viscomi寫了一篇文章，除了解釋上面這項原因，也提供了兩個解法，(1.)使用[瀏覽器插件](https://chrome.google.com/webstore/detail/web-vitals/ahfhijdlegdabablpippeagghigmibma?hl=en)，並實際與網頁互動，或者是(2.)使用WebPageTest中的Inject Script功能，強制工具在網頁載入後往下滾動，再判斷是否有CLS問題。 ![](./wp-content/uploads/2021/07/rhot7.jpg) 圖中可以看到畫面並不是停在最上方，而是往下滾動過，來反映版塊移位的情形 第二個方法我覺得非常聰明，塞入額外的腳本也是以前不知道的PageSpeedTest功能，推薦給大家! 連結: [Rick Viscomi文章](https://dev.to/rick_viscomi/simulating-real-users-in-the-lab-to-debug-cls-issues-3hnp) * * * ## 圖片搜尋指令 `src:` & `imagesize:` Google 更新了其[搜尋指令的文檔](https://developers.google.com/search/docs/advanced/debug/search-operators/overview)，介紹`src:`和`imagesize:`這兩個專屬於圖片搜尋的少見指令。 其中`**src:**`可以返回「來源為特定網域的圖片」，一個很實用的方法是知道你的圖片被那些其他的網站引用了。舉例來說， 輸入`*-site:darrenhuang.com src:darrenhuang.com*` 可以看到有哪些網頁崁入了我的圖片。 當然，這僅限於對方直接使用你的圖片網址的情況，若圖片被下載再重新上傳則無效。 ![](./wp-content/uploads/2021/07/%E5%9C%96%E7%89%87%E6%90%9C%E5%B0%8Bsrc%E6%8C%87%E4%BB%A4-1024x462.png) 知道那些網頁使用了來自 darrenhuang.com 的圖片 另一個`**imagesize:**`的指令我是第一次知道，功能是找出特定大小的圖片。舉例來說， 輸入`*tokyo olympics imagesize:900X1200*`即可看到長1200px/寬900px的東京奧運圖片。 根據測試，數字的部分必須要精準，有一點不同就會得到不同的結果；另外這指令沒辦法根據"比例"來尋找圖片，這是我覺得可能會比較有用的功能。 ![](./wp-content/uploads/2021/07/%E5%9C%96%E7%89%87%E6%90%9C%E5%B0%8Bimagesize%E6%8C%87%E4%BB%A4-1-1024x462.png) 找出特定尺寸的圖片 以上兩個都是圖片專屬的搜尋指令，如果大家有想到什麼不錯的使用情境歡迎留言分享! 另外關於一般網頁的搜尋指令想了解更多的可以參考[這篇Moz的文章](https://moz.com/blog/google-advanced-search-operators)，介紹了一些實務上常見的應用。 * * * ## 完整 XML Sitemap 指南 by Sitebulb 由Sitebulb所發布的一篇XML Sitemap教偷學。對於這種基礎文章，我三不五時會瀏覽一遍，確保自己的認知是正確的、吸收新的細節或小技巧、並學習別人是怎麼表達這個概念 (理解和講得讓人聽懂是不同的境界)。 我推薦SEO新手可以詳細閱讀這篇文章，老手們可以快速地讀過去當作複習，我自己看完比較有被提醒到的是下面幾個點: 1. 如何找到一個網站的XML Sitemap? 這在分析對手網站的時候非常實用。 2. XML Sitemap 裡有哪些主要的標籤(url, loc, lastmod, priority...)，那些Google在乎那些不在乎? 3. XML Sitemap該被放在哪裡 - 根目錄或者哪裡都可以? 這點文章寫得和我的認知有差異，查證後我覺得文章是[錯誤](https://developers.google.com/search/docs/advanced/sitemaps/build-sitemap#:~:text=a%20sitemap%20can%20be%20posted%20anywhere%20on%20your%20site%2C%20but%20a%20sitemap%20affects%20only%20descendants%20of%20the%20parent%20directory)的，xml sitemap不一定要只能放在根目錄。 另外補充一個冷知識，給搜尋引擎看的sitemap，不一定要是.xml檔! 連結: [Sitebulb文章](https://sitebulb.com/resources/guides/the-ultimate-guide-to-xml-sitemaps-for-seo/) / [Google文檔](https://developers.google.com/search/docs/advanced/sitemaps/build-sitemap) * * * ## \[官方文章\] 分析自然流量下降原因 由Daniel Waisberg所發表的文章，要讓大家在流量下降時有比較好的方向，知道怎麼透過GSC或其他工具來分析原因。他認為網站的流量掉落有五大可能原因 - 1.)技術性問題、2.)安全性問題、3.)人為介入處理、4.)演算法改動、5.)搜尋興趣變動。 ![](./wp-content/uploads/2021/07/%E8%87%AA%E7%84%B6%E6%B5%81%E9%87%8F%E4%B8%8B%E9%99%8D%E5%8E%9F%E5%9B%A0-1024x683.png) 流量變化線圖及可能原因 通常前三種因素都還算明顯，比較難的是演算法的改動，或是對手對網站做了些改動。實務上要將流量變化歸因頗為複雜，甚至通常時候都只能點出可能原因，沒法具體知道確切因素。 我認為這篇文章的重點是，造成網站自然流量下降的原因有很多，而有哪些工具可以協助站長們分析。 連結: [官方文章](https://developers.google.com/search/blog/2021/07/search-traffic-drops) * * * ## \[影片\] 使用共享伺服器會對SEO不好嗎? [YouTube video player](https://www.youtube-nocookie.com/embed/VQpRU8aqSZk) [在 YouTube 查看原始影片](https://www.youtube.com/watch?v=VQpRU8aqSZk) 這集的影片回答了一個很常見的迷思 - 「*與其他網站共享伺服器(shared hosting)，會不會造成網站的SEO表現較差?*」，答案簡單來說是**不會**，但通常這樣的顧慮背後有兩個原因: **1.) 跟我共享伺服器的可能是壞網站，我怕他被處罰我也跟著被處罰! **不會的，共用伺服器或共用IP地址是網路世界中很自然的事情，Google看待的是網站，而不是你的"鄰居"，[John不是第一次回答這個問題](https://www.searchenginejournal.com/google-multiple-sites-ip-not-problem-similar-content/254799/#:~:text=all%20the%20same%20ip%20address%20%E2%80%94%20that%E2%80%99s%20really%20not%20a%20problem%20for%20us.%20it%E2%80%99s%20really%20common%20for%20sites%20to%20be%20on%20the%20same%20ip%20address.%20that%E2%80%99s%20kind%20of%20the%20way%20the%20internet%20works.)。 **2.) 共享伺服器可能會造成伺服器表現的不穩定，我的網站會因為鄰居太熱門而過載! **這的確會造成問題，但共享伺服器可以有很穩定的；專屬伺服器也可能有很差勁的。雖然通常專屬伺服器會優於共享伺服器，但穩定性及表現還是取決於提供商，不該一概而論。我的建議是中小型網站可以考慮VPS (共享實體伺服器、不共享伺服器資源)。 * * * 最近學到一個叫做[Web Authn](https://webauthn.guide/)的API，可以讓使用者用指紋、人臉辨識、或硬體安全鑰來註冊帳號，而非傳統的帳號密碼，更安全也更有效。這項技術已經存在一陣子了，但最近才在某個網站上實際見識到，開了個眼界，大家有空到這個[demo網站](https://webauthn.io/)(用手機開啟)玩玩看~ **分類** - [SEO電子報](/categories/seo電子報.html) **標籤** - [SEO電子報](/tags/seo電子報.html) Keep exploring ## 繼續閱讀 [全部文章 →](/articles.html) [上一期**SEO電子報第三十六期 – 2021.07.01~2021.07.15**](/seo-newsletter-issue-36.html)[下一期**SEO電子報第三十八期 – 2021.08.01~2021.08.15**](/seo-newsletter-issue-38.html) ### 相關文章 2021年7月1日 #### [SEO電子報第三十五期 – 2021.06.16~2021.06.30](/seo-newsletter-issue-35.html) [閱讀文章 →](/seo-newsletter-issue-35.html) 2021年9月1日 #### [SEO電子報第三十九期 – 2021.08.16~2021.08.31](/seo-newsletter-issue-39.html) [閱讀文章 →](/seo-newsletter-issue-39.html) 2021年6月15日 #### [SEO電子報第三十四期 – 2021.06.01~2021.06.15](/seo-newsletter-issue-34.html) [閱讀文章 →](/seo-newsletter-issue-34.html) × 開啟原圖 ↗