링크드하지 OG에 의해 지정된 이미지 따기 : 이미지

데모 URL을 - http://maz.node1357.speedyrails.net/webreader/803 링크드하지 OG에 의해 지정된 이미지 따기 : 이미지

페이지 오픈 그래프 이미지가 240 픽셀 폭과 320 픽셀 높이입니다 S3에서 HTTP하지만 제공되는 오픈 그래프 태그가 있습니다.

<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 태그로 지정된 이미지 인 것처럼 보이지만 페이지에 링크드 인에서 지정한 것보다 큰 크기의 이미지가 많이 있지만 두 번째 이미지가로드되지 않는 것 같습니다.

다른 웹 사이트를 확인했습니다. 테크 크 런치에이 게시물에서 링크드 인 공유는 더 스위처 보여줍니다 - CLICK HERE

을하지만이 하나를 공유하는 것은 않습니다 - CLICK HERE

이러한 URL은 모두가 = 680 픽셀, 높이> 300 픽셀 폭의 이미지를 가지고있다. Linkedin의 열린 그래프 태그에서 이미지를 가져 오는 방법에 대한 지침은 무엇입니까?

출처

2014-09-25 Alok Swain

답변이 있으십니까? 같은 문제가 있습니다 ... – fandang

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>

출처

2016-07-25 02:53:39

링크드하지 OG에 의해 지정된 이미지 따기 : 이미지

답변

관련 문제