简化您的工作流程:搜索 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地址查找srt时间偏移网址提取器太阳、月亮与上升星座计算器 🌞🌙✨MAC地址生成器相对标准偏差计算器血糖转换器定期存款计算器质数检查器彩票号码生成器百分比折扣计算器英尺英寸转换为厘米音频提取器CAGR计算器HEX计算器VAT计算器两点间距离计算器SHA256 哈希生成器样本量计算器MAC 地址分析工具随机选择器分数计算器音频分割器FPS 转换器毛利率计算器文本转SQL列表转换器随机分组生成器图片打码工具比例计算器合并视频英尺到米转换器随机超能力生成器多项式展开计算器kg到lbs转换器月亮星座计算器二进制计算器视频转图片提取器罗马数字转换器cpm计算器SRT转为TXT工具利润计算器磅转千克转换器年龄计算器随机扑克牌生成器我的生肖是什么?百分比变化计算器随机字符串生成器百分比计算器反向文字最简分数计算器MD5哈希生成器视频分割器卡方检验计算器宏量营养素计算器 - 确定您的每日营养素需求AI标点符号添加器为图片添加文字斜边计算器阶乘计算器t检验计算器不可见字符移除器随机锦标赛对阵生成器行数统计工具质数因子计算器GIF 制作器圆柱体体积计算器 高精度真心话大冒险生成器随机IMEI生成器One Rep Max (1RM) 计算器随机数字选择器年金现值计算器商和余数计算器平方根计算器英寸到厘米转换器随机颜色生成器SRT合并工具厘米到英尺和英寸转换器工资转换计算器最小公倍数计算器随机名字选择器Log Base 10 计算器圆计算器箱线图生成器对数计算器组合计算器ASCII艺术生成器Bar to PSI 转换器图片分割器平均绝对离差 (MAD) 计算器e的前n位数卧推计算器我的星座是什么?按位计算器最大公因子计算器生命道路号码计算器美国通货膨胀计算器花样字体生成器随机域名生成器先付年金终值计算器十六进制到十进制转换器圆形面积计算器随机声音频率生成器随机和弦生成器随机装备生成器随机扑克手牌生成器随机国际象棋开局生成器随机RPG角色生成器奇异值分解SVD计算器基尼系数计算器马尔可夫链稳态分布计算器鸽巢原理计算器斯特林数计算器错排 子阶乘计算器卡特兰数生成器图度数序列验证器最小生成树计算器迪杰斯特拉最短路径计算器幻方生成器快乐数计算器考拉兹猜想计算器曲率计算器收敛半径计算器矩阵LU分解计算器向量投影计算器格拉姆-施密特计算器球体方程计算器点到平面距离计算器三角形垂心计算器三角形重心计算器鞋带公式计算器连分数计算器模乘逆元计算器扩展欧几里得算法计算器欧拉函数计算器中国剩余定理计算器韦恩图生成器3集合集合论计算器真值表生成器人类与蚂蚁体重换算器猫咪卡路里计算器灯泡节省计算器淋浴费用计算器比特币挖矿电费计算器卫生纸价值计算器Instagram用户ID查询键盘里程计算器流行语宾果生成器病假概率计算器实际时薪计算器咖啡vs睡眠计算器邮件回复时间计算器FIRE计算器通勤浪费时间计算器会议成本计时器厕所工资计算器kakuro生成器聪聪数独生成器 算独数织生成器-picross24点游戏求解器与训练器数独生成器与求解器奶酪拼盘计算器巧克力喷泉计算器鸡尾酒ABV计算器意大利面分量计算器啤酒冷却时间计算器墨西哥卷饼吧计算器烧烤计算器咖啡因过量计算器披萨派对规划器婚礼酒水计算器乐高积木房屋计算器爆米花填充房间计算器硬币坠落冲击计算器穿越地球坠落计算器香蕉辐射计算器仓鼠发电计算器传送错误率计算器动能烤鸡计算器氦气球升力计算器僵尸生存时间计算器Googlebot抓取大小检测器停车比率计算器圣诞树计算器吸血鬼末日计算器披萨价值计算器柠檬水摊位计算器随机美国州生成器随机借口生成器随机活动生成器随机鸡尾酒配方生成器随机电影选择器随机俳句生成器随机写作提示生成器随机用户画像生成器随机虚假地址生成器随机端口号生成器随机 NanoID 生成器随机PIN生成器电池续航计算器PCB走线宽度计算器电压降计算器欧姆定律计算器电阻色环计算器.htaccess 重定向生成计算器SVG优化器网站图标生成器crontab表达式生成器SQL格式化工具cURL转JSON转换器JWT解码器JSON转YAML转换器酵母换算计算器烘焙烤盘尺寸转换器面团水合率计算器面包百分比计算器十字绣尺寸计算器布料计算器毛线计算器盐水与盐度计算器咖啡冲泡比例计算器自酿啤酒酒精度计算器蜡烛蜡香精油计算器皂化值碱液计算器 (SAP)打印尺寸分辨率计算器 (DPI/PPI)黄金时刻和蓝调时刻计算器景深 (DoF) 计算器骰子概率计算器植物间距计算器比例模型换算计算器水族箱底砂计算器水族箱容量和养鱼密度计算器转盘抽奖骰子滚轮抛硬币石头剪刀布生成器神奇8号球随机ip地址生成器随机时间生成器随机日期生成器随机坐标生成器随机用户代理生成器随机信用卡生成器随机 JSON 生成器随机国家生成器随机调色板生成器随机表情符号生成器随机餐点生成器高斯分布生成器点值计算器日复利计算器马丁格尔策略计算器凯利公式计算器止损止盈计算器斐波纳契扩展计算器枢轴点计算器加密货币杠杆计算器聪美元转换器加密货币套利计算器无常损失计算器期权盈利计算器隐含波动率计算器期权希腊值计算器布莱克-舒尔斯计算器破产风险计算器做空盈亏计算器保证金追缴计算器仓位规模计算器股票平均成本计算器文本列提取器列表差异计算器Zalgo文本生成器隐形文本生成器