---
# System prepended metadata

title: 2021-11-03 SEO and Google Analytics
tags: [進度筆記, SEO / GA, 前端心得, 2021/11/03]

---

# 2021-11-03 SEO and Google Analytics  
###### tags: `SEO / GA` `2021/11/03` `進度筆記` `前端心得`  
---

講師: 佘昌霖 老師   

---

# 上午的部分  

- SEO 規則   
- 聊聊想法   
- 剩下時間: study, hw   

----

# SEO 是甚麼  
- 搜尋引擎最佳化
=> (Search Engine Optimization, SEO)   
> 為什麼頭尾要 Header, footer 中間要有 main, section   
> 就跟 SEO 有關係  

- 比較容易出現在搜尋頁面排行的方法(推測)   
1. SEO 做得好  
2. 買廣告  
3. 語意化標籤  
4. 網內、外連結  
5. 網站的內容發佈於 G+ 或是企業的 FB, 甚至其他社群管道  
6. 白帽作法
> 有品質的內容, 不抄襲, 不農場文章, 不盜用資料  
7. 網址有沒有意義和最佳化   

>![](https://i.imgur.com/n15dwuY.png)   

- 根據搜尋引擎, SEO 最佳化的寫法也不一樣  
> SEO 的標準理論上沒被 google 公布  
> 畢竟公布 google 自家搜尋引擎的標準, 就有可能造成更沒有標準的狀況   
> 大家歸納出網站在網頁中的搜尋結果順序   
> 從結果來回推, 去推測 SEO 的寫法  
> 但其實大家推測下可能只有部分共通標準  


# 參考資料 - SEO   
[SEO初學者教學，搞懂SEO搜尋引擎優化，讓你網站訂單接不完-新視野網頁設計 (newscan.com.tw)](https://www.newscan.com.tw/all-seo/seo-guide.htm)  

[搜尋引擎最佳化 \- 維基百科，自由的百科全書 (wikipedia.org)](https://zh.wikipedia.org/wiki/%E6%90%9C%E5%B0%8B%E5%BC%95%E6%93%8E%E6%9C%80%E4%BD%B3%E5%8C%96)  

[SEO搜尋引擎優化 基本介紹 懶人包：什麼是 SEO？怎麼做SEO？ (shopjkl.com)](https://www.shopjkl.com/pages/seo)   

[SEO是什麼? SEO怎麼做? SEO搜尋引擎最佳化入門指南【2020最新版】 (awoo.ai)](https://awoo.ai/zh-hant/blog/technical-or-content-2/)   

[【SEO教學】SEO搜尋引擎優化精華全收錄，帶你從概念到完整實作 - 集客數據行銷 (inboundmarketing.com.tw)](https://inboundmarketing.com.tw/seo/seo.html)   

[SEO (搜尋引擎優化)：SEO是什麼？ SEO優化讓你有效提升網站排名 | Gremlin Works](https://gremlinworks.com.tw/seo/)   

[2021完整SEO教學,一篇就懂SEO搜尋引擎優化操作策略！-奇寶網路部落格 (seoseo.com.tw)](https://www.seoseo.com.tw/article_detail_591.html)   

[第一章：什麼是SEO？SEO知識懶人包，了解SEO優化的基礎-愛貝斯網路 (ibest.tw)](https://www.ibest.tw/seo-detail/basic-knowledge/)   


[搜尋引擎最佳化 (SEO) 入門指南：基本概念 | Google 搜尋中心  |  Google Developers](https://developers.google.com/search/docs/beginner/seo-starter-guide?hl=zh-tw)   

----

# HTML tag 也是有影響的  

- 像是 META 的敘述  
> 但現在可能跟網站地圖一樣都沒效了, 怕作弊  
```==
怎麼放網站服務或是描述
關鍵字
出版者資訊
編輯器名稱
版權歸屬
發佈地區
Content-Language
```
> 通常 網頁 htmnl 的 meta tag 會是給機器看的, 人比較少會去讀  
>  爬蟲的話也會看 meta  

- noscript, meta  
> ![](https://i.imgur.com/AFtVb6B.png)   

----

- 所以會避免無意義的 div 過多  

- ==SEO 推崇的是語意化標籤==   

- 額外 - 像是如果要通過無障礙 AAA  
> `img` 標籤的 `alt="就要放一些文字"`
> 或是輔助線, 能輔助語音朗讀   


# 參考資料 - HTML Tags  
[8 of the Most Important HTML Tags for SEO | Social Media Today](https://www.socialmediatoday.com/news/8-of-the-most-important-html-tags-for-seo/574987/)   

[8 of the Most Important HTML Tags for SEO (entireweb.com)](https://articles.entireweb.com/social/8-of-the-most-important-html-tags-for-seo/)   

[HTML裡極為重要的一個標籤 META TAG 你我皆不可忽視! 但~它不是給人看的。 (maya.com.tw)](https://www.maya.com.tw/blog_detail.php?idn=35)   

[描述標籤（Meta Description）的SEO優化-奇寶網路部落格 (seoseo.com.tw)](https://www.seoseo.com.tw/article_detail_597.html)   

[\[第六週\] 基礎 SEO 標籤 - meta、og、JSON-LD | Yakim shu (yakimhsu.com)](https://yakimhsu.com/project/project_w6_HTML_SEO.html)   

[\[第六週\] HTML - tag 基礎標籤介紹 | Yakim shu (yakimhsu.com)](https://yakimhsu.com/project/project_w6_HTML_tag.html)   


[網頁設計-SEO網頁優化必備的meta標籤你設對了嗎？ | 梅問題．教學網 (minwt.com)](https://www.minwt.com/webdesign-dev/html/870.html)   

[｜Day 08｜來聊聊 HTML5 的語意標籤和 SEO 的關係 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天 (ithome.com.tw)](https://ithelp.ithome.com.tw/articles/10218176)   

[Day 05 - 網站SEO優化的10個驗檢方法與反向鏈結原則 - GC Tech - 真石科技 (cmsart.net)](https://www.cmsart.net/ecommerce-30-days/122-day-05-seo-10-methods.html)   

[Day 15 - 使用部落格增強網站的SEO - GC Tech - 真石科技 (cmsart.net)](https://www.cmsart.net/ecommerce-30-days/132-day-15-use-blog-article-improve-website-seo.html)   


----

# Google Analytics  

- 如果花時間花錢, 讓你的網站排行衝高  
- 你還想知道你網站的顧客, 使用者在你的網站做了些甚麼  
> 這時候就需要 Google Analytics  
> 某種程度上可能比 SEO 更重要, 畢竟網站是種服務  
> 如果你的網站是, 電商 / 行銷 / 大型跨境 / 製造業...等  
> 某種程度上應該會很想知道顧客 / 使用者在哪個頁面 / 有興趣的商品 / 區塊停留  

> GA 4 版現在甚至能偵測 "行為", 顧客 / 使用者停在網頁上  
> 在看哪個區塊, 想做甚麼
> 顧客 / 使用者 搜尋的時候最常用甚麼關鍵字 → 喜好  
> 這些關鍵字中, 怎樣的關鍵字會幫你帶來流量  

- 把 GA 埋到網頁   
> 可能埋在 meta,   埋在網頁內容很多地方   
> 埋 GA 的代碼在瀏覽器的內容中  
> 他就會搜尋資料去分析, 變成有意義的資訊  
> ![](https://i.imgur.com/EKZu2tf.png)   
> 最基本的就是埋在 header  

- GA 4.0   
> 如果對商品做設定, 就要下功夫  
> 例如怎麼觸發事件, 怎麼執行, 怎麼做控制   
> 顧客 / 使用者 停多久, 行為  
> 分析怎麼讓流量變成資金  
> 怎麼吸引顧客 / 使用者   
> 在商品的部分作分析, 哪個商品賣最好  
> 增加網站回流率   


- 像是 Google 未來不用 cookie  
> 用 Google 自己的系統去紀錄就會有個問題  
> 怎麼保證自己的系統安全  

- 隱私問題的部分  
> 例如不要在沒有通過認證的網站上買東西  
> http, 沒有 https 的 SSL 憑證   

- 如果想成為行銷人員, GA 是有證照的  
[Google Analytics Individual Qualification : Google (exceedlms.com)](https://skillshop.exceedlms.com/student/path/2938-google-analytics-individual-qualification)   



# 參考資料 - GA    

[開始使用 Analytics (分析) - Analytics (分析)說明 (google.com)](https://support.google.com/analytics/answer/1008015?hl=zh-Hant)  

[新版GA4與舊版GA差在哪裡？功能比較懶人包一次看｜數位時代 BusinessNext (bnext.com.tw)](https://www.bnext.com.tw/article/63979/the-difference-between-ga4-and-ga)   

[【GA教學】Google Analytics教學，一次學會網站分析！ - 集客數據行銷 (inboundmarketing.com.tw)](https://inboundmarketing.com.tw/websites-optimization/google-analytics.html)   

[會GA等於會分析嗎？淺談 Google Analytics 與網站分析 | Harris先生 (yesharris.com)](https://www.yesharris.com/ga-web-analytics/)


-----

# 職涯發展  
- 之後會統一提一下~  

----

