Open Graph 預覽

預覽 URL 在 Facebook、Twitter 和 LinkedIn 上分享時的外觀

所有處理皆在瀏覽器中完成，不會上傳任何資料。

Offline Ready

Open Graph 預覽

預覽 URL 在 Facebook、Twitter 和 LinkedIn 上分享時的外觀

🔒所有處理皆在瀏覽器中完成，不會上傳任何資料。

Open Graph 設定

標題 15/70

描述 88/200

This is a description of my page that will appear when shared on social media platforms.

URL

類型

website

圖片 URL

網站名稱

Twitter Card 設定

卡片類型

Summary Large Image

網站帳號

建立者帳號

Facebook

Twitter / X

example.com

My Awesome Page

This is a description of my page that will appear when shared on social media platforms.

產生的 Meta 標籤

<meta property="og:title" content="My Awesome Page" />
<meta property="og:description" content="This is a description of my page that will appear when shared on social media platforms." />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:image" content="https://via.placeholder.com/1200x630/2080f0/ffffff?text=OG+Image" />
<meta property="og:site_name" content="Example Site" />
<meta property="og:type" content="website" />

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="My Awesome Page" />
<meta name="twitter:description" content="This is a description of my page that will appear when shared on social media platforms." />
<meta name="twitter:image" content="https://via.placeholder.com/1200x630/2080f0/ffffff?text=OG+Image" />
<meta name="twitter:site" content="@example" />
<meta name="twitter:creator" content="@author" />