og:imageを複数指定して、シェア時に選択させたい

Question

#####下記のサイトに載っていることを実装したいのですが、画像が一つしか出てこない。
→このページ

ogpタグ

<!--for og-->
<meta property="og:title" content="タイトル" /> 
<meta property="og:type" content="article" /> 
<meta property="og:url" content="https://example.com" />
<meta property="og:image" content="https://example.com/img/ogp001.jpg">
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image" content="https://example.com/img/ogp002.jpg">
<meta property="og:image" content="https://example.com/img/ogp003.jpg">
<meta property="og:image" content="https://example.com/img/ogp004.jpg">
<meta property="fb:app_id" content="xxxxxxxxxx">
<meta property="og:site_name" content="タイトル" />
<meta property="og:description" content="あああああああああ" /> 
<link rel="mixi-check-image" type="image/jpeg" href="https://example.com/img/ogp001.png" />
<meta name="twitter:card" content="gallery">
<!--//for og-->

シェアボタン

<a href="http://www.facebook.com/share.php?u=https://example.com" target="blank">facebook</a>
<a href="https://example.com&text=あああああああああああああああああああ" target="blank">twitter</a>

画像のリンク切れは確認できてます。

Comments

[m.ts10806]

＞hoge.com
自身が保有しているドメインでないのでしたら例示ドメインを利用してください

[miyabi_pudding]

記事が古すぎます。
詳しく調べていませんが、情報が古すぎるので、現在はできない可能性が高いです。
なので、もう少しよく調べられるといいかと。

[108_tw]

ドメインの件、わかりました。

記事が古い件、そうですよね。
直近のデータがなくて、すでにできない可能性も考えていました。
ただ、廃止された情報も見つからず、、、調べてみますね。

Answer 1

OGPの仕様については詳しくないですが下記の記事を見たところ、複数の画像が指定されている場合はFacebookは最初の画像、Twitterは最後の画像を使う仕様の様です。

https://yoshinorin.net/2019/08/31/twitter-card-and-ogp/

質問者さんが提示した記事が古いことを考えると、おそらく複数の画像から選択できるのはOGPの古い仕様じゃないでしょうか？

検索する時はGoogle検索のツールで記事の投稿日を絞った方が古い情報に惑わされなくて良いですよ。
実はドキュメントやプログラミングの仕様というのは、意外にコロコロ変わるので古い情報は役に立たないことが多いんです。