【QooQ】OGP画像を設定-てぃものブログテスト帳

こちらのサイトの引用です。

QooQはツイッターカードの画像を最初から表示してくれてるけど、

トップページは何もない状態で寂しかったので設定しました。

OGP

手順は  の上辺りに、下記のように3行のコードを追記するだけです。

OGP画像URL の部分を自分で用意した画像の URL と置き換えて下さい。

    <b:if cond='!data:view.featuredImage'>
      <meta content='OGP画像URL' property='og:image'/>
    </b:if>

表示されるようになりました

OGP確認ツール

確認だけならこちらを利用した方が不具合が無かったのでこちらを利用しています。

公式の確認ツールらしいですが、私のサイトではこのツールでは表示してくれなかったので確認できません。

Card validator

たまにOGP画像が表示されない時があります。

解決方法が24時間くらい経過するか、画像を再アップロードするかなんですが原因がいまいちよく分かりません。

Twitterに告知する場合はスピード命だと思うから直ぐに反映して欲しいけど上手くいきません…

ツイッターカードは5分毎くらいにTwitterは再取得してそうだったので、

表示されなかったら後から記事内の画像を再アップロードして対応してますが…面倒

▶若干解決？

どうやら画像を<div>~</div>で囲まないとTwitterが画像を読み落とす場合がありそう？

確定じゃないのでもう少し試してみます。