Open Graph

Open Graph は、ページが共有されたときの見え方を指定するために、そのページの HTML に追加するタグの集合です。一般的には、タイトル、説明、画像、リンクを含みます。Facebook、LinkedIn、Slack、Teams などのソーシャルネットワークやメッセージングアプリは、これらのタグを読み取り、ユーザーが目にするプレビューカードを生成します。

<meta property="og:title" content="How to store wine">
<meta property="og:description" content="A guide to cellaring wine at home.">
<meta property="og:image" content="https://example.com/wine-cellar.jpg">

Open Graph タグがない場合、共有プラットフォームは通常、そのページのメタディスクリプションや最初に見つかった画像から推測に頼ってプレビューを作成します。こうした方法は信頼性が大きく劣ります。無関係な画像が選ばれたり、ソーシャル向けのプレビューではなく検索エンジン向けの説明文が使われてしまうことがあるためです。

さらに詳しく

• Open Graph プロトコル - 仕様
• メタディスクリプション