开放式图形元生成器
为网站生成Open Graph及社交媒体所需的HTML元标签。
通用信息
您的元标签
<!-- og meta -->
<meta property="og:type" content="website">
<meta property="og:title" content="...">
<meta property="og:description" content="...">
<meta property="og:url" content="...">
<meta property="og:image" content="...">
<meta property="og:image:alt" content="...">
<meta property="og:image:width" content="...">
<meta property="og:image:height" content="...">
<!-- twitter meta -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="...">
<meta name="twitter:creator" content="...">
<meta property="og:type" content="website">
<meta property="og:title" content="...">
<meta property="og:description" content="...">
<meta property="og:url" content="...">
<meta property="og:image" content="...">
<meta property="og:image:alt" content="...">
<meta property="og:image:width" content="...">
<meta property="og:image:height" content="...">
<!-- twitter meta -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="...">
<meta name="twitter:creator" content="...">
开放式图形元生成器 - 工具简介
本工具可帮助您生成用于社交媒体分享的 Open Graph 和 Twitter Card 元标签。填写左侧表单，右侧会实时生成对应的 HTML meta 标签，点击复制按钮即可粘贴到您的网站头部。
使用说明
- 页面类型：选择内容类型（网站、文章、书籍等）。
- 标题/描述：显示在分享卡片上的标题和描述。
- 图片信息：提供社交分享图片的 URL、替代文本和尺寸（可选）。
- Twitter 卡片：选择卡片样式并填写站点/创作者账号（可选）。
- 生成的标签包含
<!-- og meta -->和<!-- twitter meta -->注释，方便区分。