사용자 도구

사이트 도구


sns:buttons

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

양쪽 이전 판 이전 판
다음 판
이전 판
다음 판 양쪽 다음 판
sns:buttons [2012/10/08 13:45]
kwon37xi [Facebook 좋아요 Like 컨텐츠]
sns:buttons [2012/10/08 14:10]
kwon37xi [Twitter Cards]
줄 46: 줄 46:
 ====== Facebook 좋아요 Like 컨텐츠 ====== ====== Facebook 좋아요 Like 컨텐츠 ======
 페이스북의 좋아요 버튼을 클릭하면 페이스북이 현재 페이지의 컨텐츠를 취합한다. 그 취합 방법에 규칙이 존재한다. 페이스북의 좋아요 버튼을 클릭하면 페이스북이 현재 페이지의 컨텐츠를 취합한다. 그 취합 방법에 규칙이 존재한다.
-  * [[http://developers.facebook.com/tools/lint|URLLinter]] : 해당 URL에서 facebook이 어떤 데이터를 뽑아가는지 미리보기 할 수 있다.+  * [[http://developers.facebook.com/tools/debug|OpenGraph 확인 도구]] 
 +  * [[http://ogp.me/|Open Graph Protocol]]
   * [[http://webapps.stackexchange.com/questions/6745/how-does-facebook-publisher-select-the-image-title-and-content-from-a-shared-w|How does “Facebook Publisher” select the image, title and content from a shared website?]]   * [[http://webapps.stackexchange.com/questions/6745/how-does-facebook-publisher-select-the-image-title-and-content-from-a-shared-w|How does “Facebook Publisher” select the image, title and content from a shared website?]]
   * [[http://umairj.com/29/modify-how-the-shared-item-appears-on-facebook/|Modify how the shared item appears on Facebook]]   * [[http://umairj.com/29/modify-how-the-shared-item-appears-on-facebook/|Modify how the shared item appears on Facebook]]
-  * [[http://ogp.me/|Open Graph Protocol]] 
   * [[http://developers.facebook.com/docs/opengraph/|Facebook이 소개하는 Open Graph Protocol]]   * [[http://developers.facebook.com/docs/opengraph/|Facebook이 소개하는 Open Graph Protocol]]
   * [[http://usefulparadigm.com/2011/07/22/integrating-wordpress-with-opengraph/|WordPress와 페이스북 OpenGraph 연동하기]]   * [[http://usefulparadigm.com/2011/07/22/integrating-wordpress-with-opengraph/|WordPress와 페이스북 OpenGraph 연동하기]]
줄 72: 줄 72:
 <meta property="og:video:height" content="225" /> <meta property="og:video:height" content="225" />
 </code> </code>
-  * [[http://developers.facebook.com/tools/debug|OpenGraph 확인 도구]]+
 ====== Twitter Cards ====== ====== Twitter Cards ======
 [[https://dev.twitter.com/docs/cards|Twitter Cards]]는 페이스북의 OpenGraph 같은 것으로 트위터에 링크를 올렸을 때 해당 링크에 관해 보여줄 정보를 기술할 수 있다. [[https://dev.twitter.com/docs/cards|Twitter Cards]]는 페이스북의 OpenGraph 같은 것으로 트위터에 링크를 올렸을 때 해당 링크에 관해 보여줄 정보를 기술할 수 있다.
   * 기본적인 예<code html>   * 기본적인 예<code html>
-<meta name="twitter:card" content="카드 타입. "summary""photo", or "player". 보통 summary">+<meta name="twitter:card" content="카드 타입. 'summary''photo', or 'player'. 보통 summary">
 <meta name="twitter:url" content="링크의 정식 URL"> <meta name="twitter:url" content="링크의 정식 URL">
 <meta name="twitter:title" content="카드에 출력될 링크의 제목"> <meta name="twitter:title" content="카드에 출력될 링크의 제목">
sns/buttons.txt · 마지막으로 수정됨: 2012/10/08 15:02 저자 kwon37xi