<!-- 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_US" /> <!-- 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>メタタグジェネレーターとは何ですか?
メタ タグ ジェネレーターは、ページの <head> に存在する HTML のブロックを構築し、検索エンジンやソーシャル ネットワークにページの表示方法を指示します。タイトル、説明、画像、その他いくつかのフィールドを 1 回入力すると、ツールは正しくフォーマットされたメタ タグ (標準 SEO タグ、Facebook および LinkedIn 用の Open Graph タグ、Twitter カード タグ) を出力し、テンプレートに直接貼り付けます。もう手入力繰り返しプロパティ = "og:" 行を使用したり、twitter:card タグを忘れたりする必要はありません。
これらのタグを正しく取得することは、検索スニペットとリンクのプレビューを制御するため重要です。 <title> とメタ記述は、Google での結果の表示方法を形作ります; Open Graph のタイトル、記述、画像は、ソーシャル フィードでの共有リンクの外観を決定します。このジェネレーターは、単一の入力セットから 3 つすべてを同期させ、長さの検索エンジン ディスプレイを通過して実行されるタイトルと記述にフラグを立て、構造化データの一致する JSON-LD ブロックを追加できます。
すべてがブラウザで100% 実行されます 入力したURL、コピー、画像リンクは決してアップロードされないため、未公開ページまたは内部ツールのタグをプライベートに準備できます ジェネレータは一度ロードされるとオフラインで動作し、出力はあなたが所有するプレーンHTMLです - それをコピーし、フレームワークにドロップし、出荷します。
ほとんどの壊れたプレビューには 3 つの詳細が考慮されています。 Open Graph 画像 URL はスキームを含めて絶対的である必要があります。なぜなら、それらをフェッチするクローラーには相対パスを解決するためのページ コンテキストがないからです。 Twitter は twitter タグのないものについては Open Graph に戻ります。そのため、完全な og セットとカード タイプが両方のプラットフォームをカバーし、すべての値を複製する必要はありません。また、プレビューは各プラットフォームによって積極的にキャッシュされるため、そのプラットフォーム独自のデバッグ ツールで URL を再スクレープするまで固定タグが表示されません。長さの警告は、Google がハード リミットではなく切り捨てる場所を反映しています。つまり、より長い説明は有効で単純にカットされ、タイトルを繰り返す説明は、その場所にあるスペースを無駄にします。
メタタグジェネレーターの使い方
コアの詳細を入力してください
ページのタイトルとメタディスクリプションを入力します。 検索エンジンが通常表示する長さを超えて実行すると、文字カウンターと警告が表示されます。
ソーシャル情報とサイト情報を追加する
Open Graph と Twitter カードのプレビューが完了するように、正規の URL、サイト名、ソーシャル共有画像、Twitter ハンドルを設定します。
タグのオプションを選択してください
Open Graph 型、Twitterカードのスタイル、 robots ディレクティブ、 charset タグと viewport タグを含めるかどうかを選択します。 output はライブで更新されます。
生成された HTML をコピーします
完全なメタ タグ ブロックをコピーして、ページの <head> に貼り付けます。 必要に応じて、一致する JSON-LD 構造化データ スニペットもコピーします。
主な機能
SEO、Open Graph & Twitter in One
標準の検索タグに Open Graph と Twitter カードタグを一緒に生成し、単一の入力セットから同期した状態に保ちます
長さの警告
タイトルに 60 文字以上のフラグと ~160 を超える説明にフラグを立てる 検索結果でスニペットが切り捨てられないようにする
JSON-LD 構造化データ
オプションで、一致する Web サイトまたは記事 JSON-LD ブロックを出力して、検索エンジンに対するページの意味を強化します。
適切な HTML のエスケープ
テキスト内の引用符、アンパサンド、および角かっこは安全にエスケープされるので、生成されたタグがマークアップを破らないようにします
Frequently Asked Questions
Related Tools
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.
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. Runs client-side.
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.
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!