MetoolzyMetoolzy

Open Graph Preview

预览链接在Facebook、Twitter和LinkedIn上的分享效果。

Multi-Platform Preview

See how your link looks on Facebook, Twitter, and LinkedIn.

Raw Tag Inspector

View all extracted Open Graph and Twitter meta tags.

Missing Tag Warnings

Get alerts about missing recommended meta tags.

Server-Side Fetch

Bypasses CORS by fetching pages on the server.

关于Open Graph Preview

The Open Graph Preview Checker fetches any public URL and shows you exactly how that page's link will appear when shared on Facebook, Twitter/X, and LinkedIn. Open Graph meta tags control the title, description, and image displayed in social share cards — getting these right can dramatically increase click-through rates on shared links. Many developers discover too late that their image is the wrong size, their title is missing, or their description is being cut off. This tool does a server-side fetch to bypass CORS restrictions, extracts all og:, twitter:, and standard meta tags, renders accurate previews for each platform, and highlights any missing recommended tags with clear warnings. Use it before every launch to verify your social sharing setup is perfect.

如何使用Open Graph Preview

  1. Enter the full URL of the web page you want to preview (https:// is added automatically if omitted).
  2. Click the Preview button — the tool fetches the page server-side to avoid CORS issues.
  3. Review the Facebook, Twitter/X, and LinkedIn preview cards to see exactly how your link will look.
  4. Check the Missing Tags warning section to identify any recommended meta tags that are absent.
  5. Expand the Extracted Meta Tags table to inspect all raw property values including image URLs.
  6. Fix any issues in your HTML, redeploy, and re-check until all platforms show the correct preview.

常见问题

Why does my preview look different from what I see on the actual social platform?

Social platforms aggressively cache Open Graph data — sometimes for up to 7 days. Facebook has a Sharing Debugger tool and Twitter has a Card Validator where you can force a cache refresh after updating your meta tags. This tool always fetches the latest version of your page.

My page returns an error — what could be causing this?

Common causes include: the page requires authentication, the server blocks non-browser user-agents, the URL redirects to a page that requires JavaScript to render content, or the server has strict CORS/firewall rules. Try with a publicly accessible page first.

What is the recommended og:image size?

For best results across all platforms, use an image that is 1200×630 pixels. Facebook and LinkedIn require a minimum of 200×200 px. Twitter large image cards need at least 300×157 px. The image must be served over HTTPS and be publicly accessible (no login required).

Which Open Graph tags are considered essential?

The four essential Open Graph tags are og:title, og:description, og:image, and og:url. Without og:type (defaulting to "website"), og:site_name, and the Twitter Card tags, you may get inconsistent or degraded previews on some platforms.

Does fixing my Open Graph tags affect my Google ranking?

Not directly. Open Graph tags are not used by Google for ranking. However, better-looking social cards lead to higher click-through rates on shared links, which can drive more traffic and indirectly improve your site's authority signals over time.

Open Graph Preview 完全使用指南与免费在线工具

无需安装、完全免费、纯前端本地运行的高效 Open Graph Preview 工具

用于快速解决：预览链接在Facebook、Twitter和LinkedIn上的分享效果。。无需安装复杂软件，打开网页即可立即使用，极速且安全。

为什么选择 Metoolzy 的 Open Graph Preview？

  • 秒级即时响应: 极致性能优化，输入即可见结果。
  • 数据绝对安全: 纯浏览器本地计算，数据绝不上传服务器。
  • 完全免费使用: 无需注册登录，无任何隐形消费。

三步快速上手

  1. 打开 Metoolzy Open Graph Preview 工具页面。
  2. 在输入区粘贴或上传您的数据。
  3. 即时查看处理结果并点击复制或下载。

功能对比表

对比项 Metoolzy Open Graph Preview 普通在线工具 本地客户端软件
使用成本 永久免费 有次数限制或收费 需购买授权
隐私保护 纯本地内存运行 数据需上传云端 本地运行

适用人群与应用场景

  • 软件开发人员日常调试与数据转换
  • UI/UX 设计师资产处理
  • 运营与办公人员效率提升

常见问题解答 (FAQ)

处理的数据会被记录或保存吗？

绝不会。所有运算均在您的浏览器本地完成，没有任何数据回传。