RevealTheme logo

Open Graph检查工具

预览URL在Facebook、Twitter/X、LinkedIn及其他平台上分享时的显示效果。

如何使用本工具

  1. 1

    Paste the full URL of the page you want to inspect, including https://, into the input field.

  2. 2

    Click Analyze. Our server fetches the page's HTML and parses its meta tags.

  3. 3

    Read the extracted Open Graph and Twitter Card values side by side, and check the rendered og:image preview below them.

  4. 4

    Adjust the tags in your site's HTML head, redeploy, then re-run the tool to confirm the changes are live.

什么是Open Graph检查工具?

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标签。同时设置两者可获得最大程度的控制。

相关工具