數位引擎文章

SEO電子報第二十六期 – 2021.02.01~2021.02.15

祝大家新年快樂,股票和網站流量都牛市大漲!

祝大家新年快樂,股票和網站流量都牛市大漲!

這一期的內容比較多消息面的東西,閱讀起來應該不會太難,但「檢查 Google 如何渲染網頁」、以及「Python Scripts 大整理」這兩則,推薦大家可以自己動手試一下和瀏覽過去,我看到時眼睛有為之一亮!


片段資訊檢索在二月正式推出

去年度Search On活動所提到Google在排名演算法上的進步,原本預計2020年底推出,但並沒有實現。終於最近在2021年2月時由官方帳號證實此項更新已正式推出,從美國的英文搜尋開始,逐步拓展到全球每個語言,完整推出後會影響約莫7%的搜尋字。

官方推特公布

連結: 片段資訊檢索介紹


Google在SERP上提供更多關於網域的資訊

現在開始在搜尋結果上的右上角會個標示,讓使用者點擊後可以看到關於該「網站」的更多資訊。該資訊的來源是維基百科,因此對於較大型的網站,維基百科上的描述將更為重要,要注意好這一塊的名譽管理。

目前此功能已在美國的英文搜尋結果推出,並出現在電腦和手機兩種裝置上。

連結: 官方公告


GSC中的Discover報告將納入Chrome資料

手機版Chrome在開啟新分頁的時候,會在下方主動推薦網頁(文章),這部分的流量以後將也會被記錄在Search Console中的Discover報告中。但是,目前還沒有辦法區分不同來源的Discover流量 (Chrome or Google App)。

開啟新分頁時的 Google Discover Feed

連結: 官方公告 / SER報導


謠言: GSC 加入更多篩選條件 (網頁體驗、註冊內容...等等)

JR Oakes 在挖 Google Search Console 的代碼的時候,看到裡面有徵兆顯示未來的篩選器可能會加上 "Page Experience"、"Subscribed Content"、"Cross-language results "、還有一些目前沒有的新條件。

這只是透過逆向工程挖出來的可能更新,並不代表一定會實現,每個條件的確切定義也沒有人知道,因此大家先當作謠言看看就好。

過去Google曾說過,「三項 CWVs 都達到優良的網頁,在搜尋結果"可能"會有個圖示表示」,消息中的Page Experience篩選看起來和這條新聞有點關係。

連結: SER報導GSC代碼來源關於Core Web Vitals


24項SEO工作者該具備的技能 (by Kristina)

Kristina Azarenko 整理了她認為的24項SEO核心技能,PDF中有更詳細的附上一些介紹以及她認為重要的原因。我認為很適合對SEO還不慎了解的人,知道大概有那些技能需要點。

Hard Skills

  • Keyword/Intent research
  • Competitor research
  • On-page SEO
  • Technical SEO
  • Mobile SEO
  • Link building
  • Google algorithms
  • HTML
  • CSS
  • JavaScript

Soft Skills

  • Curiosity
  • Critical thinking
  • Strong communication skills
  • Networking
  • Responsibility

Tools

  • Google Search Console
  • Google Analytics
  • Google Tag Manager
  • Google Data Studio
  • Google Sheets/ Excel
  • Screaming Frog
  • Moz
  • Ahrefs
  • SEMrush

連結: 完整PDF


Google將禁止結帳金額不同的電商網站

Google做了一份公告,從4/6開始,電商網站如果在結帳過程中,結帳金額較廣告或網頁上所宣告的價錢來的高,將會收到警告,並且 Merchant Center 的帳號可能會因此遭到停權。

去年華爾街郵報有這樣一篇報導,許多電商網站都發現有名叫John Smith的人會把東西加進購物車,但又不結帳,並且一直重複這樣的行為,造成分析上的困擾,最後抽絲剝繭才發現是Google自動將商品加進購物車,目的就是為了要確保最後的結帳金額與頁面上的標價相符。


技巧: 完整看到 Google 是否有渲染問題

這是我最近學到的一個小技巧,在 GSC 中可以用 URL Inspection 來看到網頁被渲染後的HTML,以及螢幕截圖。但是,截圖只能滑到一定的程度,看不到整頁的渲染情形,而透過下面這個方法,可以看到整個網頁在Google眼裡的樣子!

  1. 去到要測試的頁面
  2. 打開 Chrome DevTools > Elements
  3. 右鍵點 <html> > Edit as HTML
  4. 全選並刪除
  5. 把 URL Inspection 給的 HTML 複製
  6. 貼回 Chrome DevTools 上即可看到 Googlebot 所看到的網頁的樣子

因為 GSC 給的是渲染後的HTML,所以那些資源載入不成功其實已經知道了,而這個步驟進一步利用 Chrome 把渲染後的HTML繪製出來。

技巧來源: Oliver Mason


Web Stories 新增動畫與AdSense功能

Web Stories 的 WordPress 官方外掛,現在可以對頁面上的元件加上簡單的動畫 (類似powerpoint),以及更容易與AdSense結合,讓自己創作的web stories也能輕易變為廣告版位。

Web Stories 插件上的動畫製作

Web Stories 最麻煩的就是製作的部分,雖然現在外掛的功能可能還不到全部的十分之一,但可以感受到該團隊的用心,強烈推薦有管理 WordPress 網站的各位找個時間去玩玩。


案例: 內部連結增加網頁7%流量

這份案例中的網站是個房地產公司,有8,000頁左右的"地方"頁面,這些頁面並非孤兒頁面,他們有從 breadcrumbs 或其他地方來的頁面,但彼此間沒有一個更系統性的連結。

他們決定測試「在地方頁面加上一個 Nearby Locations 的區塊,放上內部連結連到附近區域的地方頁面」。結果受測組的自然流量相較於控制組提高了7%。

內部連結區塊
受測組的流量提高7%

連結: 完整文章


官方影片: 圖片SEO的12個技巧與須知

這部影片中,John講了圖片會在Google搜尋上那些地方出現 (圖片、一般結果、Discover),以及最佳化圖片的12的要點,包含以下:

  1. 提供關於圖片的前後文內容 (provide context)
  2. 圖片位置應放在相關內容附近 (optimize placement)
  3. 重要文字別放在圖裡 (text on the page, not in image)
  4. 使用圖片ALT標籤 (use alt-attribute)
  5. 使用高品質圖片 (use high-quality images)
  6. 產出高質量內容 (make high-quality sites)
  7. 確保圖片在手機和電腦都有良好呈現 (works on mobile and desktop)
  8. 使用好的圖片網址/檔名 (good, stable, descriptive URLs)
  9. 提供相關的結構化資料 (provide relevant structured data)
  10. 使用大圖預覽 (consider large image previews)
  11. 使用圖片授權標記 (use markup for image licensing opportunities)
  12. 注意圖片載入速度 (consider speed)
在 YouTube 查看原始影片

這影片雖然偏初學者,但裡面講到很重要的一點 — 讓圖片被索引其實很多時候不該是站長們太過專注的目標,可以先問自己幾個問題,「使用者是透過視覺化的方式找到你的內容嗎?」、「怎麼樣的預覽圖會讓你的內容更吸引人?」、「圖片與網頁內容是否有相關?」。


SEO - Python Scripts 整理

這是由國外網友所整理的Python資源,放在 Google Data Studio儀表板上,目前有99篇文章,有根據難度區分,也有按領域 (NLP, ML, Performance, Crawlability...) 區分,大部分的文章,也都很大方的把code直接分享出來~

推薦大家可以過去逛逛,找尋適合自己興趣或需要的code來練習,就算完全不會Python也可以看看標題,也許你會被Python所能做到的事情驚艷到並開始學習!

連結: SEO Pythonistas 儀表板


推薦一個最近發現的 Python Script, 它會到 archive.org 找到指定網域上過去被記錄的所有網址,然後與 Screaming Frog 爬出來的結果相比,就能看出網域上的 broken / orphan pages,對於歷史悠久的網域、或者在網站經歷過大改動後都相當實用!