关于Meta 标签生成器
站长常说的 TDK，就是网页的标题（Title）、描述（Description）和关键词（Keywords）。新页面上线、标题点击率低想重写、给 CMS 设置模板时，都可以先用这个 Meta 标签生成器写好。输入标题和描述，工具会同时显示字符数和像素宽度，并给出百度和谷歌搜索结果的预览，谷歌的预览可以切换电脑和手机两种样式。谷歌按像素宽度截断标题，一个汉字比一个英文字母宽得多，只数字数容易超长，所以像素宽度更有参考价值。标题或描述没填会有提醒；填了关键词，也会提示 Google 并不使用 keywords 标签。
TDK 之外，还可以设置 canonical 规范网址、robots 指令（noindex、nofollow、nosnippet 等）、viewport、字符集、语言、作者和主题色。“搜索引擎验证”里有 Google Search Console、Bing 网站管理员工具、百度搜索资源平台、360 站长平台和搜狗站长平台五个验证栏，粘贴平台给的验证码或整段 meta 标签都行，工具会自动取出验证码。“百度移动适配”默认勾选：禁止百度转码（no-transform、no-siteapp），并告诉百度页面同时适配电脑和手机（applicable-device pc,mobile）。勾选“同时生成 Open Graph 和 X（Twitter）标签”，分享标签会写进同一段代码，可以填网站名称和分享图片（建议 1200×630）。生成的是一段可以直接粘贴到网页 head 里的 HTML，页面上线后，可以用 Meta 标签检测核对线上网页。整个过程在浏览器里完成，还没发布的页面标题也不会被上传。
Meta 标签生成器怎么用
- 1写标题
输入网页标题，对照字符数、像素宽度和搜索结果预览调整，预览可切换电脑和手机。
- 2写描述和关键词
用一两句话概括页面内容，关键词写几个核心词即可。
- 3补充其他标签
按需填写 canonical、robots 等标签，粘贴各站长平台的验证码，保留百度移动适配，需要时勾选 Open Graph。
- 4复制 HTML
把生成的代码粘贴到网页的 head 里，或者放进 CMS 模板。
为什么用熊仔工匠
- 字数像素双计数
标题和描述同时显示字符数和像素宽度，更接近谷歌截断的方式，预览可切换电脑和手机。
- 站长平台验证
百度、360、搜狗、Google、Bing 的验证标签，粘贴验证码或整段 meta 标签都能识别。
- 百度移动适配
默认生成禁止转码和 applicable-device 标签，告诉百度页面在电脑和手机上都能浏览。
- 分享标签一起生成
可同时生成 Open Graph 和 X（Twitter）标签，填上网站名称和分享图片即可。