Info

🌱 來自: Quartz

open graph

什麼是Open Graph？

Open Graph是一個由Facebook創建的協議，旨在讓網站管理員更好地控制他們的內容在社交媒體平台上的顯示方式。它允許網站管理員指定網頁的元數據，包括標題、描述、圖片等，以便在Facebook、Twitter和其他社交媒體平台上分享時更好地展示。

Open Graph的核心是元標籤（meta tags），它們在網頁的頭部指定網頁的元數據。在Open Graph中，這些標籤的屬性定義了該網頁的內容，例如標題、描述、縮略圖等。當用戶分享該網頁時，社交媒體平台將使用這些標籤來決定如何呈現該網頁的內容。

可以體驗一下，在網址列貼上

https://og-ph6wrfvo1-htlin222.vercel.app/api/blog?templateTitle=什麼是OpenGraph

應該就會得到一張：

教學

• Fork htlin222/og: 🍇 Open Graph Generator made using @vercel/og for personal use
• 然後New Project – Vercel
• 選擇你的專案後Deploy
• 應該就可以得到 og-username.vercel.app這個網址，選擇Link Builder

• 注意右下角的那個網址https://og-xxxxxx-username.vercel.app/api/blog?templateTitle=你的標題在這裡&theme=dark，就是他了