Web サイトのプレビュー サムネイルを Facebook の共有に表示する方法

誰かが自分のタイムラインであなたの Web サイトのページへのリンクを共有すると、Facebook はリンクされたページから画像を自動的に取得し、ページの名前と URL の横に表示します。残念ながら、フェッチされた画像がページのコンテンツと無関係であったり、共有リンクから完全に欠落している場合もあります。誰かがあなたのページを共有したときに、Facebook が可能な限り最適な画像を表示し、リンクのクリック率を高めるには、ページの HTML コードに数行のコードを追加して、Facebook が特定の画像を取得するように強制します。

Open Graph マークアップを追加

Open Graph は、Facebook が開発したプロトコルであり、他の機能の中でも特に、Web 開発者がマークアップ タグをページに追加して、Facebook が Web サイトへのリンクを表示する方法をカスタマイズできるようにします。

HTML ソース コードを編集して、Open Graph タグをページに追加します。

ステップ 1

メモ帳などのテキスト エディターまたは専用の HTML エディターで HTML ファイルを開きます。ファイルの上部にある終了タグの前にカーソルを置き、Enter を押します。 新しい行を作成します。

ステップ 2

次のメタ タグを入力してください:

http://www.example.com/thumb.jpg を置き換えます ユーザーがあなたのサイトへのリンクを共有したときに Facebook に表示させたい画像の実際のリンクを使用してください。

ヒント

• Facebook は 200 x 200 ピクセルのサムネイル画像を受け入れますが、推奨サイズは幅 1200 ピクセル、高さ 630 ピクセルです。
  
• リンクをクリックするユーザーの割合 (クリック率) を増やすため -- 「ここをクリック」などの行動を促すフレーズを画像に追加することを検討してください または 詳細 .
  

ステップ 3

ファイルを保存して、Web ホストにアップロードします。

その他の Open Graph マークアップ タグ

サムネイル画像に加えて、共有リンクのタイトルや説明をカスタマイズするなど、Open Graph マークアップ タグを使用することを検討してください。