🧰 UtlKit

メタタグ生成

SEOメタタグ（OG、Twitter Card）を生成。プレビュー付き。

0/160文字

Google検索プレビュー

タイトル
example.com
説明
<!-- Primary Meta Tags -->
<meta name="title" content="Your Title">
<meta name="description" content="Your description">
<meta name="robots" content="index, follow">
<meta name="language" content="English">
<meta name="revisit-after" content="7 days">
<meta http-equiv="content-type" content="text/html; charset=utf-8">

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:title" content="Your Title">
<meta property="og:description" content="Your description">

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:title" content="Your Title">
<meta property="twitter:description" content="Your description">
🐛

問題を報告

バグを見つけましたか？提案がありますか？このツールの改善にご協力ください。

📊 データサマリー（自動入力）

ツール: meta-tag-generator · /tools/meta-tag-generator/

これはどんなツールですか？

メタタグジェネレーターは、SEO、ソーシャルメディア共有、ブラウザの動作制御用の HTML メタタグを作成します。Open Graph タグ（Facebook/LinkedIn 共有用）、Twitter Card タグ、標準 SEO メタタグ（説明、キーワード、robots、viewport）を生成します。適切なメタタグは検索エンジンのランキングとソーシャルメディアのプレビュー外観を改善します。

使い方

  1. 1

    詳細を入力

    ページタイトル、説明文、URL、画像を入力します。

  2. 2

    プラットフォームを選択

    OG、Twitter Card、標準メタタグを選択します。

  3. 3

    コードをコピー

    完全な <head> メタタグを取得します。

よくある質問

SEO に必須のメタタグはありますか？

必須：<meta name="description">（150〜160 文字）、<meta name="robots">、<meta name="viewport">。ソーシャル共有：Open Graph（og:title、og:description、og:image、og:url）と Twitter Card（twitter:card、twitter:title、twitter:description）。また <title> タグも設定します（50〜60 文字）。これらは検索エンジンとソーシャルメディアでの適切な表示のための最低要件です。

メタ説明は何文字ですか？

150〜160 文字が理想的です。

データはローカルで処理されますか？

はい。すべての処理はブラウザ内で完了します。データはサーバーに送信されません。