SEO与网页工具

Open Graph 标签生成器

在线生成用于社交媒体分享预览的标准 Open Graph HTML 元标签代码,支持标题、描述、缩略图和网址配置。

运行工具

Open Graph 标签生成器用于为网页快速构建标准社交媒体分享元标签。在社交平台或即时通讯工具中分享网页链接时,平台抓取程序会读取页面的 Open Graph 标签以呈现结构化富文本卡片,展示标题、摘要、封面图及网站来源等关键信息。

使用该工具时,页面标题为生成内容的核心必要信息。只要填入标题,工具就会自动生成包含标题、描述、内容类型(默认值为 website)以及语言区域(默认值为 en_US)的 HTML 代码片段。若进一步提供了网页规范链接、图片链接或网站名称,生成结果中也会同步加入对应的 og:url、og:image 和 og:site_name 标签。所有填入的文本内容均会经过 HTML 特殊字符转义处理,可直接复制并嵌入网站 HTML 的 head 区域。若未填写标题,工具则不会输出标签片段。

使用说明

  1. 在标题输入框中填入网页的主标题(生成标签的必要内容)。
  2. 按需填写网页描述摘要、完整页面链接、封面图片地址和网站名称。
  3. 根据网页实际形态调整内容类型(默认为 website)和语言区域代码(默认为 en_US)。
  4. 点击运行按钮,在结果区域查看已转义的 HTML meta 标签代码。
  5. 复制代码片段并粘贴至目标网页的 <head> 标签内部。

示例

  • 基础文章配置:标题填写“现代 Web 开发入门指南”,描述填写“全面解析前端与后端核心技术栈”,类型填写“article”,语言填写“zh_CN”,生成包含文章类型声明的元标签。
  • 完整站点主页配置:标题填写“实用工具导航站”,描述填写“汇集常用在线开发与设计辅助工具”,图片链接填写“https://example.com/preview.jpg”,网页链接填写“https://example.com”,网站名称填写“WebTools”,生成包含多媒体封面与站点归属的完整标签。

常见问题

为什么点击运行后没有输出标签代码?

生成 Open Graph 标签需要提供页面标题。若标题字段为空,工具不会生成任何标签片段。请先填入网页标题再尝试运行。

为什么生成的内容类型默认是 website?

在 Open Graph 规范中,website 是适用于绝大多数常规网页的基础类型。如果页面属于博客文章、视频或音频等特定内容,可以手动将类型修改为 article、video 等对应取值。

输出结果中的特殊字符被转义了,这是否正常?

这是预期的处理方式。所有输入的文本都会经过 HTML 实体转义处理(例如双引号转义),以确保代码嵌入 HTML 文档头部时语法正确且避免格式错乱。

图片链接需要填写完整绝对网址吗?

社交平台的抓取程序通常要求 og:image 使用包含协议(如 https)和完整域名的绝对 URL,使用相对路径可能导致分享卡片无法正常显示缩略图。

嵌入此工具

使用以下代码,将这个可直接使用的 SmartPlusLab 工具添加到您的网站。