2014-12-31 4 views
0

제목이 제대로 표시되지 않지만 내 의견을 요약하는 것이 가장 좋은 방법이라는 것을 알고 있습니다. 공유 단추에 대한 축소판 이미지를 사이트의 홈 페이지에서 공유중인 페이지로 설정하는 방법

나는 내 사이트에 설치된 ShareThis 버튼과 이전 Facebook 공유 버튼이있다.

내 사이트의 모든 페이지를 공유 할 때 ShareThisFacebook 공유 팝업에는 사이트 홈 페이지의 축소판 버전이 표시됩니다.

공유중인 현재 페이지를 미리보기 이미지에 표시하고 싶습니다.

어떻게하면됩니까? 할 수 있을까요?

답변

1

Facebook 및 LinkedIn과 같은 소셜 공유 사이트는 schema.org 스키마를 존중하는 경향이 있습니다. 그래서 나는 내 몸에 SoftwareApplication을 때리는 경향이있다. 그리고 숨겨진 div를 사용하여 거기에 공유하고 싶은 것을 넣는다. 수동으로 (또는 프로그래밍 방식으로) 페이지의 스냅 샷을 찍은 다음 스키마 div에 포함시켜 이미지로 표시 할 수 있습니다.

여기에 내 사이트 중 하나에서 어떻게 표시되는지를 보여줍니다 : 특히

<body itemscope itemtype="http://schema.org/SoftwareApplication"> 
    <!-- SoftwareApplication information --> 
    <div style="display: none;"> 
     <h1 itemprop="name">Dache - Distributed Caching For .NET Apps</h1> 
     <img itemprop="image" src="/images/logo.png" /> 
     <p itemprop="description">Fast, scalable .NET distributed caching with meaningful performance metrics for your managers and a simple API for your development team.</p> 
    </div> 
    ... 

페이스 북은 자신의 오픈 그래프 기술을 사용합니다. Here's an article on configuring what appears when your site is shared on Facebook.