SNSシェアプレビュー

HTMLを貼るかOG/Twitterタグを入力して、Slack・X・Facebook風のシェアカードを確認します。

ページの<head>のHTMLを貼ると、SNSフィードで表示されるカードを確認できます。

取得は行いません。相対画像URLはog:urlで解決されますが、画像自体は読み込みません。値を貼って確認してください。

すべてこのブラウザ内で実行します。

使い方

  1. ページの<head>HTMLを貼るか各欄を入力します。
  2. 抽出されたOG/Twitterタグを確認します。
  3. カードプレビューを確認します。

対応範囲

2MBまでのHTMLからog:title/description/image/url/site_name/typeとtwitter:card/title/description/imageを読み取ります。外部への取得は一切しません。プレビューはレイアウトの近似で、各プラットフォームの切り抜きは異なります。

関連する道具

関連ガイド