數位引擎Darren Huang
數位引擎文章

SEO電子報第四十六期 – 2021.12.01~2021.12.15

接近年底了，SEO圈也和大家其他產業一樣會在這段時間比較安靜。這期介紹了兩個2021年與SEO相關的年度報告，另外有幾個推薦的閱讀，建議大家看過我下面寫的總結後再決定要不要閱讀全文，內容還是有些不少不錯的資訊，儘管標題看起來可能有點水...

Darren Huang更新於 2024年9月2日

接近年底了，SEO圈也和大家其他產業一樣會在這段時間比較安靜。這期介紹了兩個2021年與SEO相關的年度報告，另外有幾個推薦的閱讀，建議大家看過我下面寫的總結後再決定要不要閱讀全文，內容還是有些不少不錯的資訊，儘管標題看起來可能有點水... 最後是最後的"包容性語言"，這是國外近幾年的風潮，儘管還沒見到中文圈有太多的討論，但是個值得開始關注的議題。

[新聞] 12月產品評論算法更新

「商品評論算法」在今年四月初亮相，目的是要打擊質量不高，只放上基本或重複的資訊就配上導購連結的業配文。時隔半年多，Google對這項演算法又做了一次調整，於12/1推出，影響英文內容，預計三個禮拜內更新完畢。

四月份那次的影響相當顯著，我自己也目睹了幾個網站流量有~20%的波動，如果你所管理的是這評論或導購網站，可以密切關注近期的波動。這次的公告中新增了兩個原則:

  1. 提供您自己實際體驗產品的證據(視覺、聽覺..等等)，以支持您的專業知識並加強您評論的真實性。
  2. 評論中放上指向多個賣家的連結，讓讀者可以選擇從他們選擇的商家處購買。

其中第二點在Twitter上引起了一些討論，因為Amazon的使用條款中有寫道評論者不能使用了Amazon的產品資訊(圖片、影片、商品描述...)，但卻連到非Amazon的網站。對此，Google的官方代表僅回應評論者要自己選擇哪個來遵守。

連結: 官方公告 (12月 / 4月)

[新聞] Google商家推出三個新的競爭曝光率指標

Google Merchant Center是商家能夠設定Google購物廣告或是將商品免費刊登在Google購物的平台。最近平台上推出了一份新的競爭曝光率(competitive visibility)報表，裡面包含了三個相當有用的指標

  • 相對曝光率 (Relative visibility) - 是競爭對手產品，相對於你的產品在Google Shopping上的曝光次數百分比。
  • 頁面重疊率 (Page overlap rate ) - 指的是你的商品出現在Google Shopping時，競爭商家的商品也同時曝光的重疊率。
  • 排序落後率 (Higher position rate) - 代表當你和競爭商家都有商品出現時，對手排名在前面的百分比。
目前僅在美國推出的競爭曝光率報表

連結: 官方文檔

[報告] 2021 Local SEO排名因素調查

這項調查由 Whitespark 推出，訪問了 Local SEO 的專家並調查他們認為在2021年，132的可能排名因素，在 Local Pack/Local Finder 和 Local Organic Ranking 的重要性。

「專家認為現在比較重要的影響因素有那些?」「圖片的 EXIF metadata 還重要嗎?」、「確保 NAP (name; address; phone) 的一致性是否一樣重要?」...等等，如果你經營的網站屬於 Local SEO 的範疇，那相當推薦花點時間讀這份報告

Local Pack / Local Finder / Local Organic 三者差異
專家認為最重要的排名指標
Local SEO 因素歷年變化

連結: Local SEO 2021報告 / Local SEO 2020報告 / Matt Cutts談圖片EXIF元數據

[報告] 2021 Web Almanac 網路年鑑報告

相較於前面的年度報告，這份 2021 web almanac 就沒有那麼好消化，總共有24個章節，由超過113名貢獻者，分析近820個網站所得來的報告。下面整理幾個我掃過去看到的有趣數字，如果對哪個章節特別有興趣請自行前往閱讀，也歡迎留言你的發現!

  • HTTPS使用率 - 桌機網頁是84.3% (up 7% YoY)，手機網頁為81.2% (up 8% YoY) (link)
  • CWV的通過率 - 桌機網頁是41% (去年為34%)，手機網頁為29% (去年為24%) (link)
  • 71.9%的網頁有H2，但只有65.4%的網頁有H1 (link)
  • 以2021年七月的數據來看，77.4%網站的手機流量比桌面流量還要高 (link)
  • Lighthouse的資料顯示，一半的網頁載入了155KB左右的未使用JavaScript，佔了全部載入JS資源的36.2% (link)
  • 在使用 Content Delivery Network 的網站中，75.4%使用的是 WordPress，且WP的市占率也較去年增加了兩個百分點 (link)
  • 在排名前1000的網站中，82%都支援 HTTP/2 (link)

連結: 2020 Web Almanac 網路年鑑簡要

[趣聞] Google 2021 年度搜尋回顧

大家應該都知道Google每年這個時候都會出當年的搜尋回顧，看看不同國家在不同分類上當年度搜尋量最高的字。我自己每次看到都會不知不覺花一些時間在上面逛，尤其可以篩選成全球或特定國家，看看各國都在流行些什麼。

台灣 2021 年流行的幾個字

另外一個比較少人知道的地方是，不同的國家有時候會有不同的分類，例如日本就有「遊戲」和「動畫」這兩個其他國家看不到的類別!

連結: 2021搜尋字排行榜 / 2020搜尋字排行榜

[研究] 反向連結對SEO還重要嗎?

在SEO圈三不五時會聽到有人說連結不再重要，所以秉持著實驗精神，Ahrefs 做了這項測試要來看反向連結到底對網站排名是否還有影響。他們用的方法不是大量增加反向連結後觀察排名 (如果有辦法這樣做那連結質量想必不高)，而是選了三篇文章，將其一共3,476的連結放進disavow檔案中，要Google不要計入這些連結的價值。

網頁流量在加入/移除 disavowed links的前後變化

結論是連結仍然對於排名有相當的影響。另外一點有趣的是在把 disavow 檔案移除後，網頁的排名並不一定回到一開始的水準，原因並不確定，但個人猜想有可能是排名掉落的期間，Google看到取而代之的競爭網頁也能夠滿足搜尋者的意圖，因此繼續讓該競爭網頁排在前面。

連結: Ahrefs 連結實驗

[好文] 為什麼 VP of SEO 的職位幾乎看不到?

前幾期有說過最近很喜歡看Tom Critchlow的商業雞湯類SEO文章，這篇也是深得我心，在和同行的聊天中很常聽到大家不知道自己職涯的下一步發展(包括我自己也是)，SEO繼續走下去會是什麼職位? 技能樹要怎麼點? 雖然作者所分享的是他在美國的工作經驗，但應該有不少值得參考的地方，推薦大家關注他的電子報 - The SEO MBA!

Tom 某次規劃的 SEO 團隊架構

Tom分他享有次幫一家公司重新整頓SEO團隊，該團隊超過30人，並設計由 VP of SEO 來帶領，但在招到這個人之後，他們發現這團隊所負責的本質上就是整個前端的網站體驗，所以隨之將頭銜改為 VP of Product。文中提倡的一個觀念就是"離開你的SEO部落"，不要只在乎SEO在乎的東西。舉例來說，

  • 如果你未來想往 product 走 - 那網頁設計、轉換率的測試...等就該開始接觸，而不是僅在乎網頁有標題, 敘述, H1, H2...諸如此類的。
  • 如果你未來想往 marketing 走 - 那你應該要更全面了解一個項目能夠如何幫助SEO以外的流量管道，或是更深入認識PR、品牌定位的戰略執行方法。

連結: 本文英文原文 / Tom過去文章介紹 - 如何在公司內倡導SEO ; 對公司高層的SEO報告怎麼做

[資源] AMP Bento: 在非AMP網站上使用AMP模塊

AMP Bento的概念是要讓網站上的UI模塊，各個AMP化 ，讓不是AMP的網頁也能使用現成的AMP模塊，使網頁至少就該模塊來說能夠有良好的體驗。換句話說，網頁如果要新增一個圖片輪播的模塊，開發者就能到AMP Bento上找已經開發好的程式碼，應用在自家網站上。就像一個便當盒裡面有不同的小菜(模塊)一般。

AMP Bento確保網頁新增這個模塊是帶來良好網頁體驗 (page experience)、適合各種網頁架構 (framework independence)、以及組件間彼此獨立不互相影響 (component isolation)。舉例來說，網頁只要向下面這樣在<head>中載入bento需要的JS和CSS，就能在<body>中使用<bento-fix-text>這個字體會根據模塊大小調整的組件。

<!DOCTYPE html>
<html>
<head>
  <script async src="https://cdn.ampproject.org/bento.js"></script>
  <script
    async
    src="https://cdn.ampproject.org/v0/bento-fit-text-1.0.js"
  ></script>
  <link
    rel="stylesheet"
    href="https://cdn.ampproject.org/v0/bento-fit-text-1.0.css"
  />
</head>
<body>
  <bento-fit-text style="max-width: 200px; height: 60px">
    Hello world!
  </bento-fit-text>
</body>
</html>

連結: 官方公告 / 2019年的AMP大會上AMP Bento亮相

[案例] 優化電商網頁分類頁面 (6.3s > 2.7s)

這類型的案例不算少，但特別選這篇出來講是因為裡面包含了相當具體的步驟欲檢查項目，即使不是前端工程師只要有點概念也能看懂。該作者選了一個衣服零售網站的分類頁面，並就其看到的問題加以優化，把LCP的載入時間從6.3秒縮短到了2.7秒，並估算這會對該公司的營利帶來8~12%的成長。

優化前後比較

案例中提到的優化項目包含以下幾點，文章中有更詳細的敘述和截圖解釋，不妨交叉比對自家網站看有沒有能快速優化的地方。

  • 網頁會直接載入初始畫面以下(below the fold)圖片，將近5.5MB
  • 商品圖片會在滑鼠移過時顯示另外的圖片，這些圖片在手機上儘管不會顯示也會被載入
  • 使用async或nomodule讓非主要的JS資源可以延後或甚至不載入，避免render blocking
  • 將LCP的檔案放在主網域上，並在<head>中preload

連結: Norse Projects 網站優化案例

[摘要] Google Search Podcast – 包容性語言(Inclusive Language)

包容性語言(inclusive language)是這幾年快速串起的一個話題，基本上就是提倡在說話或寫作時要使用中性詞彙，避免語言本質上的刻板印象。舉例來說，在包容性寫作中應該要使用fireperson(中性)而非fireman(陽性)或firewoman(陰性)。這期podcast我在看到標題的時候，老實說當下反應是想說現在SEO也管到這裡了嗎? 但聽完後還滿有啟發的，因為的確在公司內或網路上越來越常聽到有人在討論這個議題。

雖然說使用中性詞彙這個概念很簡單易瞭，但實務上執行卻有重重困難，例如法文中的「學生」分為étudiant (陽性)或étudiante (陰性) ，中性的詞彙並不存在，因此就需要創造出來，變成étudiant/e或是étudiant·e，而複數型態則變成étudiant/es或étudiant·e·s。儘管寫作上有了較為通用的中性寫法，Google語音助手該怎麼發音也是個困擾。如果再將這個議題延伸到其他複雜語言，或甚至性別以外的包容性，就可以稍微想見整個議題有多廣了。

John有提到搜尋上Google會遇到的挑戰，主要有三個階段，(1.) 在索引階段當看到文本中使用了中性詞彙(或是任何新的詞彙)，要能夠將其提取出來；(2.) 在排名階段，演算法在搜尋詞理解時，要將搜尋字與其中性版本相互匹配 (或反之亦然)；(3.) 最後是在知識圖譜(knowledge graph)上，例如「美國的第一夫人是誰?」，原本的第一夫人是兩個實體(node or entity)間的關係(relationship)，這個關係會因為中性語言的使用而需要改變。

總結來說，他們鼓勵大家使用包容性語言，尤其當你/妳的讀者會在乎這點時。Google搜尋上會遇到各種挑戰，例如前面提到的幾個，以及例如圖片搜尋消防員的時候跑出來的都是偏男性的圖片，但這是Google要解決的問題，並非內容創作者需要因為SEO需要在意的事。

在 Spotify 查看原始內容

連結: 逐字稿 / 聯合國性別包容性語言指南 / Google的寫作指南 - inclusive篇

筆者返台隔離再八個小時就結束了 (出來要趕快去剪頭髮...)，從落地就能感受到整個防疫措施的流暢跟完善，如果大家身邊有第一線人員，代我跟他們說聲謝謝!!