64/60
145/160
Title is 64 characters; over ~60 it may be truncated in search results.
<!-- Primary Meta Tags --> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Free Online Developer Tools - Format, Convert & Generate | Toolz</title> <meta name="description" content="A fast, private collection of 600+ browser-based tools for developers: JSON, PDF, image, text, and more. No signup, no uploads, 100% client-side." /> <meta name="keywords" content="developer tools, json formatter, online tools, free tools" /> <meta name="author" content="Toolz" /> <meta name="robots" content="index, follow" /> <meta name="language" content="en" /> <meta name="theme-color" content="#4466EE" /> <link rel="canonical" href="https://toolz.dev/" /> <!-- Open Graph / Facebook --> <meta property="og:type" content="website" /> <meta property="og:url" content="https://toolz.dev/" /> <meta property="og:title" content="Free Online Developer Tools - Format, Convert & Generate | Toolz" /> <meta property="og:description" content="A fast, private collection of 600+ browser-based tools for developers: JSON, PDF, image, text, and more. No signup, no uploads, 100% client-side." /> <meta property="og:site_name" content="Toolz" /> <meta property="og:image" content="https://toolz.dev/og-image.png" /> <meta property="og:image:alt" content="Toolz - free online developer tools" /> <meta property="og:locale" content="en_EN" /> <!-- Twitter Card --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:url" content="https://toolz.dev/" /> <meta name="twitter:title" content="Free Online Developer Tools - Format, Convert & Generate | Toolz" /> <meta name="twitter:description" content="A fast, private collection of 600+ browser-based tools for developers: JSON, PDF, image, text, and more. No signup, no uploads, 100% client-side." /> <meta name="twitter:image" content="https://toolz.dev/og-image.png" /> <meta name="twitter:image:alt" content="Toolz - free online developer tools" /> <meta name="twitter:site" content="@toolz" /> <meta name="twitter:creator" content="@toolz" />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "Free Online Developer Tools - Format, Convert & Generate | Toolz",
"url": "https://toolz.dev/",
"description": "A fast, private collection of 600+ browser-based tools for developers: JSON, PDF, image, text, and more. No signup, no uploads, 100% client-side.",
"image": "https://toolz.dev/og-image.png",
"author": {
"@type": "Person",
"name": "Toolz"
}
}
</script>Category:seo
Mode:Offline
Version:1.0.0
Access:Free
什么是元标记生成器？
元标签生成器构建生活在页面的 HTML 块 <head> 并告诉搜索引擎和社交网络如何显示您的页面。您填写一次标题、描述、图像和其他几个字段,工具输出正确格式的元标签 - 标准 SEO 标签、Facebook 和 LinkedIn 的 Open Graph 标签以及 Twitter 卡标签 - 您可以直接粘贴到模板中。不再手动输入重复属性="og:..."行或忘记 twitter:卡标签。
获得这些标签很重要,因为它们控制您的搜索片段和链接预览。<title> 和元描述塑造了您的结果在 Google 中的外观;Open Graph 标题、描述和图像决定了共享链接在社交源中的样子。该生成器使所有三个从一组输入同步,标记运行超过长度搜索引擎的标题和描述显示,并可以为结构化数据添加匹配的 JSON-LD 块。
Everything在你的浏览器中100%运行,你输入的URL、复制、图片链接永远不会上传,所以你可以私下为未发布的页面或内部工具准备标签,生成器一旦加载就离线工作,输出是你拥有的纯HTML- 复制,掉入你的框架,然后发货。
3个细节占了大多数破损预览。Open Graph图像URL必须是绝对的,包括方案,因为抓取它们的爬虫没有页面上下文来解析相对路径反对。Twitter对于任何它没有twitter标签的东西都会回落到Open Graph,因此一个完整的og集加上一个卡类型既覆盖了平台,重复每个值是不必要的。并且预览被每个平台积极缓存,因此直到你重新刮擦该平台自己的调试工具中的URL时才会出现一个固定的标签。长度警告反映了Google截断的位置,而不是硬限制:较长的描述是有效的,并且会被简单地剪切,重复标题的描述会浪费它所拥有的空间。
如何使用元标记生成器？
1
输入您的核心详细信息
填写页面标题和元描述。 字符计数器和警告会告诉您，当任何一个运行时间超过搜索引擎通常显示的长度时。
2
添加社交和网站信息
设置规范 URL、站点名称、社交共享图像和 Twitter 句柄,以便您的 Open Graph 和 Twitter 卡预览完成。
3
选择标签选项
择Open Graph类型、推特卡样式、机器人指令、是否包含字符集和视口标签,输出实时更新。
4
复制生成的 HTML
复制完整的元标记块并将其粘贴到页面的 <head> 中。 也可以选择复制匹配的 JSON-LD 结构化数据片段。
主要特点
SEO、Open Graph 和 Twitter 合二为一
生成标准搜索标签加上 Open Graph 和 Twitter 卡标签,与一组输入保持同步
实时长度警告
标记超过 60 个字符和超过 ~160 个字符的描述，因此您的代码段不会在搜索结果中截断
JSON-LD结构化数据
可选地输出匹配的网站或文章 JSON-LD 块以加强您的页面对搜索引擎的意义
正确的 HTML 转义
文本中的引号、符号和尖括号被安全地转义，因此生成的标签不会破坏您的标记
Frequently Asked Questions
SEO標籤標籤標籤-標題、描述、關鍵字、作者、機器人、和正規標籤-連同Open Graph標籤(og:title、og:description、og:image、og:url等等)和推特卡標籤,它還可以輸出一個JSON-LD結構化-資料區塊,你選擇填滿哪些欄位,只包含有內容的標籤。
Related Tools
CA
seo
Content Analyzer
Audit any page for on-page SEO and readability: title, description, headings, alt text, internal links, Flesch score and keyword frequency, with a score out of 100.
HG
seo
Hreflang Generator
Free hreflang generator for multilingual and multi-region sites - build hreflang tags as HTML link tags, XML sitemap entries, or an HTTP header. Validates codes and x-default. 100% client-side.
HRG
seo
htaccess Redirect Generator
Generate Apache .htaccess 301 and 302 redirect rules from a list of old-to-new URLs, plus force-HTTPS and www canonicalization directives, all in the browser.
OGP
seo
Open Graph Preview
Preview how your link will look on Facebook, X, LinkedIn, Slack, and Discord, validate your og: tags, and copy a correct meta block
Comments
0 comments
No comments yet. Be the first to share your thoughts!
meta tag generatoropen graph generatorog tag generatortwitter card generatorseo meta tagsmeta description generatorsocial meta tagshtml head tagsmeta tags for website