跳到主要内容

网页 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 等官方调试工具。
分享此工具