WhatsAppやSkypeなどのチャットアプリでウェブサイトのリンクを送信すると、小さなウェブサイトのプレビューが表示されます。 HTML5とJavaScriptを使用して開発したWebアプリケーションで同様の機能を実装したいと考えています。だから私はリンクを持っている場合、私はそれをdivタグに豊富なレビューを表示したい。HTML5を使用して開発されたWebアプリケーションで豊富なプレビュー機能を追加
希望の結果を得るために必要なこと。
Skypeや同様のプログラムでのこれらのプレビューは、メタタグに基づいて生成されます。
さまざまなアプリケーション/ソーシャルネットワークでは、さまざまなメタタグを使用しています。たとえば、Skypeは開いているグラフのメタタグを理解しています。http://ogp.me/
メタタグの作成プロセスについては、多くの記事があります。あなたは、この2を見てとることができます。
https://warfareplugins.com/open-graph-tags-twitter-cards-rich-pins/
https://moz.com/blog/meta-data-templates-123
あなたが必要となるか、リンクを取るレンダラ、あるページを解析し、メタタグを理解しようとすると、プレビューをレンダリングメタタグに基づいて
オープングラフのためのオープンソース実装がここにリストされているのいくつか：http://ogp.me/#implementations
4K +の担当者を使用すると、SO「のヒントや提案」のためではないことを知っている必要があります。特定のコーディングの質問があるときに戻ってください。 – j08691