twitterのOGP（サムネイル画像）を動的に変えたい

現在HTML，JQueryでおみくじアプリを作っており、その結果をtwitterに投稿する機能があるものを作っています。
おみくじアプリ

ここでやりたいこととして、おみくじ結果の画像をサムネイルに反映させたいです。つまり、twitterのサムネイルを動的に変えたいです。 それについてアドバイスいただければと思います。
詰まっているのはtwitterの強制クロールのやり方に関してです。

現状として、
動的に変えるために、OGPの設定をHTML上でしていますが、それをJQueryで動的に変更するようにしています。おみくじ結果が出るたびに上書きしています。

 ```js

// metaのイメージを上書き
var imgUrl = 'https://k49977.github.io/omikuji/omikuji_files/img/icon'+ randNum +'.png';
$("#meta-img").attr('content',imgUrl);




　　
```html
<head>
    		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    		<meta name="twitter:card" content="summary">
    		<meta name="twitter:site" content="@username">
    		<meta property="og:url" content="url">
    		<meta property="og:title" content="鬼滅の刃おみくじ">
    		<meta property="og:description" content="鬼滅の刃のおみくじです。今日の運勢を占ってみてね★">
    		<meta id="meta-img" property="og:image" content="https://k49977.github.io/omikuji/omikuji_files/img/icon0.png">
    		<title>おみくじ</title>
    		<link rel="stylesheet" href="./omikuji_files/omikuji.css">
    		
    		<script src="./omikuji_files/jquery.min.js" type="text/javascript"></script>
    		<script type="text/javascript" src="./omikuji_files/jquery.js"></script>
    		<script type="text/javascript" src="./omikuji_files/jQueryRotate.js"></script>
    	</head>

JQueryは問題なく、metaのog:imageのcontentを上書けています。

ここからが詰まっている箇所で、
HTML自体は動的に変えられているのですが、Twitterのクロールの仕様なのか、変えたサムネイルがすぐに反映されません。
そこで強制クロールをJQueryでできないか考えたのですが、その方法が見当たりません。
twitterCardで強制クロールができるみたいなので、それをコード上でできればいけるのではないかと仮説を立てたりしています。

HTMLで動的に変わったサムネイル画像をTwitterに即時反映する方法はないでしょうか？

よろしくお願い致します。

行動規範の内容に同意します

回答1件

ベストアンサー

おそらくですが HTML + JavaScript では不可能でしょう。Twitter の開発者ガイドには Twitter カードのクローリングは大体 1 週間周期と書いてあります。
Troubleshooting Cards | Docs | Twitter Developer
また、裏付けは取れていませんが Twitter のクローラは JavaScript を実行しないという話も見かけました。どのみちこちらの変更を Twitter 側が逐一捕捉するのは不可能です。

じゃあどうやって動的な画像を生成するかというと、サーバーを立ててプログラムを書くしかありません。URL は固定で中身だけをクエリパラメータなどで動的に生成するのが良いでしょう。サーバーの管理は面倒ですが、Heroku などのマネージドなサービスを使えばサーバーを自分で立てずともプログラムを動かすことができるので動的画像生成サーバーができます。ある程度は無料ですので試してみるのもよいのではないでしょうか。

投稿2020/12/11 17:50