[解決済み] Facebookでプレビューとして表示されるWebサイトの画像を設定するにはどうすればよいですか？

2022-04-23 18:31:40

質問

facebookでリンクを共有すると、ウェブサイト上の画像が自動的に検索され、ランダムにプレビューとして選択されます。プレビュー画像に影響を与えるにはどうしたらよいですか？人が自分のfacebookでウェブサイトのリンクを共有するとき？

1. HTML宣言にOpen Graph XML名前空間拡張を含める

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:fb="http://ogp.me/ns/fb#">

2. あなたの <head></head> 以下のメタタグを使用して、使用する画像を定義します。

<meta property="og:image" content="fully_qualified_image_url_here" />

についてもっと読むオープングラフプロトコルをご覧ください。

アフター 上記を実行した後 Facebook "オブジェクトデバッガ"。画像が正しく表示されない場合また、初めて共有する場合は、高さと幅も指定しないとまだ表示されないので注意してください。 Facebookで共有 - 初回起動時にサムネイルが表示されません。