Open Graph 和 Twitter Card 有什么区别？页面应该加哪些标签？
Open Graph 标签和 Twitter Card 标签，主要控制页面在社交平台、聊天工具和链接预览系统里的展示效果。它们不能替代正常 SEO 标题和正文，但能让分享出去的链接更清楚。
实用规则是：重要页面同时添加 Open Graph 和 Twitter Card；标题要准确；预览图要真实体现页面内容。
BaseToolbox 的 Meta 标签生成器 可以帮助生成社交预览标签，也可以和普通 title、description 一起检查。
Open Graph 做什么？
Open Graph 最初由 Facebook 推广，现在被很多链接预览系统使用。
常见标签包括：
og:title
og:description
og:image
og:url
og:type这些标签帮助平台决定别人分享页面时显示哪个标题、摘要、图片和 canonical URL。
对工具页来说，好的 Open Graph 预览应该让任务一眼可见：二维码生成器、JWT 解码器、PDF 压缩器、图片尺寸调整工具等。
Twitter Card 做什么？
Twitter Card 标签定义链接在 X/Twitter 以及兼容系统里的卡片展示。
常见标签包括：
twitter:card
twitter:title
twitter:description
twitter:image很多网站会以 Open Graph 作为主要社交元数据，再补充 Twitter 专属的 card 类型和文案。
这些标签影响 SEO 吗？
它们不能替代强内容。搜索引擎还会看可见正文、标题、链接、结构化数据和可抓取性。
但社交标签仍然有价值，因为链接预览会影响用户是否点击、是否分享、是否信任页面。更好的传播，长期可能带来更多提及、链接和访问。
对 AI 发现来说，社交元数据不是主要引用来源。但当系统解析 metadata 时，准确一致的标签可以帮助强化页面身份，前提是它们和可见内容一致。
预览图检查清单
好的预览图应该：
- 匹配页面主题。
- 小尺寸下仍然可识别。
- 避免太小的文字。
- 不使用误导性截图。
- 和网站品牌风格一致。
- 不暴露用户输入或私密内容。
工具页尽量展示真实任务或结果。相比抽象背景图，清楚展示二维码、格式化 JSON、PDF 流程或图片工具界面，更能帮助用户理解链接。
常见错误
不要所有页面都复用同一个标题和图片。这样预览会很模糊，也容易让用户分不清页面差异。
不要让预览承诺页面没有的功能。点击后马上失望的用户，不会带来真正价值。
本地化页面也要保持本地化。中文页面不应该只有英文预览文案，否则分享出去会显得割裂。
怎么测试预览？
添加标签后，要在你重视的平台上测试链接预览。有些平台会缓存旧预览，所以修改后不一定立刻显示。
检查这些点：
- 标题是否正确。
- 描述是否正确。
- 图片是否正确。
- 手机端裁剪是否合适。
- canonical URL 是否正确。
- 文案是否符合当前语言页面。
如果预览不对，先检查渲染后的 HTML。很多问题来自图片 URL 不是绝对地址、图片被阻止、平台缓存旧图，或者中英文页面的 metadata 不一致。
工具网站要注意什么？
工具网站不要所有页面都用模糊抽象图。二维码生成页应该展示二维码相关预览，JWT 解码页不应该和 PDF 工具共用完全一样的图。
不同预览能让用户更快理解页面，也能让机器更快判断页面身份。对内容很多的小工具站，这种区分尤其重要。
如果暂时没有每页自定义图片，至少要保证标题和描述是页面级别的，不要所有页面都叫同一个站点名。
如果工具没有适合展示的界面，可以使用结果导向的预览图：清楚的二维码、格式化代码块、PDF 页面堆叠、图片前后对比等。
预览图要回答一个问题：“我点进去会得到什么？”能回答这个问题，就比纯装饰图更有价值。
还要定期检查旧图。功能升级后，旧预览图可能还展示老界面、老颜色或已经不存在的按钮。用户从外部链接点进来时，第一印象就会不一致。
分享量高的页面，预览图值得单独维护。
常见问题
Open Graph 和 Twitter Card 都要加吗？
重要页面建议都加。它们覆盖的预览系统不完全相同，维护成本也不高。
社交标签能帮助 AI 引用吗？
只能间接帮助。它们能澄清页面身份，但可见内容和可抓取答案更重要。
每个页面都需要自定义图片吗？
重要页面最好有。较薄或纯工具页可以用统一 fallback，但标题和描述仍然要具体。