こんな方におすすめ
- テンプレートを作る開発者
- 検索・共有文を管理する編集者
Developer SEO Utility
Meta Tag ジェネレーター
ページタイトル、説明文、URL、代表画像URLを入力すると、SEO metaタグ、Open Graphタグ、Twitter Cardタグを自動生成できます。
SEO Meta 生成
title、description、canonical、robotsタグを生成できます。
Open Graph 対応
KakaoTalk、Facebook、SNS共有用のOGタグをまとめて作成できます。
プレビュー表示
検索結果と共有カードの表示イメージを入力内容に基づいて確認できます。
Title
0文字
Description
0文字
OG Image
未入力
Output
HTML
Meta Tag 設定
ページの基本情報とSNS共有情報を入力してください。タイトルと説明文を推奨文字数に収めると、検索結果でより見やすく表示されます。
推奨入力基準
Titleは50〜60文字、Descriptionは120〜150文字程度を推奨します。代表画像はKakaoTalkやSNS共有を考慮して、横長画像を使うのがおすすめです。
0/60文字推奨 タイトルを入力してください。
0/150文字推奨 説明文を入力してください。
canonical、og:urlに使用されます。
og:image、twitter:imageに使用されます。
og:image:alt と twitter:image:alt に使用します。
og:site_nameに使用されます。
検索インデックス登録とリンク追跡の設定です。
共有コンテンツの種類です。
SNS共有カードの形式です。
含めるタグを選択
必要なタググループだけを選択して生成できます。
プレビュー
検索結果やSNS共有時に表示される形式を簡単に確認できます。
Search Preview
ページタイトルが表示されます
https://example.com/page/
ページ説明が検索結果に表示されます。
Open Graph Preview
OG IMAGE
ページタイトルが表示されます
ページ説明が表示されます
win-j.com生成結果
以下のコードをHTMLのhead領域に追加してください。
情報を入力してからMeta Tagを生成ボタンを押してください。
ページ固有の検索・共有メタタグを作る
title・description・robots・任意のcanonicalとOG・Twitter Cardを生成します。既存テンプレートと照合し、同じメタ情報が重複しないように反映します。
- 作成・確認
- win-j
- 最終確認
- 2026-10-01
活用場面
- 新規ページのメタ情報を準備する。
- 基本検索タグだけを生成する。
入力から結果の確認まで
- 1
固有のタイトルと正確な要約を書きます。
- 2
canonicalやOGには最終ページURLを入力します。
- 3
共有画像の公開URLと意味のある代替テキストを入力します。
- 4
使用するタグの組み合わせを選びます。
- 5
生成コードを既存headに一度だけ反映します。
- 6
公開ソースと実際の検索・共有表示を確認します。
基本タグのみ
- 入力
- タイトル・説明、基本SEOのみ有効
- 結果
- title・description・robots、URL入力時はcanonical
この設定では画像は不要です。
共有メタ情報
- 入力
- 全グループ、ページURL・画像URL・altを入力
- 結果
- 基本タグとOG・Twitter Card、画像alt
タグ形式が正しくても画像の取得可能性は別途確認が必要です。
計算・処理の仕組み
タイトル、説明、1つ以上のタググループが必要です。URLはHTTP(S)、認証情報、2,048文字制限を確認します。OGにはページ・画像URL、共有画像にはaltを要求し、HTML用にエスケープします。
注意点と制限
- 文字数やカードは実際の検索表示を予測しません。
- 画像応答・サイズ・キャッシュは検査しません。
- robotsとcanonicalはページの目的に合わせて選びます。
データの取り扱い
生成はブラウザー内ですが、画像プレビューは入力ホストへ直接アクセスする場合があります。機密・署名付きURLは避けてください。
参考資料
あわせて使えるツール
- SEO Head チェッカー
貼り付けたheadの欠落・重複・URL形式を確認します。割合はwin-j独自の点検値で、Googleの点数やインデックスの予測ではありません。
- Title / Description 長さチェッカー
タイトルとメタ説明文の文字数を数え、簡易検索プレビューで表現を比較できます。色の判定はこのツール独自の目安であり、Googleの評価や実際の表示を予測するものではありません。
よくある質問
画像なしでも生成できますか？
基本SEOのみなら可能です。OGと大きな画像のTwitter Cardには画像が必要です。
画像altは何のためですか？
画像を表示・視認できない状況で内容を説明します。
既存タグの後ろに貼ればよいですか？
重複を避けてテンプレートに統合し、同じタグを二重に追加しないでください。