Open Graph
Open Graph 是由 Facebook 提出，官方翻譯叫做「開放社交關係圖」。不同的社群平台有不同設定。使用 Open graph 的目的是讓使用者分享網頁時， 顯示在社群平台或是其他網站的內容可被自行定義，包含：縮圖、標題、描述…等
og:title
設定當網頁分享出去時，所呈現的標題文字，通常會跟網站中 meta title 相同。
og:description
設定當網頁分享出去時，所呈現的描述文字，通常會跟網站中 meta descritpition 相同。
og:image
設定當網頁分享出去時，所呈現的圖片（縮圖），搭配上精美的圖片將有機會提升網頁的點擊率。
og:image:alt
作為圖片替代文字，用來描述圖片內容，當圖片失效時才會顯示，否則圖片正常顯示下，得從網頁原始碼才能看得見。
Kolable 系統，設定OG途徑：
1. 在文章、課程中，可設定單一作品之 OG
2. 可在後台 -> 網站管理 -> 參數設定 -> open_graph，設定預設的 OG
另外補充：建議設定 OG 一天後再確認是否呈現，因為爬蟲需要一點時間抓取資料。
SEO
SEO 是搜尋引擎優化(Search Engine Optimization)的簡稱，也就是讓搜尋引擎更容易發現網站的程序，主要能夠幫助搜索引擎理解頁面上的內容。網站的排名越高，越容易讓使用者看到以及點擊，高點擊流量自然就造就高業績。
Key word：
在設定任何資訊之前，建議先依照網站或網頁內容，找出符合的關鍵字，以應用在 title 及 description 的設定當中。
Title:
顯示於 google 搜尋頁上呈現的網頁標題與打開網頁後上方的頁籤名稱等。
根據Google的SEO入門指南，SEO的 Title 最佳寫法應該符合以下三點：
1. 準確描述網頁內容
3. 每個網頁都要有獨一無二的標題
3. 使用簡短而明確的標題
且 字數也不宜過長，大概 50～60字元（25～30 個中文字）左右最為適切。
Description：
網頁的描述，也會出現在google 搜尋頁上呈現的網頁描述（標題下方小字）。
根據Google的SEO入門指南，SEO的 Description 最佳寫法應該符合以下兩點：
1. 提供準確的網頁內容摘要
2. 為每個網頁撰寫獨一無二的說明
網頁內容的濃縮精華，必須在有限的篇幅內，透過精準、具吸引力的文字來抓住使用者的眼光，吸引點擊。
Kolable 系統，設定 SEO 途徑：
1. 在文章、課程中，可設定單一作品之 SEO（Key word、Title、Description）
2. 可在後台 -> 網站管理 -> 參數設定 -> SEO
seo.host：網站的網域(kolable.app)
seo.logo：網站的 LOGO
seo.meta：網站的詳細資訊
seo.name：網站的名稱
seo.url：網站的網址
參考資料：
https://welly.tw/serp-rank-optimization/what-is-img-alt
https://www.awoo.ai/zh-hant/blog/meta-title-description/
https://www.tsg.com.tw/blog-related-detail7-292-1-open-graph.htm
https://www.hububble.co/blog/meta-title-description