简化您的工作流程:搜索 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计算器厘米到英尺和英寸转换器定期存款计算器毛利率计算器VAT计算器样本量计算器cpm计算器图片打码工具百分比折扣计算器音频提取器质数检查器斜边计算器百分比增长率计算器名人名言搜索 (英文)血糖转换器kg到lbs转换器📅 日期计算器比例计算器音频分割器FPS 转换器罗马数字转换器卡方检验计算器MAC地址生成器🎮 游戏灵敏度转换器圆计算器英寸到厘米转换器合并视频平方根计算器随机字符串生成器厘米到英寸转换器SRT转为TXT工具t检验计算器英尺到米转换器真心话大冒险生成器HEX计算器闰年清单MAC 地址分析工具百分比计算器百分比增加计算器调整视频速度股票平均成本计算器删除空格年龄计算器两个日期之间年度天数计算器 - 今天是今年的第几天视频转图片提取器体脂百分比计算器对数计算器条形码生成器DOY日历复利计算机月亮星座计算器跑步配速计算器数字提取器随机名字选择器利润计算器线性回归计算器鞋码转换器One Rep Max (1RM) 计算器图片压缩器HEX转换器srt时间偏移卧推计算器PSI 转 Bar 转换器互补误差函数计算器Facebook用户ID查询圆形面积计算器最简分数计算器随机扑克牌生成器分数计算器AI Token 计数器年金现值计算器每个月的天数分贝 (dB) 计算器椭圆周长计算器为图片添加文字分数百分比转换器AI内容检测器盎司到克转换器随机分组生成器凯利公式计算器图片分割器文本列提取器质数列表填字游戏制作器相关系数计算器组合计算器🎰 抽卡保底计算器不可见字符移除器十六进制到十进制转换器心算训练器乘法口诀表测验进位与借位可视化工具数的分合生成器硬币应用题求解器距离速度时间三角形计算器工作效率问题求解器混合问题求解器年龄问题求解器火车相遇问题求解器补水计算器配速卡路里计算器药物剂量计算器酒精卡路里计算器身体重塑计算器随机辩论话题生成器随机猫狗名字生成器随机圣经经文生成器随机数学题生成器随机段落生成器随机英文句子生成器砾石、砂和表土计算器钢材重量计算器螺栓扭矩计算器管道流量计算器梁荷载计算器美元换黄金转换器期权概率计算器股票拆分计算器员工持股计划计算器发票滞纳金计算器自由职业者时薪计算器租赁与购买对比计算器高级小费分摊计算器装箱清单生成器时差反应计算器旅行预算计算器飞行距离计算器热损失计算器发电成本计算器用水量计算器家电用电成本计算器家庭能源审计计算器太阳能投资回报率计算器太阳能板计算器堆肥CN比计算器草坪肥料计算器霜冻日期计算器高床种植箱土壤计算器NPK肥料计算器种子发芽率计算器视频比特率计算器音乐调性转换器音乐BPM节拍点击器照片文件大小估算计算器百万像素到打印尺寸计算器裁切系数计算器曝光三角计算器车辆牵引能力计算器汽车租赁计算器0–60与四分之一英里计算器电动车充电时间计算器电动汽车续航计算器汽车油耗计算器服装尺码转换器纸张尺寸参考表戒指尺寸转换器天文单位转换器燃油效率转换器数据传输速率转换器扭矩转换器 (Nm, ft-lb, kgf-cm)删除线文字生成器空白字符可视化工具阅读时间计算器演讲时间计算器段落计数器句子计数器音节计数器文本转二进制/十六进制/ASCII转换器Lorem Picsum / 占位符图片生成器.env 文件生成器Git 命令生成器颜色代码转换器全格式Bcrypt 哈希生成器和校验器JWT生成器CSS Grid 生成器数值积分计算器z变换计算器快速傅里叶变换FFT计算器张量积计算器矩阵指数计算器约当标准形计算器环与域计算器群论阶数计算器常微分方程组求解器伯努利微分方程求解器欧拉方法计算器方向场斜率场绘图器二阶常微分方程求解器一阶常微分方程求解器稳定婚姻问题求解器网络最大流计算器平面图检查器哈密顿路径检查器旅行商问题求解器 TSP线性规划求解器容斥原理计算器递推关系求解器邻接矩阵计算器拓扑排序计算器图着色计算器逻辑门模拟器卡诺图 (K-Map) 求解器布尔代数化简器分拆函数计算器数字根计算器斐波那契数检查器埃及分数计算器莫比乌斯函数计算器哥德巴赫猜想验证器梅森素数检查器孪生素数查找器亲和数检查器完全数检查器模幂运算计算器重复排列计算器效果量计算器相对风险计算器优势比计算器列联表计算器费舍尔精确检验计算器斯皮尔曼等级相关系数计算器贝塔分布计算器威布尔分布计算器指数分布计算器几何分布计算器负二项分布计算器超几何分布计算器F检验/F分布计算器贝叶斯定理计算器特征多项式计算器矩阵幂计算器乔列斯基分解计算器QR分解计算器矩阵对角化计算器克莱姆法则计算器列空间计算器零空间计算器向量夹角计算器单位向量计算器向量模计算器向量叉积计算器向量点积计算器矩阵乘法计算器逆矩阵计算器RREF计算器行最简阶梯形牛顿迭代法计算器雅可比矩阵计算器曲面积分计算器线积分计算器旋度计算器散度计算器梯度计算器多变量优化计算器微积分相关变化率求解器瞬时变化率计算器平均变化率计算器无限级数求和计算器级数收敛判定计算器幂级数计算器麦克劳林级数计算器洛必达法则计算器广义积分计算器辛普森法则计算器梯形法则计算器黎曼和计算器参数曲线绘图器旋转体表面积计算器旋转体体积计算器坐标几何距离计算器海伦公式计算器圆的切线计算器角平分线计算器内切圆计算器三角形外接圆计算器大圆距离计算器3D距离计算器环面计算器圆台计算器不规则多边形面积计算器正多边形计算器圆锥曲线识别器双曲线计算器抛物线计算器二项式定理展开计算器帕斯卡三角形生成器乘积符号计算器 (Pi记号)西格玛求和计算器有理根定理计算器笛卡尔符号法则计算器平行线和垂直线计算器直线方程计算器标准形式转斜截式转换器点斜式计算器非线性方程组求解器有理方程求解器字母方程求解器三角方程求解器指数方程求解器对数方程求解器四次方程求解器三次方程求解器估算计算器数字转分数转换器跳数生成器单位费率计算器上取整和下取整计算器绝对值计算器数列模式查找器位值图生成器运算顺序计算器PEMDAS竖式加减法计算器长乘法计算器乘法表生成器🎮 游戏货币换算器🎲 掉落概率计算器⚔️ DPS计算器❄️ 雪天计算器🚚 搬家费用估算器🔍 抄袭检测器📷 OCR / 图片文字识别📈 折线图制作工具🥧 饼图制作工具📊 柱状图制作工具🔊 音调发生器🖱️ 点击计数器在线记事本⬛ 宽高比计算器🌍 碳足迹计算器向 文胸尺码计算器轮胎尺寸计算器燃油费用计算器💧 露点计算器🌡️ 体感温度计算器🌬️ 风寒指数计算器⏰ 在线闹钟⏰ 考勤卡计算器📅 日期差计算器🕐 军事时间转换器⏱️ 小时计算器⏱️ 在线秒表⏱️ 倒计时器🌐 时区转换器地毯计算器挡土墙计算器HVAC容量计算器隔热材料计算器铺路石计算器钢筋计算器木材计算器平方英尺计算器交叉相乘计算器五数概括计算器百分位数计算器正态分布计算器p值计算器比率计算器配方法计算器四舍五入计算器长除法计算器Twitter/X 字符计数器YouTube评论抽选器YouTube标签提取器YouTube缩略图下载器youtube收益估算器随机RPG角色生成器