このツールに問題がありますか?

「ソーシャルカード プレビュー オンライン」について

できること

ソーシャルカードプレビューは、URL を、ソーシャルアプリがページのメタタグから作る共有カードのライブなビジュアルプレビューに変えます。ページを一度取得し、リンクが X(Twitter)FacebookLinkedInSlack や Discord でどう表示されるか—タイトル・説明・サムネイル画像・ドメイン—を描画するので、推測せずに実際のカードを確認できます。

読み取る内容

このツールはページの Open GraphTwitter Card のタグを読み取ります: og:titleog:descriptionog:imageog:urlog:site_name、さらに twitter:cardtwitter:titletwitter:image。タグがない場合は、ページの素の <title> とメタ説明にフォールバックします。これは多くのプラットフォームが表示内容を決める方法と同じです。

なぜ重要か

共有されたリンクは人が最初に目にするものであることが多く、壊れたカード—画像がない、タイトルが違う、説明が古い—は静かにクリックを失わせます。プレビューを使えば、投稿前にリンクの見え方を確認して修正できます。最もよく見つかる問題は欠けている、または誤った og:imageで、これはあらゆるプラットフォームでカードを空白にしたり誤った画像で埋めたりします。

欠けているタグと要件

主要なタグがない場合、ツールはそれを警告として指摘します—たとえば「og:image なし」や「og:description なし」—抜けを黙って隠すことはしません。ライブのページを取得するため、URL は公開されアクセス可能である必要があります。ログイン・ペイウォール・プライベートネットワークの背後にあるページは読み取れません。

このツールの使い方

手順

  1. ページ URL を貼り付ける—確認したい記事・商品・ランディングページ。

  2. 実行を押す。ツールがページを取得し、Open Graph と Twitter Card のタグを読み取ります。

  3. プレビューを確認—X・Facebook・LinkedIn・Slack のカードを見て、欠けたタグに関する警告を読みます。

  4. メタタグを修正してページを直し、すべてのカードが正しく見えるまで再確認します。

ヒント

  • 1200×630 ピクセルの絶対 HTTPS の og:imageを使いましょう—相対パスや極端に小さい画像はしばしば表示されません。
  • 一部のネットワークやプラットフォームは古いカードをキャッシュするため、加えたばかりの変更が表示されるまで時間がかかることがあります。再確認で新しいタグが反映されたか分かります。
  • それでもカードがおかしい場合は、古いプレビューを信じず、メタタグを修正してツールを再実行してください。