OGP / Meta プレビューチェッカー

OGPは、WebページをSNSでシェアした際にカード形式で表示されるための情報を、HTMLの<meta>タグで宣言する仕組みです。Facebookが提唱し、X（Twitter）/LinkedInなど主要SNSが対応しています。og:title・og:description・og:image・og:url・og:typeなどが基本要素で、これらを正しく設定するとクリック率が大きく向上します。

最低限はog:title・og:description・og:image・og:url（とtwitter:card）の5つです。さらにtwitter:cardは「summary_large_image」を指定すると大きな画像つきカードになり、最もクリックされやすい表示になります。canonical（<link rel="canonical">）も併せて設定するとSEOにも有効です。

推奨は1200×630px（アスペクト比1.91:1）です。X（Twitter）のsummary_large_imageも、Facebookも、LinkedInもこのサイズで最適表示されます。ファイルサイズは1MB以下、JPG/PNG/WebP対応。文字情報は中央付近に配置し、各SNSのトリミングで切れる端の余白を確保するのがコツです。

公開されているWebページであれば技術的にチェック可能ですが、本ツールは「自社サイトの設定確認」を主な用途として想定しています。競合分析の参考にも使えますが、過度なアクセスは控えてください。1ページあたり数百KB程度のHTMLを1回取得するのみで、画像本体や下層ページは取得しません。

入力URLはサーバー側に保存しません。OGP取得のための一時的なHTTPリクエスト処理のみ行い、ログにも残しません。取得した結果はあなたのブラウザ上にのみ表示されます。明示的に「履歴に保存」ボタンを押した場合のみ、お使いのブラウザのローカルストレージに保存されます。

いくつか原因があります。(1) og:imageタグが設定されていない、(2) og:imageのURLが相対パスで絶対URLでない、(3) 画像URLがhttpsでない、(4) 画像サーバー側でホットリンクを禁止している、などです。プレビュー欄に「画像なし」と出る場合は、まずHTMLソースでog:imageの値を確認してください。

X（Twitter）はCard Validator、Facebookはシェアデバッガー、LinkedInはPost Inspectorという公式ツールでキャッシュを再取得できます。OGP設定を変更したのに古い表示のままの場合は、これらの公式ツールでキャッシュを更新してください。本ツールでは常に最新のHTMLを取得して表示します。