數位引擎文章

SEO電子報第四十一期 – 2021.09.16~2021.09.30

這期的電子報有三個我自己很喜歡的內容 — 第二條尖叫青蛙的更新,讓使用者能用很少的預算就自動化監測網站的SEO;第三條content pruning的案例是比較少見的優化方向,能看到大型網站怎麼做相當難得;以及第四條的103 Early Hints,對我來說是新的東西,也讓我跟工程師有個不錯的話題!

這期的電子報有三個我自己很喜歡的內容 — 第二條尖叫青蛙的更新,讓使用者能用很少的預算就自動化監測網站的SEO;第三條content pruning的案例是比較少見的優化方向,能看到大型網站怎麼做相當難得;以及第四條的103 Early Hints,對我來說是新的東西,也讓我跟工程師有個不錯的話題!


[官方] 關於SERP標題改寫的更多資訊

八月中開始的SERP標題改寫引起了非常多的討論,為此Danny Sullivan在官方部落格再發了一篇文章提供更多的資訊,裡面說道根據社群的回饋,他們將SERP標題改寫(與<title> tag相異)的情形減少,原本80%調整回87%左右的網頁使用原本標題。

另外也提供了幾個標題被改寫的四個常見原因: 1.)半空標題 (Half-empty titles)、2.)過時標題 (Obsolete titles)、3.)錯誤標題 (Inaccurate titles)、4.)輕度公式化標題 (Micro-boilerplate titles)。

官方的說法難免官腔,對於標題改寫的情形個人更推薦看這篇Dr. Pete所寫的文章,他列出了幾個標題被改完後更好、普普、及更差的例子。另外還有一篇Cyrus的文章在講幾個克服標題被亂改的心得,對於很想把標題改回來的朋友們也推薦一讀。

標題內有聳肩的文字表情被改寫

[工具] 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

連結: 官方公告 / [教學] 如何設定每周自動抓取&並結合Data Studio


[案例] 清除不必要頁面 (Content Pruning)

SEO中有個優化的項目叫做content pruning,就是把價值很低的頁面刪除,讓網站整體更乾淨,節省抓取預算,降低網站內容互相競爭的情形,通常是大型網站會需要的操作。

前陣子參加會議聽到這份案例分析,該網站刪除了1.3億個網頁+優化內部連結,最後有了正面的SEO影響。結果並不意外,但這個過程及思路,以及從中的一些學習我覺得很適合管理大型網站的人參考!


[技術] Cloudflare 支援 103 Early Hints

大部分的人應該都聽過2xx、3xx、4xx、5xx開頭的伺服器狀態碼,但1開頭的比較少見,我也是在看了這篇文章才認知到103 Early Hints這個可以加快網站速度的新技術。

103的好處是可以節省伺服器準備完整回應(response)的時間,舉例來說,當瀏覽器發出一個網頁請求(request),必須等到伺服器回應後,才能看到HTML裡的內容並再向伺服器索取所需要的資源。而103則是在伺服器收到請求後,直接先把該頁會用到的資源傳回去,再把所請求的網頁在準備完全傳回客戶端。伺服器在這個情況下,相當是說「你索取的網頁我要準備一下,但這個 CSS跟這個 JS是等等會用到的,先收下!

Early Hints開啟的情形下,Cloudflare節省了 "server think time"

網站如有使用Cloudflare的CDN,即便是免費帳號也可以申請加入103的beta測試,除此之外Cloudflare也有很多不錯的功能可以幫助網站提高速度,推薦大家玩玩。

連結: Mozilla文檔 / Cloudflare文章


[實驗] 在首頁頁尾加入內部連結的SEO影響

SearchPilot測試在首頁的頁尾footer中,將連結的數量從30提高到100,放上更多的連結連到網站上其他頁面。結果: 新加入在頁尾的頁面不管在桌機或是手機,都有正面的影響。

控制組與實驗組

這絕對不是要你開始在頁尾狂塞頁面,像我以前說的,這類型的測試最好都保持著懷疑的精神看待,並自己下去測試。

我個人對這個結果感到滿意外的,因為前一陣子才在工作上和主管討論過是否該移除一些頁尾的連結。由於目前該網站的footer設計得並不好,連結有點為了塞而塞的感覺,因此最後的決定是在能夠優化其設計之前,或是有資源能進行測試之前,先保持現狀不移除。

連結: SearchPilot文章


[好文] 對公司高層的SEO報告該怎麼做

Tom Critchlow是我很仰慕的一位資深SEO前輩。他有一個newsletter,不是在講SEO的技巧和觀念,而是專注在SEO在公司內部如何獲得更好的信任和聲譽。待過inhouse可能會對此比較有感,SEO所在乎的指標,和公司領導層所在乎的指標,常常有所出入,導致報告時容易雞同鴨講;而要成功地推行專案,獲得領導層的支持又是在所難免的。

對公司高層報告的現實

Tom最近的一篇文章「Your boss cares about reporting more than you do」,我看了非常有感,簡單分享一下兩個打到我的重點,但更推薦大家過去讀完整文章。

不要使用SEO指標: SEO的報告常常會包含一些只有SEO人才有感的數字,例如「網站權重(domain authority)」、「前三名關鍵字數量」、「出現在精選摘要的關鍵字數量」...等等。把重點放在公司營收上,很常時候一份報告只包含流量跟營收,就相當清楚直覺了。

不要只根據網頁類別做區分: SEO報告很常用網頁的類型區分,例如「首頁」、「分類頁」、「產品頁」...等等,但對於高層來說,他們可能更在乎的是 tier 1, tier 2, tier 3賣家的分別、新的客群和舊的客群的增長、不同區域的市場表現比較。因此,多注意一下領導層在報告公司表現時都怎麼分類,或是與高層坐下來好好聊聊他們想看到什麼樣的報告。


[參考] 不影響CWVs的常見網頁元件模板

web.dev上發布了這份參考資料,列出了常見的網頁設計元件,在不影響網頁體驗指標(Core Web Vitals, CWVs)情況下的模板,例如無限滾動、橫幅通知、輪播...等等。

自動輪播元件的模板代碼

目前web.dev官網的"pattern"分類只有這篇文章,但未來應該會陸續有更多這類型的資源,有在做前端的朋友可以存起來當作參考,讓網站有一些厲害設計的同時又不影響到用戶體驗。

連結: web.dev文章


[參考] Google SERP外觀改動/測試紀錄

數位引擎平常比較少分享Google在SERP上做的外觀改動或測試,原因是絕大多數這些新奇的變動都是暫時的,但不得不說有些外觀改動非常有趣讓人很想分享,例如維基百科並非第一名結果卻有sitelinksSERP上的「討論」輪播版位搜尋自動完成欄位出現 People Also Ask問題...等等。

這邊推薦Brodie Clark這位SEO在他的網站上所做的整理,大家可以關注他的推特或偶爾來這網站瞧瞧新的東西。

Brodie Clark 整理 SERP外觀的變動和測試

連結: Brodie網站 / Google搜尋如何進行測試


[謠言] Google與TikTok和IG協議收錄短影片

第24期時有提過搜尋結果上出現「Short videos」輪播版位,在當時只是個測試,但現在根據The Information的報導,Google和TikTok以及Instagram正在達成一個協議,讓Google能夠收錄這兩大平台上的短影片。

其實只要影片有個公開的可以被抓取的網址,Google就能看到其內容,因此這個協議可能類似於Google與Twitter的合作,讓Google能以更有效率的方式(例如: API)看到平台上的內容,並可能在搭配上前端看不到的metadata,而非主動的派爬蟲去發現、抓取、並理解其內容。

連結: SEJ報導 / Google與Twitter合作


[影片] 網站的佈景主題(Theme)會影響SEO嗎?

答案是「會的」- 網站的佈景主題,除了顏色、字體等視覺上的呈現外,也通常會影響到連結和網站架構、載入速度這些比較技術層面的東西。

所以wordpress網站在挑選主題的時候,不是漂亮就好,因為通常漂亮的網站容易有很多複雜的code參雜在集中,導致速度上的劣勢。比較好的方法是蓋一個測試網站,然後做點SEO分析,確認新主題沒有太多的問題,並且該客製化的地方可以客製化,再將新主題實施到主網站上面。

在 YouTube 查看原始影片

九月底有一個Search On活動,因為這次沒有像去年一樣來個重磅消息(passage retrieval/passage ranking),因此就納入下期再跟大家說說講了什麼,非常好奇的朋友們可以先看這篇TechCrunch報導~