無料ツール
リンクプレビューチェッカー
公開されているURLを貼り付けてください。ページを取得してOpen GraphとTwitterのタグを読み、ほとんどのプラットフォームがそこから組み立てるカードを表示します。
カードが崩れる理由
SNSやメッセンジャーは、あなたのページを描画しません。一度だけ取得して、ひと握りのメタタグを読み、見つけたものからカードを組み立てます。タグがなければ、プラットフォームはタイトルと、たどり着けた最初の画像から推測します——その推測はたいてい、あなた自身が選んだであろうものより見劣りします。
短縮リンクは、リンク先のカードをそのまま引き継ぎます。タグを読む前に、リダイレクトがたどられるからです。SNSで共有されたブランド短縮リンクが、その裏にあるページとまったく同じ見た目になるのはこのためです——リダイレクトがどう配信されるかはリンク短縮をご覧ください。
キャッシュと再取得
大きなプラットフォームはどこも、取得した内容をキャッシュします。多くの場合、数日単位です。タグを直しても、すでに共有されたカードは直りません。プラットフォームは保存した版を返し続けます。ほとんどのプラットフォームは、再取得を強制できるデバッグ用のツールを公開しています。修正の直後にそれを使うかどうかが、直ったカードと、1週間まちがったまま出回るカードの分かれ目です。
このチェッカーは何もキャッシュしません。毎回、短いタイムアウトとサイズの上限を付けて新しく取得するので、見えているのは保存された複製ではなく、ページの今の状態です。
よくある質問
このツールはどのタグを読みますか？
Open Graphの語彙からog:title、og:description、og:image、og:url、og:site_name、og:type、加えてtwitter:card、twitter:title、twitter:description、twitter:imageです。Open Graphのタグがない場合は、HTMLのtitle要素と通常のmeta descriptionを代わりに使い——各プラットフォームもおおむね同じことをします——その値には代替である印を付けます。
画像のサイズはどれくらいがよいですか？
安全な答えは1200×630ピクセルです。主要なプラットフォームの大きなカードのレイアウトを満たし、小さなカードにもきれいに収まります。ファイルはおよそ1メガバイト以内に抑え、古いクライアントを気にするならWebPではなくPNGかJPEGを使い、画像がログインもリダイレクトもなしに開けることを確かめてください。
短縮リンクはプレビューを壊しますか？
壊しません。クローラーはタグを読む前にリダイレクトをたどるので、短縮リンクは最終的なリンク先のカードを表示します。プレビューを本当に壊すのは別のものです。セッションを必要としたり、見慣れないユーザーエージェントを拒否したりするリンク先——クローラーはログインしておらず、そして見慣れない側にいます。
ページにはタグがあるのに、チェッカーには何も出ません。なぜですか？
多くの場合、ページの読み込みが終わったあとにJavaScriptがタグを追加しているからです。クローラーはサーバーから届いたままのHTMLを読み、あなたのスクリプトを実行しません。ですからクライアント側で描画されたタグは、クローラーにもこのツールにも見えません。サーバー側で描画するか、最初のHTMLに直接置いてください。