简化您的工作流程:搜索 miniwebtool。
添加插件
主页 > 网站管理工具 > 元标记生成器
 

元标记生成器

生成 SEO 元标记、Open Graph 标记和 Twitter Card 标记,并提供 Google、Facebook 和 X (Twitter) 的实时预览。包含实时字符计数器和一键复制功能。

元标记生成器

⚡ 快速示例 — 尝试其中一个以查看所有功能:

博客文章 电子商务产品 作品集网站
建议:Google 搜索结果建议 50-60 个字符
建议:150-160 个字符以在搜索结果中获得最佳显示效果
逗号分隔的关键词(虽然 SEO 影响有限,但部分引擎仍在使用)
此页面的首选 URL(防止重复内容问题)
控制移动设备上的响应式行为
ℹ Open Graph 标记控制您的页面在分享到 Facebook、LinkedIn、Pinterest 和其他社交平台时的显示效果。如果留空,这些字段将回退使用您的基础 SEO 值。
建议:1200 x 630 像素,5 MB 以内
ℹ Twitter Card 标记控制您的页面在 X (Twitter) 上分享时的外观。如果留空,X 将回退使用您的 Open Graph 标记。
大多数内容建议使用 summary_large_image
建议:summary_large_image 使用 1200 x 628 像素
您的 X @用户名
内容创作者的 @用户名
👁 实时预览
🌐 example.com
您的页面标题
您的页面描述将显示在这里。编写引人入胜的描述以提高搜索结果的点击率。
⬚ 未设置图像 — 请添加 og:image URL
example.com
您的 Open Graph 标题
您的 Open Graph 描述将显示在这里。
⬚ 未设置图像 — 请添加 twitter:image URL
您的 Twitter Card 标题
您的 Twitter Card 描述将显示在这里。
🔗 example.com

Embed 元标记生成器 Widget

元标记生成器

元标记生成器可为您的网站创建 SEO 优化的元标记、Open Graph 标记和 Twitter Card 标记,并提供实时预览。在发布之前,确切了解您的页面在 Google 搜索结果、Facebook 帖子和 X (Twitter) 卡片中的显示效果。实时字符计数器可帮助您保持在建议限制范围内,从而获得最大的曝光度。

什么是元标记?

元标记是放置在网页 <head> 部分的 HTML 元素,用于向搜索引擎和社交平台提供元数据。它们不会直接出现在页面内容中,但会显著影响您的页面在网络上的发现、索引和显示方式。

此工具生成的元标记类型

类别标记用途
SEO<title>搜索结果和浏览器选项卡中显示的页面标题
SEOmeta description搜索结果中标题下方显示的摘要片段
SEOmeta keywords逗号分隔的关键词(目前对 SEO 影响有限)
SEOmeta robots控制搜索引擎的抓取和索引行为
SEOlink canonical指定首选 URL 以防止重复内容
社交og:title在 Facebook、LinkedIn 等平台分享时显示的标题
社交og:description社交媒体分享卡片中显示的描述
社交og:image社交媒体分享预览中显示的图像
X/Twittertwitter:card卡片类型:summary 或 summary_large_image
X/Twittertwitter:site您的 X (Twitter) @用户名

建议的字符限制

Google 标题
50–60
个字符
Google 描述
150–160
个字符
OG 标题
60–90
个字符
OG 描述
100–200
个字符
Twitter 标题
50–70
个字符
Twitter 描述
200 以内
个字符
专业技巧: 为 SEO、Open Graph 和 Twitter Cards 编写不同的标题和描述。每个平台的显示限制和上下文都不同 —— 搜索结果标题应富含关键词,而社交媒体标题应更具吸引力和分享价值。

如何使用此元标记生成器

  1. 填写基础 SEO 标记: 输入您的页面标题(建议 50-60 个字符)、元描述(150-160 个字符)、关键词,选择 robots 指令、字符集,并可选添加规范 URL。
  2. 添加 Open Graph 标记: 切换到 Open Graph 选项卡,输入您的 OG 标题、描述、图片 URL、页面 URL、网站名称和内容类型,以便在 Facebook 和 LinkedIn 上获得最佳分享效果。
  3. 配置 Twitter Card 标记: 切换到 Twitter Card 选项卡设置卡片类型(summary 或 summary_large_image)、标题、描述、图片 URL 以及您的 X @用户名。
  4. 预览您的标记: 查看实时预览面板,了解您的页面在 Google 搜索结果、Facebook 帖子和 X (Twitter) 卡片中的外观。
  5. 生成并复制: 点击“生成元标记”以查看带有语法高亮的完整 HTML 代码。点击“复制代码”并将其粘贴到页面的 <head> 部分。

Open Graph 图像最佳实践

  • 建议尺寸: 1200 x 630 像素(1.91:1 宽高比)
  • 最小尺寸: 200 x 200 像素(Facebook 的最低要求)
  • 文件大小: 5 MB 以下以获得最佳性能
  • 格式: JPEG, PNG, 或 WebP
  • 安全区域: 将重要的文本/徽标保持在图像中心 80% 的范围内

Twitter Card 类型

  • summary: 带有方形缩略图(最小 144x144)的小型卡片。最适合文章和常规内容。
  • summary_large_image: 带有突出大图(建议 1200x628)的大型卡片。最适合博客文章、落地页和视觉内容。
注意: 如果您不设置 Twitter Card 标记,X (Twitter) 将自动回退使用您的 Open Graph 标记。但是,同时设置两者可以让您完全控制内容在每个平台上的呈现方式。

常见问题

什么是元标记?为什么它们对 SEO 很重要?

元标记是放置在网页 <head> 部分的 HTML 元素,用于向搜索引擎和社交媒体平台提供有关该页面的元数据。关键元标记包括标题标记(在搜索结果中显示)、元描述(搜索结果标题下方显示的摘要)和 robots 标记(控制搜索引擎抓取)。精心制作的元标记可以提高搜索结果的点击率,并确保您的内容在社交媒体上分享时显示正确。

什么是 Open Graph 标记?它们是如何工作的?

Open Graph (OG) 标记是由 Facebook 开发的元标记,用于控制您的网页在分享到社交媒体平台(如 Facebook、LinkedIn 和 Pinterest)时的外观。关键 OG 标记包括 og:title、og:description、og:image、og:url 和 og:type。当有人分享您的 URL 时,这些平台会读取 OG 标记,以生成包含您指定的标题、描述和图像的丰富预览卡片。

什么是 Twitter Card 标记?

Twitter Card 标记(现为 X Card 标记)是控制您的内容在 X(前身为 Twitter)上分享时如何显示的元标记。主要类型包括 summary(小缩略图)和 summary_large_image(大图预览)。关键标记包括 twitter:card(卡片类型)、twitter:title、twitter:description、twitter:image 和 twitter:site(您的 @用户名)。如果未设置 Twitter Card 标记,X 将回退使用 Open Graph 标记。

元标题和描述的理想长度是多少?

对于 SEO,建议的元标题长度为 50-60 个字符(Google 通常显示最多 60 个字符)。元描述应为 150-160 个字符。对于 Open Graph,标题应为 60-90 个字符,描述为 100-200 个字符。对于 Twitter Cards,标题最好在 50-70 个字符之间,描述在 200 个字符以内。

我需要同时使用 Open Graph 和 Twitter Card 标记吗?

虽然如果没有 Twitter Card 标记,X (Twitter) 会回退到 Open Graph 标记,但最佳做法是同时包含两者。Twitter Card 标记允许您自定义卡片类型并包含您的 @用户名,这是仅靠 OG 标记无法实现的。同时拥有两者可确保在所有平台上实现最佳显示效果。

Open Graph 和 Twitter Cards 应该使用多大的图片尺寸?

对于 Open Graph 图像,建议尺寸为 1200 x 630 像素,最小为 200 x 200 像素。对于具有 summary_large_image 的 Twitter Cards,请使用 1200 x 628 像素;对于 summary 卡片,最小使用 144 x 144 像素。使用一张 1200 x 630 像素的图像通常可以很好地适配两个平台。

更多资源

引用此内容、页面或工具为:

"元标记生成器" 于 https://MiniWebtool.com/zh-cn/元标记生成器/,来自 MiniWebtool,https://MiniWebtool.com/

由 miniwebtool 团队提供。更新日期:2026年2月6日

其他相关工具:

网站管理工具:

常用工具:

随机信用卡生成器MAC地址查找🌡️ 体感温度计算器彩票号码生成器网址提取器相对标准偏差计算器英尺英寸转换为厘米CAGR计算器太阳、月亮与上升星座计算器 🌞🌙✨随机选择器样本量计算器百分比折扣计算器比例计算器cpm计算器HEX计算器VAT计算器定期存款计算器图片打码工具FPS 转换器毛利率计算器随机扑克牌生成器音频分割器音频提取器随机名字选择器kg到lbs转换器时间持续计算器月亮星座计算器SRT转为TXT工具厘米到英尺和英寸转换器血糖转换器磅转千克转换器合并视频随机IMEI生成器随机字符串生成器📅 日期计算器厘米到英寸转换器英寸到厘米转换器股票平均成本计算器MAC地址生成器分数计算器圆计算器斜边计算器螺栓扭矩计算器二进制计算器视频转图片提取器年龄计算器One Rep Max (1RM) 计算器💧 露点计算器MAC 地址分析工具卡方检验计算器🎮 游戏灵敏度转换器质数检查器百分比计算器随机化数字随机超能力生成器椭圆周长计算器随机分组生成器srt时间偏移调整视频速度两个日期之间随机端口号生成器凯利公式计算器图片分割器SHA256 哈希生成器t检验计算器卧推计算器数字提取器罗马数字转换器英尺到米转换器年度天数计算器 - 今天是今年的第几天每个月的天数职位查找器百分比变化计算器随机用户代理生成器日历行数统计工具利润计算器条形码生成器百分比增长率计算器MD5哈希生成器移除标点符号在线工具AI内容检测器三角函数绘图器商和余数计算器最简分数计算器随机装备生成器Facebook用户ID查询石头剪刀布生成器位数计算器逻辑门模拟器DOY日历六西格玛过程能力计算器半衰期计算器年金现值计算器为图片添加文字圆形面积计算器对数计算器百分比增加计算器高斯分布生成器线性回归计算器AI Token 计数器快速傅里叶变换FFT计算器标准偏差计算器 - 高精度kpa到psi转换器体脂百分比计算器方差计算器 高精度查找并替换文本百分比到ppm转换器平方根计算器斜率截距式计算器组合计算器自酿啤酒酒精度计算器两点间距离计算器楼梯计算器随机颜色生成器随机坐标生成器AI改写工具分数百分比转换器删除空格圆台计算器闰年清单黄金分割计算器AI标点符号添加器Instagram用户ID查询图片压缩器获取字符串长度随机字母生成器IPv4/IPv6到十六进制转换器根式化简器百分比减少计算器anova计算器YouTube频道统计原根计算器分贝 (dB) 计算器🎲 掉落概率计算器股息收益率计算器随机域名生成器不可见字符移除器二次公式计算器命运数字计算器填字游戏制作器磅到克转换器箱线图生成器视频压缩器模计算器质数分解计算器YouTube缩略图下载器复合增长率计算器方向场斜率场绘图器迷宫生成器互补误差函数计算器克到盎司转换器图片添加线条平均偏差计算器死链检查器相关系数计算器隐形文本生成器新月和满月日历随机数字选择器十进制到十六进制转换器电池续航计算器线性方程组求解器黄金时刻和蓝调时刻计算器⏱️ 倒计时器因子计算器圆柱体体积计算器 高精度幻方生成器文本差异对比工具盎司到克转换器🌍 碳足迹计算器误差函数计算器谐振频率计算器AI语言检测器atan2计算器Cohen's d 计算器HTML 到文本转换器PSI 转 Bar 转换器克到磅转换器十六进制到十进制转换器双重积分计算器复利计算机复数计算器工资转换计算器🎰 抽卡保底计算器科学计算器英亩到平方米转换器指数计算器-高精度文件大小转换器标准误差计算器配色方案生成器主数字计算器多项式展开计算器字符计数器真心话大冒险生成器积分计算器翻转视频随机英文单词生成器BMR计算器Log Base 10 计算器旋转视频板球得分率计算器足球 xG预期进球计算器网球计分器Wells评分计算器 (DVT/PE)格拉斯哥昏迷评分计算器阿普加评分计算器FFMI计算器库珀12分钟跑步计算器一英里步行测试Rockport计算器瘦体重力量计算器碳水化合物胰岛素比例计算器胰岛素敏感系数计算器希伯来历转换器伊斯兰历转换器农历转换器跨文化年龄计算器多久以前计算器还有多久倒计时计算器日期模式生成器中间日期计算器日期添加工作日工作日计算器词频分析器句子长度方差分析器海明威风格可读性编辑器发音音标转换器维吉尼亚密码工具埃特巴什密码工具ROT13编码解码器EXIF数据查看与移除工具猪拉丁文翻译器倒推首字母缩写生成器首字母缩写生成器全字母句检查器漏字文检测器图像转SVG描摹器图片转 ASCII 艺术转换器JSON Schema 生成器TypeScript 在线演练场Less 到 CSS 编译器SCSS转CSS编译器SVG 转 React/JSX 转换器查询字符串生成器URL解析器UUID验证和解码器HTTP状态码参考cURL命令构建器谢尔宾斯基三角形生成器3D曲面绘图器极坐标方程绘图器朱利亚集合生成器曼德博集合探索器L-System分形生成器Delaunay 三角剖分生成器Voronoi 图生成器万花尺图案生成器镶嵌图案生成器帕累托图生成器NPS净推荐值计算器留存率同期群计算器客户流失率计算器客户获取成本CAC计算器客户终身价值 CLV 计算器转化率计算器A/B测试样本量计算器A/B测试显著性计算器透镜方程计算器导线磁场计算器电场计算器库仑定律计算器斯涅尔定律计算器惯性矩计算器角速度计算器向心力计算器单摆周期计算器弹簧劲度系数计算器多普勒效应计算器索提诺比率计算器特雷诺比率计算器股票贝塔系数计算器通胀保值美国国债 (TIPS) 计算器房贷重新摊还计算器远期利率计算器债券久期计算器 (麦考利和修正)债券凸性计算器固定指数年金计算器变额年金计算器反向抵押贷款计算器年金支付计算器日本算盘模拟器俄罗斯农民乘法吠陀数学技巧计算器古埃及乘法计算器罗马数字数学求解器心算训练器乘法口诀表测验进位与借位可视化工具数的分合生成器硬币应用题求解器距离速度时间三角形计算器工作效率问题求解器混合问题求解器年龄问题求解器火车相遇问题求解器补水计算器配速卡路里计算器药物剂量计算器酒精卡路里计算器身体重塑计算器随机辩论话题生成器随机猫狗名字生成器随机圣经经文生成器随机数学题生成器随机段落生成器随机英文句子生成器砾石、砂和表土计算器钢材重量计算器管道流量计算器梁荷载计算器美元换黄金转换器期权概率计算器股票拆分计算器员工持股计划计算器发票滞纳金计算器自由职业者时薪计算器租赁与购买对比计算器高级小费分摊计算器装箱清单生成器时差反应计算器旅行预算计算器飞行距离计算器热损失计算器发电成本计算器用水量计算器家电用电成本计算器家庭能源审计计算器太阳能投资回报率计算器太阳能板计算器堆肥CN比计算器草坪肥料计算器霜冻日期计算器高床种植箱土壤计算器NPK肥料计算器种子发芽率计算器视频比特率计算器音乐调性转换器音乐BPM节拍点击器照片文件大小估算计算器百万像素到打印尺寸计算器裁切系数计算器曝光三角计算器车辆牵引能力计算器汽车租赁计算器0–60与四分之一英里计算器电动车充电时间计算器电动汽车续航计算器3D距离计算器环面计算器不规则多边形面积计算器正多边形计算器圆锥曲线识别器双曲线计算器长除法计算器Twitter/X 字符计数器YouTube评论抽选器YouTube标签提取器youtube收益估算器随机RPG角色生成器