Open Graph 元标签生成

生成 Open Graph 与 Twitter 卡片标签

浏览器内运算Open Graph Meta Generator工具型07网络与 Web

什么是Open Graph 元标签生成

Open Graph 标签生成器根据标题、描述、地址与预览图生成完整的社交分享标签,同时输出 Twitter 卡片标签与 canonical,并对标题描述长度给出提示。生成在浏览器本地完成。

怎么用Open Graph 元标签生成

  1. 1填写标题与描述,注意上方的长度提示。
  2. 2填写页面规范地址与预览图地址(必须是绝对地址)。
  3. 3选择内容类型与卡片样式。
  4. 4复制标签放进页面的 head 中。

常见问题

预览图为什么在微信或 Twitter 里不显示?+

常见原因有四个:使用了相对路径(必须是绝对地址)、图片需要登录才能访问、体积过大(建议 300 KB 以内)、或者平台缓存了旧版本。改完后用各平台的调试工具主动刷新缓存。

og:title 和 title 标签需要都写吗?+

建议都写。title 用于搜索结果与浏览器标签,og:title 用于社交分享卡片,两者可以不同——分享标题可以更口语化、更抓人,而 title 应更侧重关键词与准确性。

相关工具

全部工具