分类: 开发工具
Meta 标签生成器
生成标题、描述、Open Graph 和 Twitter 标签
填写标题、描述以及若干社交字段,即可生成页面 <head> 中的 <title>、meta 描述、canonical 链接、Open Graph 和 Twitter card 标签。长度提示会标出 Google 可能截断的标题或描述。全程在浏览器中完成。
HTML 标签
<title>LocalTools — Free Privacy-First Online Tools</title> <meta name="description" content="Fast, free browser-based tools for developers and everyday tasks. Nothing you type ever leaves your device."> <link rel="canonical" href="https://uselocaltools.com/"> <meta property="og:title" content="LocalTools — Free Privacy-First Online Tools"> <meta property="og:description" content="Fast, free browser-based tools for developers and everyday tasks. Nothing you type ever leaves your device."> <meta property="og:type" content="website"> <meta property="og:url" content="https://uselocaltools.com/"> <meta property="og:site_name" content="LocalTools"> <meta property="og:image" content="https://uselocaltools.com/og-image.png"> <meta property="og:locale" content="en_US"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@uselocaltools"> <meta name="twitter:title" content="LocalTools — Free Privacy-First Online Tools"> <meta name="twitter:description" content="Fast, free browser-based tools for developers and everyday tasks. Nothing you type ever leaves your device."> <meta name="twitter:image" content="https://uselocaltools.com/og-image.png">
本页的所有处理都在浏览器中完成,不会上传任何内容。
这个工具能做什么
搜索引擎和社交网络会从页面的 <head> 中读取一组固定的标签:标题和描述用于搜索结果,canonical 用于声明首选 URL,Open Graph 和 Twitter card 标签则决定链接被分享时的外观。标题和描述的长度很重要,因为 Google 会重写过长的标题并截断过长的描述,而缺少 Open Graph 图片会让分享出去的链接只显示成纯文本,而不是卡片。
使用方法
- 输入页面标题、描述和 canonical URL。
- 补充站点名称、Open Graph 图片和 Twitter card 信息。
- 查看标题和描述输入框下方的长度提示。
- 把生成的标签复制到页面的 <head> 中。
隐私说明
本工具完全在你的浏览器中运行。输入的内容不会被上传、保存或分享,关闭标签页即随之消失。
常见问题
- 为什么标题需要长度检查?
- Google 通常只显示标题的前 50–60 个字符,超出部分会被截断,并且经常会重写它判断为与页面或搜索词不够匹配的标题。把标题控制在这个范围内,能让你更好地掌控它的呈现方式。
- 不填 Open Graph 图片会怎样?
- 大多数平台仍会生成卡片,但没有图片时通常只会显示成较小的纯文本链接预览,而不是带图片的大卡片。
- 内容会被发送到别处吗?
- 不会。标签完全根据你的输入在浏览器中组装,不会上传或记录任何内容。