meta tag位于页面的<head>中,用来告诉搜索引擎和社交平台该如何展示这个页面。这个生成器会一次性生成整套标签:Google搜索结果中显示的title和meta description、canonical与robots指令,以及在链接被分享时控制图片、标题和文字的Open Graph与Twitter Card标签。你输入的每个值都会被自动转义,即使标题里有引号或尖括号也不会破坏代码结构;留空的字段则不会生成空标签。
免费Meta Tag Generator
全程在浏览器中运行，无需上传，无需注册。
页面信息
生成的meta tag
实时预览
example.com
页面标题会显示在这里
meta description会以搜索摘要和社交卡片的形式显示在这里。
og:image 预览
example.com
页面标题会显示在这里
meta description会以搜索摘要和社交卡片的形式显示在这里。
什么是meta tag generator?
meta tag generator可以把你填写的页面标题、描述和社交信息,转换成页面所需的完整HTML meta tag,包括SEO用的title和description,以及Open Graph(og:)和Twitter Card标签。填写好字段后,它会实时生成经过转义、可直接复制使用的代码。所有处理都在浏览器中完成,不会上传任何数据。
使用方法
- 1填写页面信息. 输入页面标题和meta description,再添加canonical URL,如果需要还可以填写og:image和站点名称。
- 2设置社交选项. 选择og:type,选取Twitter card的样式,并填写你的Twitter用户名。og:url默认会使用canonical URL的值。
- 3查看实时预览. 输入的同时,Google搜索结果样式和社交卡片会实时更新,让你提前看到页面被搜索或分享时的效果。
- 4复制生成的meta tag. HTML代码会实时生成,复制后粘贴到你页面的head中即可。
适用人群
- SEO从业者撰写简洁的title和meta description,并对照Google的长度限制进行检查。
- 网页开发者需要为页面模板准备可直接粘贴使用的Open Graph和Twitter Card标签。
- 营销人员设置链接在社交媒体上被分享时展示的图片、标题和描述。
- 博主和店铺运营者无需依赖插件或CMS设置就能添加规范的meta tag。
常见问题
meta tag generator是免费的吗?
是的,完全免费,不需要注册,也没有使用次数限制,所有处理都在你的浏览器中完成。
我输入的数据会被上传吗?
不会。你输入的标题、描述和URL都是在浏览器本地转换成HTML meta tag的,不会发送到任何服务器。
这个工具能生成哪些meta tag?
它会生成title标签、meta description、canonical链接、robots指令,以及完整的Open Graph标签组(og:type、og:title、og:description、og:url、og:image、og:site_name),还有Twitter Card标签(twitter:card、twitter:title、twitter:description、twitter:image、twitter:site)。
标题和描述应该写多长?
建议title控制在60个字符以内,meta description大约在50到160个字符之间。超出这个范围时工具会给出提示,因为Google在搜索结果中会截断过长的title和description。
og:image和twitter:image有什么区别?
og:image是链接在Facebook、LinkedIn等大多数平台被分享时显示的图片,twitter:image则是X/Twitter卡片对应的图片。这个工具对两者使用同一个图片URL,这也是常见做法,一张1200x630的图片就能适配所有平台。
生成的meta tag应该粘贴到哪里?
把它们放进页面HTML的<head>元素中,和已有的meta tag放在一起即可。之后可以用Facebook的Sharing Debugger或Twitter Card Validator来验证社交标签是否生效。