运行工具
Open Graph 标签生成器用于为网页快速构建标准社交媒体分享元标签。在社交平台或即时通讯工具中分享网页链接时,平台抓取程序会读取页面的 Open Graph 标签以呈现结构化富文本卡片,展示标题、摘要、封面图及网站来源等关键信息。
使用该工具时,页面标题为生成内容的核心必要信息。只要填入标题,工具就会自动生成包含标题、描述、内容类型(默认值为 website)以及语言区域(默认值为 en_US)的 HTML 代码片段。若进一步提供了网页规范链接、图片链接或网站名称,生成结果中也会同步加入对应的 og:url、og:image 和 og:site_name 标签。所有填入的文本内容均会经过 HTML 特殊字符转义处理,可直接复制并嵌入网站 HTML 的 head 区域。若未填写标题,工具则不会输出标签片段。
使用说明
- 在标题输入框中填入网页的主标题(生成标签的必要内容)。
- 按需填写网页描述摘要、完整页面链接、封面图片地址和网站名称。
- 根据网页实际形态调整内容类型(默认为 website)和语言区域代码(默认为 en_US)。
- 点击运行按钮,在结果区域查看已转义的 HTML meta 标签代码。
- 复制代码片段并粘贴至目标网页的 <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,使用相对路径可能导致分享卡片无法正常显示缩略图。