任意の URL から OG タグをプレビューする方法

絶対 https URL を貼り付け、メタデータの取得を実行して、マージされたタイトル、説明、画像、リンク先 URL を確認します。診断を展開して、ステータス コード、リダイレクト後の最終 URL、コンテンツ タイプを確認します。

Open Graph、Twitter Card、およびフォールバック メタ タグの選択方法

Facebook および LinkedIn スタイルのプレビューでは、Open Graph タグを優先し、og:image が欠落している場合は、タイトル タグ、メタ ディスクリプション、正規 URL、および最初の適切な本文画像にフォールバックします。 X/Twitter スタイルのプレビューでは、twitter:title、twitter:description、および twitter:image (存在する場合) を優先します。それ以外の場合は、Open Graph にフォールバックしてから、同じ汎用フォールバックを使用します。

一般的なメタデータの問題とその修正方法

og:image の欠落は最も一般的な共有品質の問題です。正方形または横長の画像 URL を追加してください。タグの重複や競合、正しいベースのない相対画像 URL、切り捨てられる長いタイトルも頻繁に発生します。公開する前にエディターを使用して修正をテストします。

HTMLメタタグまたはJSONをエクスポートする方法

フェッチが成功した後 (または必須フィールドに手動で入力した後)、「HTML のコピー」または「JSON のコピー」を使用するか、.html および .json ファイルをダウンロードします。値は HTML スニペットでエスケープされ、JSON にはサポートされている各フィールドのソース ステータスが含まれます。