OGタグプレビュー
リンクを共有したときの表示が気になりますか?このツールがFacebook、LinkedIn、DiscordでOpen Graphタグがどのように表示されるかを公開前に正確にお見せします!
主な機能
- OG タグのプレビューを即表示
- SNS での見え方を事前に確認
- title・description・画像を編集
- 最適な見栄えへ調整
Guide
ウェブサイトのリンクをFacebookで共有したら、味気ない表示に。画像なし、汎用的なタイトル、ページからランダムに引用されたテキスト。OGタグが欠落しているか誤設定されている場合にこうなります。 この無料Open Graphプレビューアーは、OGタグがFacebook、LinkedIn、Discordでどのようにレンダリングされるかを公開前に正確に表示します。タイトルが長すぎるか、説明文が切り取られるか、画像のアスペクト比が間違っているか即座にわかります。 ヒント:og:image には1200x630ピクセルのアスペクト比の画像を使用しましょう。FacebookとLinkedInで最適に表示されるサイズです。
よくある質問
対応している SNS は?
主要な SNS のシェア見栄えを再現して確認できます。
実際の投稿と完全に同じですか?
概ねの見え方を再現しますが、プラットフォーム側の仕様変更により差異が出る場合があります。
関連ガイド
- デジタルストーリーテリングとは?ブランドにとって重要な理由
- OG Tag Previewer Fields Guide: Five Inputs, Two Limits, One Silent Failure
