Open Graph 檢查工具

預覽 URL 在 Facebook、Twitter/X、LinkedIn 及其他平台上分享時的顯示效果。

如何使用本工具

1
Paste the full URL of the page you want to inspect, including https://, into the input field.
2
Click Analyze. Our server fetches the page's HTML and parses its meta tags.
3
Read the extracted Open Graph and Twitter Card values side by side, and check the rendered og:image preview below them.
4
Adjust the tags in your site's HTML head, redeploy, then re-run the tool to confirm the changes are live.

Open Graph（Facebook）和 Twitter Card 元標籤控制著你的 URL 在社群媒體上分享時的顯示效果：所呈現的標題、描述和圖片。缺失或損壞的 OG 標籤會導致貼文毫無吸引力，從而獲得更少的互動。本工具會擷取所有 OG 和 Twitter 元標籤，並展示由此產生的預覽效果。

Debugging why a freshly published blog post shows a blank or wrong thumbnail when shared on LinkedIn or Facebook.
Confirming a CMS or framework actually emitted the og:image and og:description you configured before you announce a launch.
Checking that a single-page app renders its meta tags server-side, since tags added only by client JavaScript will be missing from the results.
Auditing a batch of marketing landing pages so each has a distinct title, description, and share image.
Verifying twitter:card is set to summary_large_image so a post displays a wide image rather than a small thumbnail.
Spotting when a redirect or stale cache is serving old meta tags after you changed them, since the tool shows the final fetched URL's HTML.

推薦的 OG 圖片尺寸是多少？▼

1200×630 像素在所有主流平台上都適用。對於 summary_large_image 卡片，Twitter 更偏好 1200×675。

我需要同時設定 OG 標籤和 Twitter 標籤嗎？▼

如果缺少 Twitter 專屬標籤，Twitter 會回退使用 OG 標籤。同時設定兩者可獲得最大程度的控制。