Open Graphタグチェックツール
HTML headを貼り付けて、Open Graphタグ、Twitter cardタグ、URLの問題、共有プレビューの不足を公開前に確認できます。
Open Graph設定
チェックするページURLとHTML headタグを入力してください。
共有プレビューが崩れる前に確認する
Open Graphタグは、メッセージアプリ、SNS、共同作業ツールでリンクを共有したときのタイトル、説明、画像の見え方を決めます。良いページでもog:titleやog:imageが抜けていると、共有画面で内容が伝わりにくくなります。
HTML headの一部を貼り付けると、Open Graphの必須タグとTwitter cardタグをまとめて確認できます。og:urlと実際のページURLの不一致、相対画像URL、短すぎる説明や長すぎる説明など、公開前に見落としやすい点も確認できます。
チェックはブラウザ内で実行されます。貼り付けたHTMLとURLはberryfyに送信されません。外部画像も自動では読み込まないため、必要に応じて実際の共有デバッガーで最終表示を確認してください。
あわせて使えるツール
今の作業に続けて使いやすいツールをまとめました。