开放图形元标记无法按预期工作

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种情况在这里：

1. 处理Open Graph的Meta标签： https://stackoverflow.com/a/19313817/854222
2. 引导悬停图片： https://miketricking.github.io/dist/

你需要能够处理meta标签以显示t使用CSS叠加，例如＃2选项。

希望这有助于...