WhatsAppでリンクを共有すると画像が表示されるようにするにはどうすればいいですか？

Question

リンクがwhatsappで共有されているときに画像を表示するにはどうすればいいですか？ amprandom.blogspot.comからのリンクのように。

OGタグは必要に応じて変更されます。まだ画像は表示されません。それを稼働させるには？

Answer 1

Sharing Debuggerを使用して、あなたのウェブサイトのコンテンツがFacebook、Messengerなどで共有されている場合に使用される情報を確認できます。バッチ・インバリケーターは、複数のURLの情報を同時に更新することができます。グラフのマークアップを開くと、ウェブサイトのコンテンツが他のユーザーにどのように見えるかを制御できます。

参考：https://developers.facebook.com/tools/debug/

ステップ：

1. 必要og tags元を追加します。 og:title、og:imageなどがウェブサイトのコードに含まれています。
2. 必要なタグを追加したら、Sharing Debuggerにアクセスし、そこにウェブサイトのURLを入力します。
3. [デバッグ]をクリックします。それはそれによって廃棄されたすべてのデータを表示し、それらをリフレッシュします。

次回あなたのウェブサイト/リンクを共有すると、追加されたメタデータが削除されます。

編集：あなたはog:imageメタタグ

にitempropを追加する必要があり 例：自分の画像/ロゴ/ファビコンのURLへurl_imageの変更値。 WhatsApp

ため

<link itemprop="thumbnailUrl" href="url_image"> 
<span itemprop="thumbnail" itemscope itemtype="http://schema.org/ImageObject"> 
    <link itemprop="url" href="url_image"> 
</span>