Open Graph プロトコルは、URL が誰かがソーシャルフィード、メッセージングアプリ、Slack チャンネルに貼り付けたときに豊富なプレビューに変わる、目に見えない足場です。OG タグがなければ、共有されたリンクは URL 自体以外は何も表示しません。タイトルも、画像も、説明もありません。OG タグがあれば、同じ URL が、ヒーロー画像、フォーマットされたタイトル、人々がクリックしたくなる 1 行の要約を持つカードに展開します。OG タグを持つリンクと持たないリンクのクリックスルーレートの差は、割合ではなく倍数で測られます。ジェネレーターは 6 つの入力フィールドから完全なタグセットを組み立て、すべての主要プラットフォームでの結果のレンダリングを示します。

手動の OG 実装でつまずくことの多い微妙な点は、Twitter Card のデュアルタグ要件です。Twitter は twitter:card、twitter:title、twitter:description、twitter:image を第一選択として読み、それらが欠落している場合にのみ og:title、og:description、og:image にフォールバックします。フォールバックの挙動は Twitter クライアント間で一貫していません。ウェブクライアントはきれいにフォールバックし、iOS アプリは OG 画像の寸法を無視することがあり、TweetDeck は OG フォールバックを画像なしで表示することがあります。ジェネレーターは両方のタグセットを同じ値で出力するので、すべてのサーフェスでレンダリングが予測可能です。

画像寸法の要件も、避けられるミスにつながるもう一つのポイントです。Facebook は 1200×630 ピクセルを推奨しますが、200×200 の小さい画像から 8 MB の大きい画像まで受け入れます。Twitter の大きい画像カードは最小 300×157 と最大 4096×4096 を必要とします。LinkedIn は 1200×627 を必要とします。Discord は 1.91:1 の比率にクロップします。ジェネレーターのプレビューパネルは、6 つのプラットフォームすべてに対してクロップをシミュレートします。これにより、寸法ミスマッチが公開前とリンクが最初に共有される前に明らかになります。