简化您的工作流程:搜索 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计算器SRT转为TXT工具斜边计算器定期存款计算器二进制计算器🌡️ 体感温度计算器血糖转换器HEX计算器分数计算器样本量计算器图片打码工具音频分割器VAT计算器厘米到英尺和英寸转换器对数计算器调整视频速度MAC地址生成器随机字符串生成器wpa密钥生成器t检验计算器百分比折扣计算器随机IMEI生成器One Rep Max (1RM) 计算器随机选择器随机名字选择器srt时间偏移📅 日期计算器MAC 地址分析工具FPS 转换器合并视频椭圆周长计算器英尺到米转换器总和计算器卡方检验计算器随机扑克牌生成器毛利率计算器随机数学题生成器百分比变化计算器凯利公式计算器随机化数字💧 露点计算器kg到lbs转换器标准偏差计算器 - 高精度SHA256 哈希生成器为图片添加文字🎮 游戏灵敏度转换器质数检查器体脂百分比计算器平方根计算器真心话大冒险生成器不可见字符移除器利润计算器年龄计算器按字符数换行MD5哈希生成器图片压缩器圆形面积计算器多项式展开计算器年度天数计算器 - 今天是今年的第几天根式化简器磅转千克转换器个人贷款计算器百分比到ppm转换器Log Base 10 计算器最简分数计算器考拉兹猜想计算器SRT合并工具位数计算器罗马数字转换器图片分割器变异系数计算器圆计算器移除标点符号在线工具自酿啤酒酒精度计算器英寸到厘米转换器视频转图片提取器闰年清单随机装备生成器随机RPG角色生成器随机超能力生成器Facebook用户ID查询月亮星座计算器积分计算器文本转二进制/十六进制/ASCII转换器线性回归计算器随机颜色生成器余弦定理计算器数据传输速率转换器科学记数法计算器伊斯兰历转换器随机虚假地址生成器atan2计算器十进制到十六进制转换器分贝 (dB) 计算器工资转换计算器直方图生成器PSI 转 Bar 转换器年金现值计算器指数计算器-高精度百分比计算器矩形计算器螺栓扭矩计算器跑步配速计算器AI标点符号添加器沸点计算器IPv4/IPv6到十六进制转换器先付年金现值计算器复数计算器每个月的天数随机ip地址生成器kpa到psi转换器双曲函数计算器极坐标方程绘图器弧长计算器花样字体生成器DOY日历Voronoi 图生成器三角函数绘图器农历转换器极限计算器泰勒级数计算器箱线图生成器配速卡路里计算器随机名称生成器随机电影选择器凯撒密码工具半衰期计算器反向文字因子计算器逻辑门模拟器预期寿命计算器万花尺图案生成器惯性矩计算器枢轴点计算器百分比增加计算器相关系数计算器镶嵌图案生成器圆柱体体积计算器 高精度平均值计算器3D距离计算器方差计算器 高精度模计算器组合计算器翻转视频英亩到平方米转换器视频分割器视频压缩器Bar to PSI 转换器JWT生成器月经周期计算器条形码生成器黄金分割计算器YouTube频道统计为视频添加水印分数百分比转换器十六进制到十进制转换器卷积计算器房屋翻新利润计算器排序数字最小公倍数计算器杀手数独生成器止损止盈计算器股票盈亏计算器555定时器计算器Zalgo文本生成器参数曲线绘图器指数积分计算器新月和满月日历🖱️ 点击计数器百分比增长率计算器角速度计算器随机小数生成器两个日期之间体型计算器利率计算器商和余数计算器四分位数计算器循环播放视频成绩计算器按位计算器旅行商问题求解器 TSP误差函数计算器随机分组生成器随机扑克手牌生成器随机用户画像生成器AI Token 计数器Argon2哈希生成器Mann-Whitney U 检验计算器乘法计算器指数增长计算器 高精度AI阅读清单生成器AI健身计划生成器AI膳食计划生成器AI礼物点子生成器ai食谱生成器根据现有食材奖学金投资回报率计算器大学费用计算器语言学习流利度小时数计算器词汇测验生成器康奈尔笔记生成器学习曲线计算器抽认卡间隔重复调度器颜料调色计算器瓷砖填缝剂计算器洗碗机装载优化器洗涤剂用量计算器染发剂调配计算器打印成本计算器燃气与电力成本对比礼品卡小费计算器搬家纸箱数量计算器储物单元尺寸计算器胶囊衣橱搭配计算器皮带长度计算器液压缸推力计算器滑轮组计算器齿轮比计算器机械比热容计算器热膨胀计算器热传递计算器伯努利方程计算器雷诺数计算器太阳位置计算器潮汐时间计算器星空可见度计算器绳结打法参考工具睡袋温度评级指南帐篷地布尺寸计算器背包旅行食物重量计算器奈史密斯徒步配速计算器刺绣线长度计算器树脂浇注用量计算器串珠图案计算器陶土收缩率计算器折纸纸张尺寸计算器被子滚边计算器十字绣绣线计算器针织图案计算器编织针尺寸转换器钩针尺寸转换器马匹干草计算器宠物航空旅行航空箱尺寸查询器爬虫栖息地UVB计算器鸟笼尺寸计算器鱼缸加热棒瓦数计算器猫砂盆数量计算器前照灯光束距离计算器发动机压缩比计算器轮胎花纹磨损计算器挂车舌重计算器车辆重量分布计算器旅行费用分摊计算器刹车距离计算器工伤赔偿计算器遗嘱资产分配计算器商标分类查询工具专利申请费计算器销售税关联检查器刑期减免计算器诉讼时效计算器Airbnb 定价优化器室友房租分摊计算器Section 8 租金计算器BRRRR 方法计算器现金对现金回报率计算器租金收益率计算器1031 交换计算器财富增长可视化工具午餐花费计算器健身房 vs 家庭健身花费计算器咖啡花费计算器远程办公省钱计算器副业ROI计算器订阅费用追踪器SaaS定价计算器自由职业项目报价计算器烟熏木材搭配指南发酵时间计算器腌制时间计算器饮食限制食谱筛选器香料替代查找器咖啡因半衰期追踪器标准杯计算器葡萄酒搭配建议器攀岩难度等级转换器自行车齿轮比计算器钓鱼结强度计算器瑜伽体式保持计时器游泳SWOLF计算器跑步成绩预测计算器拳击出拳力量计算器橄榄球得分计算器板球得分率计算器足球 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 三角剖分生成器六西格玛过程能力计算器帕累托图生成器NPS净推荐值计算器留存率同期群计算器客户流失率计算器客户获取成本CAC计算器客户终身价值 CLV 计算器转化率计算器A/B测试样本量计算器A/B测试显著性计算器透镜方程计算器导线磁场计算器电场计算器库仑定律计算器斯涅尔定律计算器向心力计算器单摆周期计算器弹簧劲度系数计算器多普勒效应计算器索提诺比率计算器特雷诺比率计算器股票贝塔系数计算器通胀保值美国国债 (TIPS) 计算器房贷重新摊还计算器远期利率计算器债券久期计算器 (麦考利和修正)债券凸性计算器固定指数年金计算器变额年金计算器反向抵押贷款计算器年金支付计算器日本算盘模拟器俄罗斯农民乘法吠陀数学技巧计算器古埃及乘法计算器罗马数字数学求解器心算训练器乘法口诀表测验进位与借位可视化工具数的分合生成器硬币应用题求解器距离速度时间三角形计算器工作效率问题求解器混合问题求解器年龄问题求解器火车相遇问题求解器补水计算器药物剂量计算器酒精卡路里计算器身体重塑计算器随机辩论话题生成器随机猫狗名字生成器YouTube缩略图下载器youtube收益估算器