Open Graphメタタグが正常に動作しない

Question

当社のウェブサイトには単一の画像ページが含まれています。ソーシャルネットワーク上で美しい画像を表示するために、OpenGraph（og:）メタタグのほぼすべてをセットアップしました。ここにあります：

<title>Some title</title> 
<meta name="description" content="Some description"> 
<meta property="og:site_name" content="CompanyName">    
<meta property="og:title" content="Photo by @someuser">     
<meta property="og:image" content="https://cdn.companydomain.com/209114427002202.jpg">  
<meta name="medium" content="image">      
<meta property="og:type" content="mycompanynamespace:photo"> 
<meta property="og:description" content="Some slogan">    
<meta property="fb:app_id" content="108569252539534">     
<meta property="og:url" content="https://companydomain.com/image/2030203020320302"> 

ただし、期待どおりに動作しません。それは何を示すことだけで、ドメインの名前です：

私が欲しいものInstagramのようになり、それを設定することです。 Instagramの設定の背後にある魔法は何ですか？右下隅にロゴを設定する方法は？

Answer 1

エンジニア、あなたはここで2つの状況があります：あなたがする必要が https://miketricking.github.io/dist/

：グラフを開くメタタグの取り扱い

1. ： https://stackoverflow.com/a/19313817/854222
2. ブートストラップホバーイメージをtを表示するためにメタタグを処理できるオプション＃2のように、CSSオーバーレイを使用している。

   希望これは_「Instagramの 『構成』の背後にある魔法は何ですか？」_