OG・メタ プレビュー

ページ情報を直接入力し、検索結果とソーシャル共有カードの見え方を1画面で比較できます。

メタ情報を入力

実際のページのtitle、description、canonical、OG値を基準に入力してください。

既存のメタタグを貼り付け

貼り付けた文字列は実行せず、許可されたtitle、description、canonical、Open Graph、Twitter Card項目だけを読み取ります。

0 / 120

長いタイトルはプラットフォームによって省略される場合があります。

0 / 320

検索エンジンやソーシャルプラットフォームは、文脈に応じて別の説明を選んだり省略したりする場合があります。

httpまたはhttps URLのみ許可し、アカウント情報を含むURLは拒否します。

生成タグだけに使用します。このツールはリモート画像を要求・表示しません。

PNG、JPEG、WebP、GIF・最大5MB。画面プレビューだけに使用し、タグには含めません。

プラットフォーム別プレビュー

実際の表示はプラットフォーム、端末、クロール状況、実験によって異なる場合があります。

Google

Example Toolsexample.com

X

1200 × 630
example.com

Facebook

1200 × 630
example.com

LinkedIn

1200 × 630
example.com

メタタグの下書き

現在の入力から生成したHTMLです。サイトのテンプレートと実際の内容に合わせて確認してから使用してください。

確認項目

    使い方と注意事項

    1. ページタイトル、説明、canonical URL、サイト名を入力します。
    2. OG画像URLはタグ生成だけに使い、カード画像は選択したローカルファイルで安全に確認します。
    3. 4つのプラットフォームで省略表示と情報の順序を比較し、生成タグをコピーします。
    4. 公開後は各プラットフォームの公式検査ツールで実際のクロール結果を確認します。

    このプレビューは画面構成を理解するための近似表示です。Google、X、Facebook、LinkedInの実際のUIや掲載を保証しません。