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
什麼是元標記產生器？
元標籤產生器建立駐留在頁面 <head> 中的 HTML 區塊,並告訴搜尋引擎和社交網路如何顯示您的頁面。您填寫一次標題、描述、圖像和其他一些字段,工具輸出格式正確的元標籤 - 標準 SEO 標籤、Facebook 和 LinkedIn 的Open Graph 標籤以及 Twitter 卡標籤 - 您將其直接貼到模板中。不再手動鍵入重複屬性="og:..."行或忘記twitter:卡標籤。
取得這些標籤很重要,因為它們控制您的搜尋片段和連結預覽。 <title> 和元描述塑造了您在 Google 中的結果; Open Graph 標題、描述和圖像決定共享連結在社交提要中的外觀。此產生器使所有三個內容與運行經過長度搜尋引擎顯示的單組輸入、標記標題和描述保持同步,並且可以為結構化資料添加匹配的 JSON-LD 區塊。
一切都在您的瀏覽器中 100% 運行。您輸入的 URL、複製和圖像連結永遠不會上傳,因此您可以私下為未發布的頁面或內部工具準備標籤。載入後,生成器會離線工作,輸出是您擁有的純 HTML - 複製它,將其放入框架中,然後發貨。
三個細節解釋了大多數損壞的預覽。 Open Graph 影像 URL 必須是絕對的,包括方案,因為取得它們的爬蟲沒有頁面上下文來解決相對路徑。 Twitter 會回退到Open Graph,因為它沒有 Twitter 標籤,因此完整的 og 集加上卡片類型覆蓋兩個平台,並且不需要複製每個值。每個平台都會積極快取預覽,因此在該平台自己的偵錯工具中重新抓取 URL 之前不會出現固定標籤。長度警告反映了 Google 截斷的位置,而不是硬限制:較長的描述有效且將被刪除,重複標題的描述會浪費其擁有的空間。
如何使用元標記產生器？
1
輸入您的核心詳細資料
填寫頁面標題和元描述。 字元計數器和警告會告訴您何時超過通常顯示的長度搜尋引擎。
2
新增社交和網站資訊
設定規範 URL、網站名稱、社交分享圖像和 Twitter 句柄,以便您的 Open Graph 和 Twitter 卡預覽完成。
3
選擇標籤選項
選擇Open Graph 類型、Twitter 卡樣式、機器人指令以及是否包含字元集和視窗標籤。輸出即時更新。
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 等)和 Twitter 卡標籤。它還可以輸出 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