Appleの iOS 10プレビューページ から取得したこのスクリーンショットでわかるように、iOS 10のメッセージアプリは、会話で送信されるURLのインラインプレビューを提供します。
このコンテキストで自分のサイトが適切に表示されるようにするにはどうすればよいですか?これらのプレビューの生成に使用している特定のメタデータに関するAppleの公式ドキュメントはありますか?
少なくとも Open Graph および Twitter Card を使用しています。
グラフを開く (
マークアップ:
<meta property="og:image" content="https://www.j-26.com/assets/facebook.jpg"/>
プレビュー:
マークアップ:
<meta property="og:image" content="https://www.j-26.com/assets/Twitter.jpg"/>
このページ Twitter CardとOpen graphを使用してテストしましたが、iOSはOpen Graphを好むようです。このページでは、TwitterカードのマークアップがOpen Graphマークアップの前に配置され、Twitterカードで使用される画像はsmallerOpen Graphで使用されているものより。