# 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. 網址有沒有意義和最佳化

>

- 根據搜尋引擎, 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
> 

----

- 所以會避免無意義的 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 的代碼在瀏覽器的內容中
> 他就會搜尋資料去分析, 變成有意義的資訊
> 
> 最基本的就是埋在 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/)

-----

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

----