OGPとは何ですか?

リンクがシェアされたときに表示するタイトル・説明・画像をFacebook・X・LinkedIn・WhatsAppに伝える、標準のmetaタグ群です。OGPがないとプラットフォームは推測で表示します——たいてい残念な結果になります。

どのタグを読み取りますか?

og:title、og:description、og:image(width/height/altを含む)、og:url、og:type、og:site_name、og:locale、加えてtwitter:card、twitter:title、twitter:description、twitter:imageです。タグがない箇所はページタイトルなどのフォールバックを表示します。

プラットフォームごとにOGPプレビューが違うのはなぜ?

切り抜きもキャッシュの持ち方も、プラットフォームごとに異なるからです。Xで大きな画像を出すにはtwitter:cardが必要で、LinkedInはめったに再スクレイプせず、WhatsAppのサムネイルは極小です。だからこのツールは4つを横並びで描画します。

OGP画像サイズの推奨は?

1200×630px(比率1.91:1)がどこでも安全なサイズです。2MB以下、安定したURLでhttps配信にしてください。このツールがステータス・形式・サイズを実際に取得して検証します。

古いカードが表示され続けます。強制更新するには?

プラットフォームはスクレイプ結果をキャッシュします。タグ修正後は、クエリ文字列(?v=2)を付けて再シェアするか、各プラットフォームのデバッガーで再スクレイプさせてください。ただしその前に、このOGP確認ツールで新しいタグを確かめておけば、キャッシュ破棄は1回で済みます。

OGP確認ツール — 無料OGPチェッカー

OGPとは——重要なタグとOGP画像サイズ

OGP(Open Graphプロトコル)とは、リンクをカードとして展開する方法をプラットフォームに伝えるmetaタグの規格で、Facebookで生まれました。og:title・og:description・og:image・og:urlが基本の4つ、X向けの相棒がtwitter:cardです。これらの有無が、リッチなカードと素っ気ないグレーのリンクの分かれ目になります。このOGPチェッカーは、公開中のHTMLからこれらのタグを読み取り、各プラットフォームの解釈を描画するビューアーです。

OGP画像サイズの目安は1200×630px(比率1.91:1)、2MB以下、安定したURLでのhttps配信です。テストすべき失敗パターンは、リダイレクト越しやhttpのog:image(多くのプラットフォームが拒否)、約5MBを超える画像(スキップされる)、twitter:cardの欠落(Xが小さいサムネイル表示に落ちる)、リニューアル後の古いスクレイパーキャッシュ——。大きなリリースの前にはこのOGP画像の確認を実行し、テンプレート変更のたびに再チェックし、シェアの見た目がおかしいときのデバッガーとして使ってください。OGPカードは静かに壊れ、WhatsApp向けの表示が最初に壊れます。