Summary Card のサンプル

確認用URL

このページは検証用サンプルのため検索インデックス対象外です。カテゴリ一覧から利用できます。

確認できること

Xの小さなカード表示を確認するためのサンプルです。

• twitter:card は summary として検出される
• 正方形の画像URLが検出される
• 大きなカードとの表示差を比較できる

出力内容

<meta property="og:title" content="小さなカード画像のサンプル">
<meta property="og:description" content="正方形画像を使うSNSプレビューの検証ページです。">
<meta property="og:type" content="website">
<meta property="og:url" content="https://toolpool.tools/ja/samples/ogp/summary">
<meta property="og:image" content="https://toolpool.tools/icon.png">
<meta property="og:image:width" content="256">
<meta property="og:image:height" content="256">
<meta property="og:image:alt" content="TOOLPOOL icon">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="X向けSummaryサンプル">
<meta name="twitter:description" content="twitter:card=summary の挙動を確認できます。">
<meta name="twitter:image" content="https://toolpool.tools/icon.png">