Facebookの共有に表示するためにあなたのウェブサイトのプレビューサムネイルを取得する方法

click fraud protection

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

OpenGraphマークアップを追加する

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

今日のビデオ

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

ステップ1

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

メモ帳のHTMLファイル。Headセクションの空白行が示されています。

画像クレジット: マイクロソフトの画像提供

ステップ2

次のメタタグを入力します。

交換 http://www.example.com/thumb.jpg ユーザーがサイトへのリンクを共有したときにFacebookに表示する画像の実際のリンクを使用します。

ヒント

  • Facebookは200x 200ピクセルのサムネイル画像を受け入れますが、 推奨サイズ 幅1200ピクセル、高さ630ピクセルです。
  • リンクをクリックするユーザーの割合を増やすには、 クリック率 -追加することを検討してください アクションの呼び出し などの画像に ここをクリック また 詳細はこちら.
OpenGraphメタプロパティの画像タグが丸で囲まれたHTMLファイル。

画像クレジット: マイクロソフトの画像提供

ステップ3

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

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

OpenGraphのタイトルと説明タグが示されたHTMLファイル。

画像クレジット: マイクロソフトの画像提供