什麼是SEO？
SEO的英文是Search Engine Optimization，中文為搜尋引擎優化
由於搜尋引擎存在的目的就是幫助搜尋者透過搜尋找到「真正需要的資訊」
因此透過了解搜尋引擎的運作規則來調整網站，同時打造優良的使用者體驗
提供使用者關心的資訊與內容，進而提升網站排名、曝光量...等
優化SEO的好處？
約有 65% 網站流量來自於搜尋行為，有超過一半的流量來自於自然搜尋結果
即使搭配付費廣告、社群媒體等方式也能為網站帶來不少流量，
但使用者搜尋所產生的自然流量更能為網站帶來穩定、長久的幫助。
Google演算法的趨勢？
- 網站速度 (Site Speed)
- 語音搜尋 (Google Voice Search)
- 語音搜尋通常傾向於使用更長、聽起來更淺白、自然的短句而打字是簡短的關鍵字
- 行動裝置友善性 (Mobile-friendly)
- 圖片/圖像搜尋引擎優化 (Image SEO)
- 善用alt 標籤，爬蟲使用 alt 標籤對圖像進行分類。將圖像添加到您的 sitemap 中
- 語意搜尋（Semantic Search）
- 在地化搜尋優化 (Local SEO)
Google搜尋引擎如何運作？
Google搜尋引擎透過爬蟲(Crawling)抓取資訊
解析這些頁面中的程式碼，並把其中可作為標記的程式碼片段
建立索引(index)，儲存在數據庫當中，待用戶搜尋時再抽取使用
1. 分析關鍵字
Google建立的語言模型系統，先分析搜尋字詞的意義，並找出其中最「關鍵」的字詞，
2. 比對搜尋查詢
演算法會針對你的關鍵字搜索，並分析網站上這些關鍵字出現的位置與頻率。
3. 為實用網頁排名
演算法會分析網站對用戶的實用程度，根據上百種不同因素，與用戶的搜尋偏好等考量，作為網站可信度與權威性的標準。
Google重點演算法
- SEO熊貓演算法(Panda)：網站內容質量審核員
專注在檢查重複性內容、精簡內容和關鍵字填充，避免使用關鍵字填充的頁面。抄襲、盜取他站內容，將會被判定不具備原創性。 - SEO企鵝演算法(Penguin)：外部連結品質守門人
專注於外部連結(又稱反向鏈接BackLine)，主要是在獎勵高質量的網站，並減少搜尋引擎結果頁面（SERP）涉及操縱連結和關鍵字填充存在的網站。 - SEO蜂鳥演算法(Hummingbird)：不只給結果，更要給出答案
不同單詞的上下文一起考慮，目標是匹配含義的頁面做得更好，而不是只匹配幾個單詞的頁面。 - SEO大腦演算法(Rank Brain)：最了解你的人工智慧秘書
自動化的理解關鍵字意義，並反覆自行修正結果，以提供用戶更精確的搜尋結果
四大演算法詳細介紹
5. 考量背景資訊
根據你的過去搜尋紀錄與所在地區，Google會量身提供最適合你的搜尋結果。
6. 回傳最實用的搜尋結果
會根據你的搜尋，評估如何「多元呈現」最適合且相關資訊的搜尋結果
SEO關注的兩大面向:技術與內容
內容SEO
關鍵字研究
關鍵字是對搜索引擎最重要的標記，也相當於整篇文章的精隨與該要，有效的關鍵字能讓搜尋引擎推薦淺在的用戶找到你的網頁
文案撰寫
- 段落分明、文章架構邏輯清楚
- 確認文章主題與主關鍵字，並拓展延伸關鍵字
- 主標與副標要正確使用 H標籤，提升SEO價值
- 引用連結到相關聯的文章
- (幫助 Google 快速了解文章主題，外部連結建議要找比較具有公信力的媒體／文章)
- 增加閱讀時間的元素．使用圖片或影片
－ (Google 會透過網友的停留時間判斷你的內容是否對 user 有幫助)
Title/Description 優化
Title對SEO的重要性
幫助搜尋引擎對於「關鍵字」與「網頁內容」之間的關聯判定更為正確
符合SEO的 Title 字數、規範
- 準確描述網頁內容
- 每個網頁都要有獨一無二的標題
- 使用簡短而明確的標題
- 大概 50～60字元（25～30 個中文字）左右最為適切
Description對SEO優化的重要性
網頁內容的濃縮精華，必須在有限的篇幅內精準、具吸引力的文字來抓住使用者的眼光
吸引點擊，降低高跳出頻率，避免使Google認定你的內容沒有價值
符合SEO的 Title 字數、規範
- 提供準確的網頁內容摘要
- 為每個網頁撰寫獨一無二的說明
- 會隨著使用者裝置、搜尋結果內容有所不同，130160字元（6580個中文字）左右最為適切
技術SEO
標籤的應用
- Header標籤
圖片來源【SEO HTML概念篇】SEO操作必學！從0到1的HTML基礎知識教學 - Meta 標籤
title 頁面標題/titlemeta name=“Description” content=“可放入一些關鍵字”meta name=“keywords” content=“可放入一些關鍵字”
圖片來源【SEO HTML概念篇】SEO操作必學！從0到1的HTML基礎知識教學 - nofollow
a href=”網址”rel=”nofollow”
用於向搜尋引擎表示目前所處網站與特定網站之間沒有關連，表示「此連結僅為提供資訊，不代表本網站立場」而已
meta name=”robots” content=”noindex , nofollow”
用來告訴搜尋引擎「不要抓取網頁上的所有外部和內部連結」，避免被 Google 視為惡意操作外部連結
- 圖片標籤
img src=”檔名” alt=”圖片描述”
設定符合網站內容或關鍵字的檔名與圖片描述，可確保使用者體驗與避免被 Google 檢索器認定「圖文不符」的情形
RWD網頁設計
因為行動裝置的興起，各家瀏覽器開始重視手機與平板用戶的使用體驗
- 增加使用者體驗
「使用者體驗優良」或「行動裝置友善網頁」向來是各大搜尋引擎所重視的
- 減少搜尋引擎判斷重複內容的機會
避免發生電腦版與手機版網址不同的情況也減少「重複內容，尤其是不同網址相同內容」
- 提升在地搜尋排名
搜尋引擎判斷手機用戶可以順利閱讀的情況下，就會讓你的網站優先曝光給在地的使用者
麵包屑
除了可以指引消費者之外，也能提供 Google 爬蟲軟體路徑的引導
幫助爬蟲軟體快速了解網站的整體架構，在爬取網頁時也能清楚知道網頁的層級及分類索引
有助於提升搜尋結果的排名
建立結構化資料的方式
1.JSON-LD（Google推薦使用）
JSON-LD 是 Javascript 格式的程式碼，也是Google官方推薦使用的方式，JSON-LD 在不必更動原本的 HTML 內容
{
"@context": "http://schema.org",
"@type": "Event",
"location": {
"@type": "Place",
"address": {
"@type": "PostalAddress",
"addressLocality": "Denver",
"addressRegion": "CO",
"postalCode": "80209",
"streetAddress": "7 S. Broadway"
},
"name": "The Hi-Dive"
},
"name": "Typhoon with Radiation City",
"offers": {
"@type": "Offer",
"price": "13.00",
"priceCurrency": "USD",
"url": "http://www.ticketfly.com/purchase/309433"
},
"startDate": "2022-09-14T21:30"
}
</script>
2.Microdata
依照 schema.org 所規範的標籤類型，依序將相符的屬性填在 HTML 後。Microdata 就可以想像成「筆記」，在課本（網頁）上加註解時，直接在課文（HTML）旁加上筆記。
缺點:直接在原有的HTML註解會增加後續維護網站的困難
<div class="event-wrapper" itemscope itemtype="http://schema.org/Event">
<div class="event-date" itemprop="startDate" content="2022-09-14T21:30">Sat Sep 14</div>
<div class="event-title" itemprop="name">Typhoon with Radiation City</div>
<div class="event-venue" itemprop="location" itemscope itemtype="http://schema.org/Place">
<span itemprop="name">The Hi-Dive</span>
<div class="address" itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="streetAddress">7 S. Broadway</span><br>
<span itemprop="addressLocality">Denver</span>,
<span itemprop="addressRegion">CO</span>
<span itemprop="postalCode">80209</span>
</div>
</div>
<div class="event-time">9:30 PM</div>
<span itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<div class="event-price" itemprop="price" content="13.00">$13.00</div>
<span itemprop="priceCurrency" content="USD" />
<a itemprop="url" href="http://www.ticketfly.com/purchase/309433">Tickets</a>
</span>
</div>
3.RDFa
RDFa 可以將網頁中所需的屬性，添加在可供讀取的後設資料中，這些在後設資料中的屬性就可以被運用在XML檔案中。
<div vocab="http://schema.org/" class="event-wrapper" typeof="Event">
<div class="event-date" property="startDate" content="2022-09-14T21:30">Sat Sep 14</div>
<div class="event-title" property="name">Typhoon with Radiation City</div>
<div class="event-venue" property="location" typeof="Place">
<span property="name">The Hi-Dive</span>
<div class="address" property="address" typeof="PostalAddress">
<span property="streetAddress">7 S. Broadway</span><br>
<span property="addressLocality">Denver</span>,
<span property="addressRegion">CO</span>
<span property="postalCode">80209</span>
</div>
</div>
<div class="event-time">9:30 PM</div>
<span property="offers" typeof="Offer">
<div class="event-price">
<meta property="priceCurrency" content="USD" />$
<meta property="price" content="13.00" />13.00
</div>
<a property="url" href="http://www.ticketfly.com/purchase/309433">Tickets</a>
</span>
</div>
3.Google Search Console 資料螢光筆
網頁加載速度
- 升級主機
虛擬主機越便宜容量和速度都不會太高
- 壓縮圖片大小
- 清理/壓縮網站代碼
刪除或壓縮一些不必要的檔案 CSS和JavaScript
- WordPress架設網站不要安裝太多主題/外掛
網站安全性 SSL協定
Google2017年推動的一項措施
目的是保護使用者在網站輸入任何敏感資料時
防止被駭客輕易地獲取這些敏感資料而建議的措施，
免費的憑證
Let’s Encrypt
每次申請有效期為3個月，並可設定自動更新憑證
XML網站地圖
主動告訴Google有哪些頁面需要被收錄，幫助Google分析網站並加快收錄速度
提供網站資訊的檔案或動態資訊，可以列出網頁清單、圖片清單(授權資訊)、影片清單(相關資訊)、新聞清單(相關資訊)…
但Sitemap對SEO排名沒有幫助，
＞免費產生工具XML-Sitemaps – 線上免費版
SEO檢測工具推薦
- SEO工具
- Google Search Console
- 了解自身網站的熱門搜尋字詞
- SimilarWeb
- 網站流量分析並研究競爭對手
- Google Search Console
- 關鍵字探勘工具
- Google Suggest
- 快速了解大家都在搜尋什麼關鍵字
- Google搜尋趨勢
- 關鍵字的搜尋量查詢與比較
- Ubersuggest
- 了解關鍵字的競爭程度，取得大量關鍵字建議
- Google Suggest
- 網站架構評分測試
- Google PSI
- 網站測速工具
- PageSpeed Insights
- dcasdsdasd
- PageSpeed Insights
- 廣告投遞工具
- Google Search Console
資訊來源：