開放圖形元標記無法按預期工作

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選項。

希望這有助於...