/ og

multiple og image meta setting for facebook sharing

臉書 og image 其實可以設定很多個,讓使用者在分享網站連結時可以有圖片的選擇:

<meta content="https://example.com/1.jpg" property="og:image" />
<meta content="https://example.com/2.jpg" property="og:image" />
<meta content="https://example.com/3.jpg" property="og:image" />
<meta content="https://example.com/4.jpg" property="og:image" />
<meta content="https://example.com/5.jpg" property="og:image" />

裡面有些規則在,判定標準的「順序」整理如下:

  1. 高解析度的 priority 較高!
  2. html meta 列的順序由下至上,如範例就會是 5.jpg -> 4 -> 3 -> 2 -> 1
  3. 不管列再多,最多只會出現5張給使用者選

若需要測試網頁 og meta 是否正確設定,可以用此連結測試:https://developers.facebook.com/tools/debug/og/object/