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 应更侧重关键词与准确性。

相关工具

全部工具