OGP・SEOメタ生成／検査
ページ情報からhead用metaタグを作り、既存タグの欠落・重複をローカルで点検します。
結果
ここに仕上がりが表示されます
入力と設定を確認して、実行してください。サンプルからも始められます。
コピー・保存する前に、内容を確認できます。
入力・処理・結果はこのブラウザ内。ページ移動でも素材を使えます。再読み込み・タブ終了で消えるため、必要な結果は保存してください。
AIエージェントから使うWebMCP 試験対応
このブラウザではWebMCPが有効になっていません。通常のツール操作と下の実行テストはそのまま使えます。
「OGP・SEOメタ生成／検査でメタタグを作る。結果を確認できる形で残してください。」
WebMCPは試験中のWeb標準です。利用には対応ブラウザと対応エージェントが必要です。MCPサーバーの接続URLではありません。AIサービスへ渡す内容は、そのサービスのデータ方針も確認してください。対応状況と使い方
入力仕様を見る · chinouken_meta_builder
{
"type": "object",
"additionalProperties": false,
"properties": {
"mode": {
"type": "string",
"description": "操作",
"enum": [
"build",
"analyze"
],
"default": "build"
},
"title": {
"type": "string",
"description": "ページタイトル。og:titleとtitleに使います。",
"maxLength": 2000,
"default": ""
},
"description": {
"type": "string",
"description": "説明。og:descriptionとdescriptionに使います。",
"maxLength": 5000,
"default": ""
},
"canonical": {
"type": "string",
"description": "正規URL。https://から始まるcanonical URL。",
"maxLength": 4000,
"default": ""
},
"image": {
"type": "string",
"description": "OG画像URL。https://から始まる画像URL。",
"maxLength": 4000,
"default": ""
},
"imageAlt": {
"type": "string",
"description": "画像の説明。og:image:alt。",
"maxLength": 2000,
"default": ""
},
"siteName": {
"type": "string",
"description": "サイト名。og:site_name。",
"maxLength": 1000,
"default": "知能圏"
},
"type": {
"type": "string",
"description": "OG type",
"enum": [
"website",
"article"
],
"default": "website"
},
"locale": {
"type": "string",
"description": "locale。例: ja_JP。",
"maxLength": 20,
"default": "ja_JP"
},
"twitterCard": {
"type": "string",
"description": "Twitter card",
"enum": [
"summary_large_image",
"summary"
],
"default": "summary_large_image"
},
"existingHead": {
"type": "string",
"description": "既存head（検査時）。metaタグを貼り付けます。ネット上のURLは取得しません。",
"maxLength": 100000,
"default": ""
}
}
}このPCのMCPと接続する
表示内容と一致させる
タグはページの内容を説明するものです。実際に表示していない値や、効果を保証する文言を追加しないでください。
画像URLは検査できない
画像の寸法やSNS各社の表示は外部サービスへ取得せず、生成した値を貼り付け後に確認します。
AIエージェントへの頼み方
Claude CodeやCodexなど、MCPやWebMCPに対応したエージェントに、このページのURLを添えて次のように頼めます。ファイルは会話に添付せず、手元のパスや条件を伝えます。
- 「この記事のタイトルと概要から、OGPとTwitterカードを含むhead用のmetaタグを作って。」
- 「このページのHTMLのmetaタグを点検して、欠けている項目と重複を教えて。」