---
title: "SEO電子報第五十四期 – 2022.04.01~2022.04.15"
description: "這期放進了幾則與 User Experience 和 Information Architecture 有關的內容，可能很多讀者的工作非常專注在SEO上，完全不會接觸到這些領域，但這些都是一個好的網站不可或缺的部分，推薦大家偶爾也可以吸收一些隔壁棚的資訊！"
canonical: "https://www.darrenhuang.com/seo-newsletter-issue-54.html"
markdown: "https://www.darrenhuang.com/seo-newsletter-issue-54.md"
locale: "zh-hant"
language: "zh-Hant"
translationKey: "post:seo-newsletter-issue-54"
type: article
published: "2022-04-15T00:00:00.000Z"
modified: "2024-09-02T00:00:00.000Z"
---

> 此 Markdown 版本由正式 HTML 內容自動產生。
> 引用時請使用 [canonical page](https://www.darrenhuang.com/seo-newsletter-issue-54.html)。

數位引擎文章

# SEO電子報第五十四期 – 2022.04.01~2022.04.15

這期放進了幾則與 User Experience 和 Information Architecture 有關的內容，可能很多讀者的工作非常專注在SEO上，完全不會接觸到這些領域，但這些都是一個好的網站不可或缺的部分，推薦大家偶爾也可以吸收一些隔壁棚的資訊！

Darren Huang·2022年4月15日·約 8 分鐘更新於 2024年9月2日

本文目錄10 個段落

1.  [\[新聞\] Data Studio 現可載入 Discover & News 資料](#toc-1)
2.  [\[模板\] GSC資料分析模板](#toc-2)
3.  [\[工具\] 幫助電商站內搜尋的「Retail Search」](#toc-3)
4.  [\[資源\] BrigtonSEO 2022 簡報整理](#toc-4)
5.  [\[分享\] 好的電商網頁用戶體驗實例](#toc-5)
6.  [\[工具\] 下載GSC檢索統計資料報告](#toc-6)
7.  [\[新聞\] 大型出版商關掉AMP後未見流量損失](#toc-7)
8.  [\[好文\] Information Architecture 資訊架構](#toc-8)
9.  [\[影片\] 為什麼我的JS網頁沒被Google快取](#toc-9)
10.  [\[摘要\] Google Search Podcast – 結構化資料](#toc-10)

**本文目錄**

1.  [\[新聞\] Data Studio 現可載入 Discover & News 資料](#toc-1)
2.  [\[模板\] GSC資料分析模板](#toc-2)
3.  [\[工具\] 幫助電商站內搜尋的「Retail Search」](#toc-3)
4.  [\[資源\] BrigtonSEO 2022 簡報整理](#toc-4)
5.  [\[分享\] 好的電商網頁用戶體驗實例](#toc-5)
6.  [\[工具\] 下載GSC檢索統計資料報告](#toc-6)
7.  [\[新聞\] 大型出版商關掉AMP後未見流量損失](#toc-7)
8.  [\[好文\] Information Architecture 資訊架構](#toc-8)
9.  [\[影片\] 為什麼我的JS網頁沒被Google快取](#toc-9)
10.  [\[摘要\] Google Search Podcast – 結構化資料](#toc-10)

這期放進了幾則與 User Experience 和 Information Architecture 有關的內容，可能很多讀者的工作非常專注在SEO上，完全不會接觸到這些領域，但這些都是一個好的網站不可或缺的部分，推薦大家偶爾也可以吸收一些隔壁棚的資訊！

-   [\[新聞\] Data Studio 現可載入 Discover & News 資料](./seo-newsletter-issue-54.html#toc-1)
-   [\[模板\] GSC資料分析模板](./seo-newsletter-issue-54.html#toc-2)
-   [\[工具\] 幫助電商站內搜尋的「Retail Search」](./seo-newsletter-issue-54.html#toc-3)
-   [\[資源\] BrigtonSEO 2022 簡報整理](./seo-newsletter-issue-54.html#toc-4)
-   [\[分享\] 好的電商網頁用戶體驗實例](./seo-newsletter-issue-54.html#toc-5)
-   [\[工具\] 下載GSC檢索統計資料報告](./seo-newsletter-issue-54.html#toc-6)
-   [\[新聞\] 大型出版商關掉AMP後未見流量損失](./seo-newsletter-issue-54.html#toc-7)
-   [\[好文\] Information Architecture 資訊架構](./seo-newsletter-issue-54.html#toc-8)
-   [\[影片\] 為什麼我的JS網頁沒被Google快取](./seo-newsletter-issue-54.html#toc-9)
-   [\[摘要\] Google Search Podcast – 結構化資料](./seo-newsletter-issue-54.html#toc-10)

* * *

## \[新聞\] Data Studio 現可載入 Discover & News 資料

Discover與Google新聞的數據在[2021年10月就被納進GSC的API](./seo-newsletter-issue-43.html#toc-3)中，但一直到最近，才可以在Data Studio中的GSC connector中直接拉入兩者的資料。對於有這些流量的內容型網站相當方便！

![](./wp-content/uploads/2022/04/GDS%E5%8F%AF%E8%BC%89%E5%85%A5discover%E8%88%87news%E8%B3%87%E6%96%99.png)

右方多了 discover 和 googleNews

這項新聞的消息來源是官方的[一篇文章](https://developers.google.com/search/blog/2022/03/monitoring-dashboard)，在介紹如何用Data Studio來監測網站的自然搜尋成效，文章也提供了一個[模板](https://datastudio.google.com/u/0/reporting/7300a2df-97a2-408a-b10c-43acd2270fe6/page/6zXD/preview)來視覺化GSC的資料。由於內容偏基本，模板也沒有下一則要介紹的漂亮，因此就讓有興趣的朋友自行閱讀+練習！

連結：[Google Discover視覺化圖表](./seo-newsletter-issue-45.html#toc-10) / [Discover的文章種類](./seo-newsletter-issue-12.html#toc-5) / [news與googleNews差異](./seo-newsletter-issue-43.html#:~:text=%E5%85%B6%E4%B8%AD%E6%AF%94%E8%BC%83-,%E5%AE%B9%E6%98%93%E6%B7%B7%E6%B7%86,-%E7%9A%84%E6%98%AFgoogleNews%E5%92%8C)

* * *

## \[模板\] GSC資料分析模板

首先是[2020年介紹過](./seo-newsletter-issue-10.html#toc-10)的Hannah所分享的GSC模板，最近推出了第二版，不得不說用起來真的相當舒服，原本第一版就已經相當不錯，第二版不論在設計或實用度上又更上一層樓。一鍵就能套用到自己的GSC資源上，非常推薦大家[點過去](https://datastudio.google.com/u/0/reporting/36d5a124-f80d-4e83-8fa7-d4abf179e5b0)玩看看！

![](./wp-content/uploads/2022/04/GSC%E5%88%86%E6%9E%90%E6%A8%A1%E6%9D%BF.png)

GSC分析模板的一隅

連結：[Hannah模板](https://datastudio.google.com/u/0/reporting/36d5a124-f80d-4e83-8fa7-d4abf179e5b0) / [Hannah模板介紹](https://www.hannahrampton.co.uk/v2-search-console-explorer-studio/) / [Data Studio中氣泡圖介紹](https://support.google.com/datastudio/answer/7207785#zippy=%2Cin-this-article)

* * *

## \[工具\] 幫助電商站內搜尋的「Retail Search」

首先這不是免費工具，而是Google Cloud上新的一個子服務，目的是讓電商網站的站內搜尋能給出更相關的結果。舉例來說，用戶可以搜尋 "*long black dress with short sleeves and comfortable fit (舒服的短袖黑長裙)*" 就找到相關的產品。

在產品的[釋出公告](https://cloud.google.com/blog/topics/retail/retail-search-product-discovery-increased-conversion-shopping-ecommerce-global-launch)中指出，94%的美國消費者會因為商品搜尋結果無關而放棄一段購物歷程。一般電商網站的站內搜尋功能較弱，通常只能做到簡單的關鍵字媒合，使用者不能以自然語言的方式搜尋，因此這項工具的技術能彌補這個轉換的痛點。

![](./wp-content/uploads/2022/04/%E7%AB%99%E5%85%A7%E6%90%9C%E5%B0%8B%E5%B0%8D%E6%96%BC%E9%9B%BB%E5%95%86%E7%9A%84%E5%BD%B1%E9%9F%BF-1024x576.jpg)

電商站內搜尋功能的影響

幾年前在面試亞馬遜SEO職位時，被問到的[其中一題](./amazon-seo-product-manager-interview.html#:~:text=2.-,%E6%98%AF%E5%90%A6%E8%A9%B2%E5%8A%A0%E5%BC%B7%E7%94%A2%E5%93%81%E6%90%9C%E5%B0%8B%E9%A0%81%E7%9A%84%E7%AF%A9%E9%81%B8%E6%A8%99%E6%BA%96,-Amazon%E7%9A%84%E7%94%A2%E5%93%81)就與站內搜尋有關，SEO雖然專注在搜尋引擎來的自然流量，但流量進來後的CRO (conversion rate optimization)也是不可忽視的一環。

連結：[公告](https://cloud.google.com/blog/topics/retail/retail-search-product-discovery-increased-conversion-shopping-ecommerce-global-launch) / [產品介紹](https://cloud.google.com/solutions/retail-product-discovery)

* * *

## \[資源\] BrigtonSEO 2022 簡報整理

BrightonSEO四月初在英國舉辦了一場久違的實體會議，以下有64份(陸續增加中)的研討會簡報，推薦大家可以掃一眼標題，有興趣的再細讀。

另外在今年4/21~4/22，BrightonSEO會舉辦另一場線上的研討會，[活動免費參加](https://april2022.brightonseo.com/c)，但重播需要付費購買，有興趣的可以自行報名。

-   [Lessons from hundreds of SEO A/B tests – Will Critchlow](https://docs.google.com/presentation/d/1zj5IedVsHE6dYblRxI8Oh7AjnUt5ClhxKuvQ7qqYeSY/edit?usp=sharing)
-   [No more excuses: How to get your team doing UX as a part of your Digital Marketing now – Grecia Garcia Garcia, PhD](https://www.slideshare.net/OBAN-IDForum/brightonseo-apr-2022-no-excuses-for-doing-ux?qid=157e1c6d-977c-44c4-8517-bd1b54cd3c99&v=&b=&from_search=24)
-   [SEO Automation Without Using Hard Code – T. Mert Azizoğlu](https://www.slideshare.net/TevfikMertAzizolu/seo-automation-without-using-hard-code-by-tevfik-mert-azizoglu-brightonseo-april22)
-   [What to do when what’s good for users isn’t good for Google – Will Critchlow](https://www.slideshare.net/willcritchlow/brightonseo-searchpilot-will-critchlow-when-whats-good-for-users-isnt-good-for-google)
-   [How to do an ASO Audit like in the 90’s – Luis Bueno Tabernero](https://www.slideshare.net/lbuenot/brighton-seo-luis-bueno-tabernero-how-to-do-an-aso-audit-like-in-the-90s-finalpptx)
-   [Beyond the Basics – 5 (or 10) Google Business Profile elements you might not know about but REALLY should – Claire Carlile](https://www.slideshare.net/clairecarlile/beyond-the-basics-5-google-business-profile-elements-you-might-not-know-about-but-really-should)

![](./wp-content/uploads/2022/04/brightonseo-%E7%89%B9%E5%88%A5%E7%B4%80%E5%BF%B5%E5%93%81.png)

[BrightonSEO的特別紀念品](https://twitter.com/kelvinnewman/status/1511270914910003205)

連結：簡報整理 - [Google Sheets](https://docs.google.com/spreadsheets/d/1kIAEtyhqedesbA_YxP-QBMwZmuiyw0HSHC6Nl4SoE6s/view#gid=408787110) / [網頁版](https://www.sitevisibility.co.uk/blog/2022/04/08/brightonseo-slides-april-2022/)

* * *

## \[分享\] 好的電商網頁用戶體驗實例

有國外網友在Twitter上分享了幾個電商網頁做得好的地方，作者稱它們是EAT的良好範例，但我個人認為比較偏向那些網頁上的元件能有助於提高整體用戶體驗。以下擷取幾個範例：

![](./wp-content/uploads/2022/04/hoka-%E9%9E%8B%E5%AD%90%E6%8F%90%E4%BE%9B%E7%A9%A9%E5%AE%9A%E6%80%A7%E8%88%87%E6%9D%90%E8%B3%AA-1024x527.png)

[Hoka的產品頁](https://www.hoka.com/en/us/mens-trail/speedgoat-5/1123157.html)提供鞋子的穩定性與緩衝資訊，滑鼠移過還可看到更多細節

![](./wp-content/uploads/2022/04/made.com%E5%96%84%E7%94%A8%E7%A4%BE%E7%BE%A4%E6%8F%90%E4%BE%9B%E5%9C%96%E7%89%87%E5%85%85%E5%AF%A6%E7%B6%B2%E7%AB%99%E5%85%A7%E5%AE%B9-1024x527.png)

[made.com的產品頁](https://www.made.com/haring-armchair-silver-grey-34)放上社群提供的照片作為UGC，充實網站內容並讓產品更容易被想像

![](./wp-content/uploads/2022/04/teapigs%E6%9B%B4%E5%85%B7%E9%AB%94%E7%9A%84%E6%8F%8F%E8%BF%B0%E8%8C%B6%E8%91%89%E7%9A%84%E4%BD%BF%E7%94%A8%E6%83%85%E5%A2%83-1024x490.png)

[teapigs產品頁](https://teapigs.com/products/super-fruit-tea)多加描述了不同茶葉適合的的心理狀態，讓消費者能在不知道味道的情況下選擇

過去曾介紹過[電商產品頁的線框圖](./seo-newsletter-issue-31.html#toc-2)，但這畢竟會根據商品性質的不同而異。相當推薦大家不時多看看不同的電商網頁，並試著思考那些內容對於消除消費者顧慮或提高轉換率是有幫助的，千萬別僅把電商網頁當作一個有下單鈕的頁面。

連結：[Twitter討論串](https://twitter.com/lauraabrady8/status/1510879997560602624) / [史丹佛大學的網站可信度原則](https://credibility.stanford.edu/guidelines/index.html)

* * *

## \[工具\] 下載GSC檢索統計資料報告

由 Valentin 所開發的一個[Chrome外掛](https://chrome.google.com/webstore/detail/gsc-crawl-stats-downloade/bpekjbefojkhefgcfhfeohjfncbpioam/)，安裝後到Google Search Console中，就能將「*檢索統計資料報告 (Crawl Stats Report)*」裡過去90天的數據整理成圖表並提供下載選項。

Google Search Console 中的 crawl stats report 較為隱密，它藏在左邊的"設定"中。這裡能看到Googlebot在抓取網站時的狀況，適合偶爾看看檢查有無異常現象。

![](./wp-content/uploads/2022/04/%E4%B8%8B%E8%BC%89GSC%E6%AA%A2%E7%B4%A2%E7%B5%B1%E8%A8%88%E8%B3%87%E6%96%99%E5%A0%B1%E5%91%8A.png)

連結：[官方文件 - 檢索統計資料報告](https://support.google.com/webmasters/answer/9679690) / [Chrome Store 工具介紹](https://chrome.google.com/webstore/detail/gsc-crawl-stats-downloade/bpekjbefojkhefgcfhfeohjfncbpioam/) / [官方影片: 檢索預算及檢索統計資料報告](./seo-newsletter-issue-28.html#toc-7)

* * *

## \[新聞\] 大型出版商關掉AMP後未見流量損失

Future plc 是英國一間大型出版商，[旗下品牌](https://www.futureplc.com/our-brands/)包含 「PC Gamer」、「 Marie Claire (美麗佳人)」、「TechRadar」...等耳熟能詳的雜誌。

![](./wp-content/uploads/2022/04/future-plc-%E6%97%97%E4%B8%8B%E9%9B%9C%E8%AA%8C-1024x578.png)

Future 旗下品牌一覽 （[source](https://www.mediabistro.com/companies/future-plc/))

Future 在測試之後決定將網站的AMP關掉，使用一般的手機網頁。目前旗下所有媒體加起來有80%~90%的網頁已不再使用AMP，結果流量未見損失，**但更重要的是，一般網頁不受AMP的限制，能有更多的廣告版位出售，帶進更多的廣告收入。**

Future 一開始接納AMP的原因與大家一樣，為了SERP上Top Stories的版位。但在[2021年Google I/O宣布](./seo-newsletter-issue-32-33.html#toc-8)AMP將不再是出現在該版位的必要條件後，公司就開始進行關掉AMP的測試。但除此之外，**Future於此期間也執行了一個優化[core web vitals](./core-web-vitals-lcp-fid-cls.html)的項目，讓網站在拿掉AMP技術之後能有保有好的用戶體驗。**很多出版業的競爭對手並沒有一個好的手機網站，導致它們仍沒法輕易割掉AMP。

連結：[Digiday文章](https://digiday.com/media/the-juice-isnt-worth-the-squeeze-why-future-waved-bye-bye-to-googles-amp-and-hasnt-looked-back/) / [AMP的反壟斷爭議](./seo-newsletter-issue-44.html#toc-3)

* * *

## \[好文\] Information Architecture 資訊架構

NNgroup是有名的UX研究+顧問機構，他們最近整理了一份關於information architecture (IA)的指南，包括IA是什麼、怎麼進行IA的研究、以及如何設計一個好的網站瀏覽flow...等等。

Information Architecture 指的是怎麼將網站上的資訊，用一個有效率的方式組織起來，讓使用者能輕鬆達成來到網站的目標。如果你從未聽過這個詞，相信也已發現這個概念和SEO息息相關，畢竟我們的工作也是要知道目標客群搜尋什麼，並提供他們所需要的內容。

這份指南總共有40篇文章和影片，可以存起來慢慢閱讀!

連結：[NN/g Information Architecture: Study Guide](https://www.nngroup.com/articles/ia-study-guide/)

* * *

## \[影片\] 為什麼我的JS網頁沒被Google快取

在搜尋結果中，偶爾會看到有些網頁被[Google快取(備份)](https://support.google.com/websearch/answer/1687222)。而當網站內容需倚靠JS來呈現，在快取中大部份會看到一個全白的頁面，或是需要靠JS渲染的部分沒有被快取到。

這支影片中 John 解釋了這個情形發生的原因，[同源政策(same-origin policy)](https://medium.com/%E7%A8%8B%E5%BC%8F%E7%8C%BF%E5%90%83%E9%A6%99%E8%95%89/same-origin-policy-%E5%90%8C%E6%BA%90%E6%94%BF%E7%AD%96-%E4%B8%80%E5%88%87%E5%AE%89%E5%85%A8%E7%9A%84%E5%9F%BA%E7%A4%8E-36432565a226)，以及要檢查網頁內容是否被索引的最佳方法是透過GSC而非快取。

[YouTube video player](https://www.youtube-nocookie.com/embed/3EWYMYlrhdY)

[在 YouTube 查看原始影片](https://www.youtube.com/watch?v=3EWYMYlrhdY)

連結：[SEL關於Google Cache的文章](https://searchengineland.com/why-google-cache-lies-to-you-and-what-to-do-306343#:~:text=6.%20The%20cache%20is%20empty)

* * *

## \[摘要\] Google Search Podcast – 結構化資料

這集請來[Ryan Levering](https://twitter.com/rrlevering)來討論結構化資料，Ryan是在Google負責structured data的工程師。對SEO人來說普遍認為「structured data」指的就是schema markup，但其實就字面上的意思來說這並不是個很精準的名詞，資料是否「結構化」是相對的，例如HTML也可以看作是加上了結構的(文字)資料。

Ryan也說很多人對Google與[Schema.org](https://schema.org/)的關係不清楚，Schema.org是由很多公司一起合作建立的組織，Google只是其中一員。Schema.org上有[各式各樣的 "Types" 和 "Properties"](https://schema.org/docs/full.html)，但Google只對[其中幾種](https://developers.google.com/search/docs/advanced/structured-data/search-gallery)有特殊的外觀或功能。

那網頁加上沒有特別rich results的schema是否有幫助？Ryan說他不會不鼓勵大家這樣做，只要所加上的schema是合理的，因為 (1.)這會幫助Google了解那些schema更多人開始使用，另外 (2.)這可能會讓Google對於理解網頁內容有一點幫助。

[Spotify episode](https://open.spotify.com/embed/episode/6YIYm6PVYt4HNHxS4Z2y8k)

[在 Spotify 查看原始內容](https://open.spotify.com/episode/6YIYm6PVYt4HNHxS4Z2y8k)

連結：[逐字稿](https://content.libsyn.com/p/b/5/9/b59b5a6a5cadc760/Search_Off_the_Record_-_35th_episode.pdf?c_id=125031578&cs_id=125031578&response-content-type=application%2Fpdf&Expires=1650081283) / [SchemaApp文章介紹本集](https://www.schemaapp.com/schema-markup/future-of-structured-data-google-podcast/)

* * *

最近發現一個超無聊的縮網址服務，能讓網址看起來很像詐騙，例如這份電子報是... [http://www.5z8.info/girlsgonewildpart1.wmv\_y3c2bw\_snufffilms](http://www.5z8.info/girlsgonewildpart1.wmv_y3c2bw_snufffilms)

**分類**

-   [SEO電子報](/categories/seo電子報.html)

**標籤**

-   [SEO電子報](/tags/seo電子報.html)

Keep exploring

## 延伸閱讀

Facebook 保存筆記

2022年10月21日

### [電商產品列表頁：在 SEO 與使用者需求之間取平衡](/notes/facebook-ecommerce-product-listing-seo.html)

摘要一篇電商分類頁優化文章的重點，說明 PLP 不應為了 SEO 堆疊無關文字，而要用內容、導覽與測試一起服務購買決策。

Facebook 保存筆記

2018年7月18日

### [用 Conversion Funnel 找到使用者在哪一步離開](/notes/facebook-conversion-funnel-analytics.html)

一則從購物流程出發的分析筆記，說明如何把轉換流程拆成步驟，再用流失位置找出最值得優化的頁面。

Facebook 保存筆記

2018年9月24日

### [從答案到旅程：Google 對搜尋體驗的三個想像](/notes/facebook-search-journeys.html)

保存 Google 20 週年時對搜尋未來的三個觀察：從單一答案走向搜尋旅程、從查詢走向主動探索，以及從文字走向更視覺化的資訊發現。

Keep exploring

## 繼續閱讀

[全部文章 →](/articles.html)

[上一期**SEO電子報第五十三期 – 2022.03.16~2022.03.31**](/seo-newsletter-issue-53.html)[下一期**SEO電子報第五十五期 – 2022.04.16~2022.04.30**](/seo-newsletter-issue-55.html)

### 相關文章

2022年3月15日

#### [SEO電子報第五十二期 – 2022.03.01~2022.03.15](/seo-newsletter-issue-52.html)

[閱讀文章 →](/seo-newsletter-issue-52.html)

2022年3月1日

#### [SEO電子報第五十一期 – 2022.02.16~2022.02.28](/seo-newsletter-issue-51.html)

[閱讀文章 →](/seo-newsletter-issue-51.html)

2022年6月1日

#### [SEO電子報第五十六~五十七期 – 2022.05.01~2022.05.31](/seo-newsletter-issue-56-57.html)

[閱讀文章 →](/seo-newsletter-issue-56-57.html)

×

開啟原圖 ↗