Meta Tag Generator

概要

• タイトル・説明文などを入力するだけで、OGP（OpenGraph）とTwitter Cardに対応したmetaタグ一式を生成するツールです。

• SNSでシェアされた際に表示されるタイトル・説明文・画像を、正しいタグ構成で一度に用意できます。

• 入力したタイトルや説明文に含まれる"や&などの記号は、HTML属性値として安全なように自動的にエスケープされます。

使い方

1. 1

   タイトル・説明文を入力します（必須）。

2. 2

   必要に応じてURL・画像URL・サイト名・og:type・Twitter Cardの種類を設定します。

3. 3

   「生成する」ボタンをクリックすると、<head>に貼り付け可能なmetaタグ一式が表示されます。

入力例・出力例

タイトル: Developer Tools Platform / 説明文: 開発者向けツール集

<title>...</title> <meta name="description" ...> <meta property="og:title" ...> ...

利用シーン

• 新しいページを公開する際、SEO対策とSNSシェア対応のためのmetaタグを一括生成する

• ブログ記事やLPのタイトル・説明文・OGP画像を設定し、SNSでのシェア時の見た目を整える

• 既存ページのmetaタグ構成を見直す際、抜け漏れのないタグ一式を参考として生成する

よくある質問

注意点

• URL・画像URL・サイト名は任意項目です。入力しない場合、該当するタグ（og:url・og:imageなど）は出力されません。

• OGPの基本タグ（og:title・og:description・og:image・og:url）はFacebookをはじめ多くのSNSで共通して利用されます。

• 生成結果はページ上にのみ保持されます。再読み込みすると失われるため、必要な場合はコピーして保存してください。