OGP / SNSプレビュー // TOOLPOOL.SAMPLES

twitter:* 上書きのサンプル

og:* と twitter:* に別のタイトル・説明・画像を設定したページです。

確認用URL

https://toolpool.tools/ja/samples/ogp/twitter-override

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

確認できること

SNSごとに別の表示になるケースを確認できます。

og:* と twitter:* の値の違いを確認できる
Xプレビューでは twitter:* 側が優先される
Facebookプレビューでは og:* 側が使われる

出力内容

<meta property="og:title" content="Facebook向けOGPタイトル">
<meta property="og:description" content="FacebookなどOGPを見るサービス向けの説明です。">
<meta property="og:type" content="website">
<meta property="og:url" content="https://toolpool.tools/ja/samples/ogp/twitter-override">
<meta property="og:image" content="https://toolpool.tools/ogp.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="TOOLPOOL OGP image">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="X向けに上書きしたタイトル">
<meta name="twitter:description" content="Xではtwitter:* の内容を優先して表示する想定です。">
<meta name="twitter:image" content="https://toolpool.tools/icon.png">