1. ホーム
  2. image

[解決済み] 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で共有 - 初回起動時にサムネイルが表示されません。