SEO tools
Meta Tag Generator
Generate SEO, Open Graph, Twitter Card, robots, and canonical meta tags with live preview and copy-ready HTML.
Review title length, description length, image URL, and robots settings before adding tags to production pages.
Basic Meta Tags
Open Graph Tags
Twitter Card Tags
Copy and paste into your <head> section
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="robots" content="index, follow"> <meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image">
よくある質問
meta description の最適な文字数は？
Google の検索結果では約 120〜160 文字が表示されます。それ以上は省略されます。重要なキーワードを前半に入れ、ページ内容を正確に表す説明文を書きましょう。このツールでは文字数をリアルタイムで表示しています。
OG タグと Twitter Card は必須ですか？
SNS でシェアされたときのリッチプレビュー表示に必要です。OG タグがなければ URL テキストのみが表示されます。og:image には 1200×630px の画像を推奨します。Twitter Card は OG タグの内容を自動的に参照するため、個別設定は省略できます。
canonical URL はなぜ重要ですか？
同じ内容が複数の URL でアクセスできる場合（www あり/なし、http/https など）に、正規 URL を検索エンジンに伝えるタグです。重複コンテンツ扱いを防ぎ、SEO 評価を正規 URL に集約できます。
関連ツール
Search preview
Check how title and description may read before adding tags to your page.
Social previews
Build Open Graph and Twitter Card markup for share cards.
Copy-ready output
Generate formatted HTML that can be pasted into your document head.
Meta Tag Checklist
Title and description
Keep each page unique and write for the user's search intent instead of stuffing keywords.
Canonical URL
Set the preferred URL when duplicate or near-duplicate pages can exist.
Open Graph image
Use a clear image with enough resolution for social sharing, commonly around 1200 by 630 pixels.
Privacy
Entered values are used only to render the preview and HTML in the browser.
FAQ
What tags does this generator create?
It creates common SEO meta tags, Open Graph tags, Twitter Card tags, robots directives, canonical URL markup, and copy-ready HTML.
Is the entered page data uploaded?
No. The preview and generated HTML are built in your browser.
How long should a meta description be?
A practical target is roughly 120 to 160 characters. The exact display can vary by search result layout and query.
Do meta tags guarantee search ranking?
No. Good tags improve clarity and click-through potential, but ranking also depends on content quality, intent match, links, performance, and technical SEO.