Developer Tools
Meta 标签生成器
填个表单，拿到干净的 Meta 标签。输入时实时看 Google 风格预览，字符计数在被截断前预警。
SEO tags
Social cards
Google preview
example.com/your-page
Your page title appears here
Your meta description appears here. Aim for roughly 160 characters that sell the click.
Google truncates titles around 60 characters and descriptions around 160. The counters turn red when you pass the limit.
Generated HTML
<meta name="robots" content="index, follow" /> <meta property="og:type" content="website" /> <meta name="twitter:card" content="summary_large_image" />
Private by design: This tool runs entirely in your browser. Nothing you type or upload is sent to a server.
使用方法 Meta 标签生成器
- 填写表单. 输入标题、描述、关键词、作者、robots 规则、规范 URL 与社交字段。
- 查看预览. Google 风格结果随输入更新。标题超 ~60 字符、描述超 ~160 字符会变红。
- 设置社交卡片. 选择 Twitter 卡片类型，添加 Open Graph 图片 URL 以获得富链接预览。
- 复制 HTML. 一键复制所有生成的标签，粘贴到页面 head 区。
Meta 标签生成器 功能
- SEO 标题、描述、关键词、作者与 robots 标签
- Facebook 与 LinkedIn 预览用的 Open Graph 标签
- Twitter Card 标签，带卡片类型选择
- 实时 Google SERP 预览，截断预警
- 字符计数：标题 ~60、描述 ~160
- 每个值都正确 HTML 转义
- 一键复制生成的代码
Meta 标签生成器 常见问题
- 标题标签与 Meta 描述。标题是排名因素，也是搜索结果的标题；描述不直接影响排名，但控制点击前看到的摘要，影响点击率。
- 主流搜索引擎都不用它排名，Google 完全忽略。生成器保留它只是因为有些站内搜索工具还在读。
- 页面分享到 Facebook、LinkedIn、Slack、Discord 与多数聊天 App 时显示的图片。没有 og:image，平台会随机挑图或不配图。用 1200x630 的图片效果最好。
- 文章与落地页配强视觉用 summary_large_image，个人主页或工具页这类紧凑卡片用 summary。大卡片在链接分享中的互动明显更高。
- 页面的唯一首选 URL，绝对地址，含 https。它告诉搜索引擎内容有多个地址时索引哪个版本，避免重复内容问题。
相关工具
URL Encoder / Decoder
Percent-encode and decode URLs with encodeURIComponent and full-URI modes.
Use tool →Hash Generator
Hash text or files with MD5, SHA-1, SHA-256, SHA-384, SHA-512 - in your browser.
Use tool →Regex Tester
Test regular expressions live with match highlighting, capture groups and a cheatsheet.
Use tool →Password Generator
Generate strong random passwords with Web Crypto - length, character sets, entropy meter.
Use tool →