Loading...
タイトル・説明文・URL・画像URLを入力し、OGP / X（Twitter）カードの見え方を確認しながらmetaタグを生成できます。
タイトル・説明文・URL・画像URLを入力し、OGP / X（Twitter）カードの見え方を確認しながらmetaタグを生成できます。
推奨画像サイズ: OGP標準 1200×630px / Twitter 1200×600px / 正方形 1200×1200px
そのままHTMLの<head>内やテンプレートに貼り付けて利用できます。
<!-- Open Graph -->
<meta property="og:title" content="OGP Generator | OGPタグ生成・カードプレビューツール" />
<meta property="og:description" content="タイトル・説明文・URL・画像URLを入力して、OGPカードの見え方を確認しながらOGP/Twitterカード用のmetaタグを生成します。" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://creatools.dev/ogp-generator" />
<meta property="og:site_name" content="CreaTools" />
<meta property="og:image" content="https://creatools.dev/ogp/ogp-generator.png" />
<meta property="og:locale" content="ja_JP" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="OGP Generator | OGPタグ生成・カードプレビューツール" />
<meta name="twitter:description" content="タイトル・説明文・URL・画像URLを入力して、OGPカードの見え方を確認しながらOGP/Twitterカード用のmetaタグを生成します。" />
<meta name="twitter:image" content="https://creatools.dev/ogp/ogp-generator.png" />
<!-- Theme Color -->
<meta name="theme-color" content="#111111" />そのままHTMLの<head>内やテンプレートに貼り付けて利用できます。
<!-- Open Graph -->
<meta property="og:title" content="OGP Generator | OGPタグ生成・カードプレビューツール" />
<meta property="og:description" content="タイトル・説明文・URL・画像URLを入力して、OGPカードの見え方を確認しながらOGP/Twitterカード用のmetaタグを生成します。" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://creatools.dev/ogp-generator" />
<meta property="og:site_name" content="CreaTools" />
<meta property="og:image" content="https://creatools.dev/ogp/ogp-generator.png" />
<meta property="og:locale" content="ja_JP" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="OGP Generator | OGPタグ生成・カードプレビューツール" />
<meta name="twitter:description" content="タイトル・説明文・URL・画像URLを入力して、OGPカードの見え方を確認しながらOGP/Twitterカード用のmetaタグを生成します。" />
<meta name="twitter:image" content="https://creatools.dev/ogp/ogp-generator.png" />
<!-- Theme Color -->
<meta name="theme-color" content="#111111" />このOGPプレビューツールでは、ページタイトル・説明文・URL・画像URLを入力するだけで、 X（旧Twitter）やFacebook、LINEなどでシェアされた際のカード表示を確認できます。
同時にOGPおよびTwitterカード用のmetaタグを自動生成できるため、 Webサイト制作やSEO設定、SNS運用時の確認作業を効率化できます。