Meta 标签生成器
生成 SEO 与 OG 标签本地处理 · 数据不上传
生成的代码（放在 <head> 中）
<title>免费在线工具箱</title> <meta name="description" content="免费、无需登录的在线工具集合，所有处理都在浏览器本地完成。" /> <link rel="canonical" href="https://www.example.com/" /> <!-- Open Graph --> <meta property="og:type" content="website" /> <meta property="og:title" content="免费在线工具箱" /> <meta property="og:description" content="免费、无需登录的在线工具集合，所有处理都在浏览器本地完成。" /> <meta property="og:url" content="https://www.example.com/" /> <meta property="og:image" content="https://www.example.com/og.png" /> <meta property="og:site_name" content="工具箱" /> <meta property="og:locale" content="zh_CN" /> <!-- Twitter --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="免费在线工具箱" /> <meta name="twitter:description" content="免费、无需登录的在线工具集合，所有处理都在浏览器本地完成。" /> <meta name="twitter:image" content="https://www.example.com/og.png" />
这个工具还可以用来:Open Graph生成器Twitter Card生成器Meta标签生成器Canonical标签生成器
使用方法
- 1填写页面标题、描述、网址和分享图。
- 2按需选择 robots 设置。
- 3复制生成的 HTML 代码放进 <head>。
常见问题
keywords 标签还有用吗？
Google 和百度都已基本忽略 meta keywords，所以这里不再生成。
Open Graph 有什么用？
控制链接分享到微信、Facebook、LinkedIn 等平台时显示的标题、描述和图片。