OGPチェック
ページが共有されたときにどう見えるかを、投稿する前に確認しましょう。
当サイトのサーバーで取得
Webページを読み取るため、当サイトのサーバーがページと共有用画像を取得します。これらやチェックしたアドレスは保存しません。 データの取り扱いについて
封印済み
リンクプレビュー
ページのアドレスを入力すると、人気の5つのアプリでのリンクプレビューを表示します。
使い方
-
アドレスを貼り付ける
記事、商品ページ、トップページなど、これから共有するページのアドレスを入力します。
-
プレビューを比較
Facebook、X、LinkedIn、Discord、Slackでのおおよそのリンクカードの見え方を、並べて確認できます。
-
タグを修正
チェック結果に、不足しているタグ、不十分なタグ、画像の問題が表示されます。ページを更新して、もう一度チェックしましょう。
よくある質問
Open Graphタグ(OGP)とは何ですか?
og:title、og:description、og:image など、ページのheadに記述するメタタグです。SNSやチャットアプリはこれを読み取って、リンクが共有されたときに表示するカードを作成します。
このツールでサーバーが必要なのはなぜですか?
ブラウザでは、あるWebサイトから別のWebサイトのページを読み取ることができません。そのため当サイトのサーバーがページと共有用画像を取得し、プレビューに必要な情報だけを返します。何も保存しません。
共有用画像はどのサイズにすればよいですか?
比率1.91:1の1200 × 630ピクセルを使ってください。小さい画像は小さなプレビューになり、200 × 200未満の画像は無視されることがよくあります。画像を切り抜くアプリもあるため、重要なテキストは端に置かないようにしましょう。
このプレビューは各アプリの表示とまったく同じですか?
各アプリの一般的なレイアウトにかなり近い再現です。アプリはデザインをときどき変更し、ページの古いバージョンをキャッシュしていることもあるため、実際のカードとは少し異なる場合があります。
タグを更新したのに、古いプレビューが表示されるのはなぜですか?
SNSは各リンクのコピーをしばらく保持します。多くのSNSには、FacebookのシェアデバッガーやLinkedInのPost Inspectorなど、情報を更新するためのツールがあります。
X(Twitter)用に別のタグが必要ですか?
ほとんどの場合は不要です。XはOpen Graphのタイトル、ディスクリプション、画像を読み取ります。小さな正方形ではなく大きな画像で表示したい場合は、twitter:card に summary_large_image を設定してください。