# 分享會-關於SEO

## 什麼是SEO？
SEO的英文是Search Engine Optimization，中文為搜尋引擎優化
由於搜尋引擎存在的目的就是幫助搜尋者透過搜尋找到「真正需要的資訊」
因此透過了解搜尋引擎的運作規則來調整網站，同時打造優良的使用者體驗
提供使用者關心的資訊與內容，進而提升網站排名、曝光量...等
## 優化SEO的好處？
約有 65% 網站流量來自於搜尋行為，有超過一半的流量來自於自然搜尋結果
即使搭配付費廣告、社群媒體等方式也能為網站帶來不少流量，
但使用者搜尋所產生的自然流量更能為網站帶來穩定、長久的幫助。

[網站SEO優化良好案例](https://awoo.ai/zh-hant/blog/technical-or-content-2/)
## [Google演算法的趨勢？](https://twfirst.com.tw/tools/google-seo-trend/)
* 網站速度 (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重點演算法
> 1. SEO熊貓演算法(Panda)：網站內容質量審核員
> 專注在檢查重複性內容、精簡內容和關鍵字填充，避免使用關鍵字填充的頁面。抄襲、盜取他站內容，將會被判定不具備原創性。
> 2. SEO企鵝演算法(Penguin)：外部連結品質守門人
> 專注於外部連結(又稱反向鏈接BackLine)，主要是在獎勵高質量的網站，並減少搜尋引擎結果頁面（SERP）涉及操縱連結和關鍵字填充存在的網站。
> 3. SEO蜂鳥演算法(Hummingbird)：不只給結果，更要給出答案
> 不同單詞的上下文一起考慮，目標是匹配含義的頁面做得更好，而不是只匹配幾個單詞的頁面。
> 4. SEO大腦演算法(Rank Brain)：最了解你的人工智慧秘書
> 自動化的理解關鍵字意義，並反覆自行修正結果，以提供用戶更精確的搜尋結果
> 
[四大演算法詳細介紹](https://ranking.works/SEO%E7%AD%96%E7%95%A5/google%E6%BC%94%E7%AE%97%E6%B3%95)
### 5. 考量背景資訊
根據你的過去搜尋紀錄與所在地區，Google會量身提供最適合你的搜尋結果。
### 6. 回傳最實用的搜尋結果
會根據你的搜尋，評估如何「多元呈現」最適合且相關資訊的搜尋結果

## SEO關注的兩大面向:技術與內容

### 內容SEO

#### 關鍵字研究
關鍵字是對搜索引擎最重要的標記，也相當於整篇文章的精隨與該要，有效的關鍵字能讓搜尋引擎推薦淺在的用戶找到你的網頁
#### 文案撰寫
- 段落分明、文章架構邏輯清楚
- 確認文章主題與主關鍵字，並拓展延伸關鍵字
- 主標與副標要正確使用 H標籤，提升SEO價值
- 引用連結到相關聯的文章
- (幫助 Google 快速了解文章主題，外部連結建議要找比較具有公信力的媒體／文章)
- 增加閱讀時間的元素．使用圖片或影片
－　(Google 會透過網友的停留時間判斷你的內容是否對 user 有幫助)

#### Title/Description 優化
##### Title對SEO的重要性
幫助搜尋引擎對於「關鍵字」與「網頁內容」之間的關聯判定更為正確
##### 符合SEO的 Title 字數、規範
1. 準確描述網頁內容
2. 每個網頁都要有獨一無二的標題
3. 使用簡短而明確的標題
4. 大概 50～60字元（25～30 個中文字）左右最為適切

##### Description對SEO優化的重要性
網頁內容的濃縮精華，必須在有限的篇幅內精準、具吸引力的文字來抓住使用者的眼光
吸引點擊，降低高跳出頻率，避免使Google認定你的內容沒有價值

##### 符合SEO的 Title 字數、規範
1. 提供準確的網頁內容摘要
2. 為每個網頁撰寫獨一無二的說明
3. 會隨著使用者裝置、搜尋結果內容有所不同，130~160字元（65~80個中文字）左右最為適切
### 技術SEO

#### 標籤的應用
- Header標籤
圖片來源[【SEO HTML概念篇】SEO操作必學！從0到1的HTML基礎知識教學](https://ranking.works/%E6%8A%80%E8%A1%93SEO/html)
- Meta 標籤
<code> title 頁面標題/title </code>
<code>meta name="Description" content="可放入一些關鍵字"</code>
<code>meta name="keywords" content="可放入一些關鍵字"</code>
圖片來源[【SEO HTML概念篇】SEO操作必學！從0到1的HTML基礎知識教學](https://ranking.works/%E6%8A%80%E8%A1%93SEO/html)

- nofollow
<code> a href=”網址”rel=”nofollow” </code>

> 用於向搜尋引擎表示目前所處網站與特定網站之間沒有關連，表示「此連結僅為提供資訊，不代表本網站立場」而已

<code> meta name=”robots” content=”noindex , nofollow” </code>
> 用來告訴搜尋引擎「不要抓取網頁上的所有外部和內部連結」，避免被 Google 視為惡意操作外部連結

- 圖片標籤
<code> img src=”檔名” alt=”圖片描述” </code>
> 設定符合網站內容或關鍵字的檔名與圖片描述，可確保使用者體驗與避免被 Google 檢索器認定「圖文不符」的情形

#### RWD網頁設計
因為行動裝置的興起，各家瀏覽器開始重視手機與平板用戶的使用體驗
1. 增加使用者體驗
> 「使用者體驗優良」或「行動裝置友善網頁」向來是各大搜尋引擎所重視的
2. 減少搜尋引擎判斷重複內容的機會
> 避免發生電腦版與手機版網址不同的情況也減少「重複內容，尤其是不同網址相同內容」
3. 提升在地搜尋排名
> 搜尋引擎判斷手機用戶可以順利閱讀的情況下，就會讓你的網站優先曝光給在地的使用者

#### 麵包屑
除了可以指引消費者之外，也能提供 Google 爬蟲軟體路徑的引導
幫助爬蟲軟體快速了解網站的整體架構，在爬取網頁時也能清楚知道網頁的層級及分類索引
有助於提升搜尋結果的排名
##### 建立結構化資料的方式
###### 1.[JSON-LD](https://json-ld.org/)（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](https://html.spec.whatwg.org/multipage/)
依照 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](https://rdfa.info/)
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 資料螢光筆](https://www.design-hu.com.tw/seo-tools/search-console/google-search-console-data-highlighter.html)

#### 網頁加載速度
1. 升級主機
> 虛擬主機越便宜容量和速度都不會太高
2. 壓縮圖片大小

3. 清理/壓縮網站代碼
>刪除或壓縮一些不必要的檔案 CSS和JavaScript

4. WordPress架設網站不要安裝太多主題/外掛

#### 網站安全性 SSL協定
Google2017年推動的一項措施
目的是保護使用者在網站輸入任何敏感資料時
防止被駭客輕易地獲取這些敏感資料而建議的措施，
##### 免費的憑證
> [Let's Encrypt](https://letsencrypt.org/)
> 每次申請有效期為3個月，並可設定自動更新憑證

#### XML網站地圖
主動告訴Google有哪些頁面需要被收錄，幫助Google分析網站並加快收錄速度
提供網站資訊的檔案或動態資訊，可以列出網頁清單、圖片清單(授權資訊)、影片清單(相關資訊)、新聞清單(相關資訊)…
但Sitemap對SEO排名沒有幫助，
＞免費產生工具[XML-Sitemaps - 線上免費版](https://www.xml-sitemaps.com/)
## SEO檢測工具推薦
- SEO工具
- Google Search Console
- 了解自身網站的熱門搜尋字詞
- SimilarWeb
- 網站流量分析並研究競爭對手
- 關鍵字探勘工具
- Google Suggest
- 快速了解大家都在搜尋什麼關鍵字
- Google搜尋趨勢
- 關鍵字的搜尋量查詢與比較
- Ubersuggest
- 了解關鍵字的競爭程度，取得大量關鍵字建議
- 網站架構評分測試
- Google PSI
- 網站測速工具
- PageSpeed Insights
- dcasdsdasd
- 廣告投遞工具
- Google Search Console

資訊來源：
- [搜尋引擎的運作原理，了解Google如何替網站排名](https://www.ibest.tw/seo-detail/how-search-engin-work/)
- [SEO是什麼？SEO怎麼做？2021重點教學](https://www.da-vinci.com.tw/tw/blog/seo-study)
- [Meta Title Description 怎麼寫？別小看標題、摘要，SEO老司機就是你！](https://awoo.ai/zh-hant/blog/meta-title-description/)
- [SEO 優化 -新手上路](https://info.feversocial.com/howto/SEO-Focus-on-Content-49)
- [RWD與SEO：有什麼關聯或好處？](https://www.pongo.com.tw/the-relationship-between-rwd-and-seo/)
- [麵包屑（Breadcrumbs）設定方法](https://ranking.works/%E6%8A%80%E8%A1%93SEO/%E9%BA%B5%E5%8C%85%E5%B1%91)

###### tags: `分享會`