Meta Tag Generator

SEO用meta、Open Graph、Twitter Cardタグを一括生成。プレビュー付き。

基本設定

ページタイトル (0/60)

ディスクリプション (0/160)

キーワード

著者

robots

Canonical URL

OG / SNS設定

OG Type

Twitter Card

OG画像URL

ページURL

Twitter @ユーザー名

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.

よくあるエラーと対処 / Common Errors and Fixes

エラー / 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" />

Why browser-only?

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年版)をどうぞ。