🔍

OGP プレビュー

og · seo · preview

ページタイトル

説明

画像URL

ページURL

サイト名

Twitterカード

example.com

素敵なページタイトル

リンクを共有したときにSNSのプレビューに表示される魅力的な説明文です。

メタタグ

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com" />
<meta property="og:title" content="素敵なページタイトル" />
<meta property="og:description" content="リンクを共有したときにSNSのプレビューに表示される魅力的な説明文です。" />
<meta property="og:image" content="https://placehold.co/1200x630/6366f1/ffffff?text=OG+Image" />
<meta property="og:site_name" content="私のサイト" />

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content="https://example.com" />
<meta name="twitter:title" content="素敵なページタイトル" />
<meta name="twitter:description" content="リンクを共有したときにSNSのプレビューに表示される魅力的な説明文です。" />
<meta name="twitter:image" content="https://placehold.co/1200x630/6366f1/ffffff?text=OG+Image" />

使い方

1
タイトル・説明・画像URLなどを入力します。
2
Facebook / Twitter / LinkedInのプレビューで確認します。
3
生成されたメタタグをコピーしてサイトの<head>に貼り付けます。

FAQ

このツールは無料ですか？

はい、登録もインストールも不要で、すぐに完全無料で使えます。

このツールはどんなツールですか？

検索結果やSNSシェアでの見え方を左右するメタタグを作成・プレビューできるツールです。タイトル・説明・画像を入力すると、整ったタグとプレビューが得られます。すべてブラウザ内で動作します。