# [學習筆記] Google PageSpeed Insights 和 Open Graph

:::warning
:mag_right: **優化網站使用者體驗是什麼呢？**

優化網站速度，是提升搜尋排名的其中一項因素，也是提升使用者體驗很重要的因素。

Google 提供的 PageSpeed Insights ，是一個很好的指標工具，幫助網頁速度優化。

Google 認為 Core Web Vitals 對於網頁的使用者體驗非常重要，本文將介紹如何使用 PageSpeed Insights、如何讀取 Web Vitals 的相關數據，及評估網站狀況與優化方式，與 pagespeed insights 改善方法。



來源: https://pagespeed.web.dev

教學: https://kamadiam.com/pagespeed-insights-tutorial
:::

:::success
📌 開放社交關係圖是什麼呢？

Open Graph 全稱為 Open Graph Protocol，官方中文翻譯為「開放社交關係圖」，是由 Facebook 在 2010 年推出的技術。使用 Open graph 的目的是讓使用者分享網頁時， 其顯示在社群平台或是其他網站的內容可被自行定義，包含：縮圖、標題、描述…等。



來源: https://ogp.me

教學１: https://ryzo.io/open-graph-for-campaign-page

教學２:https://ithelp.ithome.com.tw/articles/10278469
:::