2014-09-25 36 views
6

DEMO網址 - http://maz.node1357.speedyrails.net/webreader/803LinkedIn沒有采摘的OG指定圖片:圖片

頁面具有這樣的開放圖形圖像供應雖然HTTP從S3是240像素寬320像素高度的開放圖形標籤。

<meta property="og:url" content="http://maz.node1357.speedyrails.net/webreader/803"> 
    <meta property="og:title" content="sharetest_4"> 
    <meta property="og:site_name" content="MAZ"> 
    <meta property="og:description" content="test pdf 10 page"> 
    <meta property="og:image" content="http://s3.amazonaws.com/maz_staging2/staging2env1/issues/00022/webreader/thumbs/[email protected]" /> 

爲什麼圖像預覽切換器出現在這裏?第一張圖片似乎是由og:image標籤指定的圖片,但第二張圖片似乎永遠不會加載,但頁面中有許多圖片的尺寸比Linkedin規定的大。

我檢查了一些其他網站。從這個職位上Techcrunch的LinkedIn共享沒有顯示出切換器 - CLICK HERE

但是從這個分享功能 - CLICK HERE

這兩個URL都有= 680像素和高度> 300像素寬的圖像。關於如何從Linkedin上的開放圖形標籤獲取圖像的任何指導原則?

+2

任何答案?有同樣的問題... – fandang 2015-02-20 17:45:53

回答

1

根據LinkedIn Developer Reference,您需要html標記中的Open Graph名稱空間。

<html prefix="og: http://ogp.me/ns#"> 
<head> 
    <meta property="og:title" content="My Shared Article Title" /> 
    <meta property="og:description" content="Description of shared article" /> 
    <meta property="og:url" content="http://example.com/my_article.html" /> 
    <meta property="og:image" content="http://example.com/foo.jpg" /> 
</head> 
<body> 
    … 
</body> 
</html>