概要
og:imageは、<meta property="og:image" content="https://あなたのドメイン.com/画像.jpg">というメタタグで、ページのリンクが共有されたときに、プレビューカードにどの画像を表示するかをソーシャルプラットフォームやメッセージングアプリに正確に伝えます。タイトルや説明のタグとは異なり、ここには通常頼りになる自動フォールバックはありません — このタグがない場合、ほとんどのプラットフォームは単に画像のないプレーンテキストのプレビューを表示し、画像のある他の共有リンクと比べて目立って魅力に欠けます。
画像は完全な直接のウェブアドレス(相対パスではなく)で参照する必要があり、ログインなしで公開アクセス可能な場所にホストされている必要があります。
重要な理由
ビジュアルプレビュー付きの共有リンクは、単純にプレーンテキストとして表示されるものよりも大幅に注目され、クリックされます。単により多くの視覚的スペースを占め、混雑したソーシャルフィードやチャットスレッドでより実質的に見えるからです。これは、リンクプレビューを生成するほぼすべてのプラットフォームで当てはまります — 画像は多くの場合、プレビューカード全体の中で最大の視覚要素です。
og:imageの欠落も、ソーシャル共有でよくあるギャップの1つです。まさに、タイトルと説明のタグ(単なるテキスト)を設定するのは簡単で、画像には独自の別の正しくフォーマットされたタグが必要であることを忘れがちだからです。
修正方法
- 幅広の、おおよそ横長のアスペクト比(1200×630ピクセルが一般的に推奨されるサイズ)で、ページをよく表す画像を選びましょう。
- 安定した直接のウェブアドレスを持つように、画像を自分のサイトのどこかにアップロードしましょう。
- ページの
<head>セクションに、相対パスではなく完全なアドレスを使って<meta property="og:image" content="https://あなたのドメイン.com/パス/画像.jpg">を追加しましょう。 - ウェブサイトビルダーを使用している場合は、コードを直接編集するのではなく、その特定のページで「ソーシャル共有画像」のアップロードフィールドを探しましょう。
- FacebookのSharing DebuggerやLinkedInのPost Inspectorでテストしましょう — これらのツールは、すでに一度共有された画像を更新する場合に、プラットフォームのキャッシュされた(古い)プレビューをクリアするのにも役立ちます。