跳到主要内容

网页 Meta 信息提取与社交预览

输入任意网址，提取其 HTML 中的 <meta> 标签信息（标题、描述、关键词），并自动解析 Open Graph (OG) 和 Twitter Card 协议。 本工具提供 Google 搜索结果、Facebook 分享卡片和 Twitter 卡片的实时预览，帮助您优化网页的 SEO 和社交媒体分享效果。

为什么需要这个工具？​

当您在社交媒体（如微信、Twitter、Facebook、Slack）分享链接时，平台会抓取网页的 Meta 信息生成一张卡片。如果配置不当（例如图片缺失、标题截断），会大大降低用户的点击率。

支持检测的标签​

  • 基础 Meta: <title>, <meta name="description">, <meta name="keywords">
  • Open Graph: og:title, og:description, og:image, og:url, og:type
  • Twitter Card: twitter:card, twitter:title, twitter:description, twitter:image

常见问题

什么是 Open Graph（OG）标签？
Open Graph 是 Facebook 提出的一套 Meta 标签协议，通过 og:title、og:description、og:image 等标签定义网页在社交媒体上分享时显示的标题、描述和图片。现在已被几乎所有社交平台（微信、Twitter、LinkedIn 等）支持。
og:image 推荐的尺寸是多少？
推荐使用 1200x630 像素的图片，这是 Facebook 和大多数社交平台的标准分享图片尺寸。图片大小建议不超过 5MB，格式支持 JPG、PNG 和 GIF（静态）。
Meta description 对 SEO 有什么影响？
Meta description 不会直接影响搜索排名，但会在搜索结果中显示为网页摘要。一个吸引人的 description 可以提高点击率（CTR）。建议长度在 120-160 个中文字符之间，过长会被截断。
Twitter Card 和 Open Graph 有什么区别？
Open Graph 是通用协议，被 Facebook、LinkedIn 等平台使用。Twitter Card 是 Twitter 专属的 Meta 标签（twitter:card、twitter:title 等）。如果页面同时设置了两种标签，Twitter 会优先使用 Twitter Card 标签，没有则回退到 OG 标签。
如何测试社交分享效果？
可以使用本工具输入网址实时预览 Google 搜索结果和社交媒体分享卡片。此外，Facebook 提供 Sharing Debugger、Twitter 提供 Card Validator、LinkedIn 提供 Post Inspector 等官方调试工具。
分享此工具