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

工程师，你有两种情况：

1. 处理Open Graph元标记： https://stackoverflow.com/a/19313817/854222
2. Bootstrap Hover图片： https://miketricking.github.io/dist/

您需要能够处理元标记，以便使用CSS叠加显示它们，例如选项＃2。

希望这会有所帮助......