Meta Tag Generator
ブラウザ内で処理SEO用meta、Open Graph、Twitter Cardタグを一括生成。プレビュー付き。
基本設定
OG / SNS設定
Google検索プレビュー
https://example.com
Page Title
Page description will appear here...
SNSシェアプレビュー
example.com
Page Title
Description...
生成コード
<meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="robots" content="index, follow" /> <!-- Open Graph / Facebook --> <meta property="og:type" content="website" /> <!-- Twitter Card --> <meta name="twitter:card" content="summary_large_image" />
Meta Tag Generatorの使い方
フォームに必要な情報を入力するだけで、SEOに最適化されたmetaタグ、Open Graphタグ、 Twitter Cardタグが自動生成されます。Google検索結果とSNSシェアのプレビューも リアルタイムで確認できます。生成されたコードをHTMLの<head>内に貼り付けてください。
How to Use the Meta Tag Generator
This free online tool generates essential HTML meta tags for SEO, Open Graph for Facebook/LinkedIn sharing, and Twitter Card tags. Fill in your page details and get properly formatted HTML code instantly. The tool includes live previews showing how your page will appear in Google search results and social media shares. Copy the generated code and paste it into your HTML head section. Recommended title length is under 60 characters and description under 160 characters for optimal display.
OGP・canonicalの設定ミス対策 / Fixing OGP previews, title truncation and canonical URLs
| エラー / Error | 原因 / Cause | 対処 / Fix |
|---|---|---|
| SNSで画像が表示されない No image on social shares | og:image が相対パス、またはサイズ不足(600px未満) Relative og:image URL or undersized image | httpsの絶対URLで1200×630を指定。詳細はOG画像サイズガイド Use absolute HTTPS URLs at 1200x630 |
| Xで小さいカードになる Small card on X | twitter:card の未指定(デフォルトはsummary) twitter:card missing | summary_large_image を明示する Declare summary_large_image explicitly |
| タイトルが検索結果で切れる Title truncated in SERPs | 60文字(全角約30文字)を超えると省略される Titles over ~60 chars get cut | 重要キーワードを前方に置き、全角28文字前後に収める Front-load keywords; stay under 60 chars |
| canonical が効かない Canonical ignored | 相対URL指定や、ページごとに異なるべき値の使い回し Relative URLs or duplicated canonicals | 各ページ自身の絶対URLを指定する Use each page's own absolute URL |
| 更新がSNSに反映されない Updates not reflected on SNS | プラットフォーム側のOGPキャッシュ Platform-side OG caches | 各社デバッガで再取得、確実なのは画像URL変更 Re-scrape via debuggers or change the image URL |
生成されるタグの例 / Example Output
<title>記事タイトル | サイト名</title>
<meta name="description" content="..." />
<link rel="canonical" href="https://example.com/page/" />
<meta property="og:title" content="記事タイトル" />
<meta property="og:image" content="https://example.com/og.png" />
<meta name="twitter:card" content="summary_large_image" />未公開タイトルを送信せずメタタグ生成 / Generating meta tags without uploading unpublished titles
The metadata you draft describes pages that are not public yet — campaign titles, launch descriptions, product names. This generator assembles the tags entirely in your browser: your unreleased copy never reaches a server, output is instant, and the tool works offline. Verify image dimensions with the Aspect Ratio Calculator.
入力する内容は未公開ページのタイトルや説明文。本ツールは生成がブラウザ内で完結し、 外部送信は一切ありません。OG画像の仕様はOG画像の最適サイズ(2026年版)をどうぞ。
🔒 すべての処理はブラウザ内で完結し、入力データはサーバーへ送信されません。登録不要・無料。 / All processing runs in your browser; nothing is uploaded. Free, no sign-up. プライバシーポリシー / Privacy Policy