Facebook 공유에 'og'(오픈 그래프) 메타 태그를 사용하는 방법

Facebook은 내 사이트에서 모든 사진을 가져옵니다.

그 페이지에있는 한 장의 사진 만 공유하고 싶습니다.

og메타 태그 에 대해 들었는데 어떻게 넣을지 모르겠어요.

사용하다:

<!-- For Google -->
<meta name="description" content="" />
<meta name="keywords" content="" />

<meta name="author" content="" />
<meta name="copyright" content="" />
<meta name="application-name" content="" />

<!-- For Facebook -->
<meta property="og:title" content="" />
<meta property="og:type" content="article" />
<meta property="og:image" content="" />
<meta property="og:url" content="" />
<meta property="og:description" content="" />

<!-- For Twitter -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="" />
<meta name="twitter:description" content="" />
<meta name="twitter:image" content="" />

페이지의 내용에 따라 내용 = "..."을 채우십시오.

자세한 내용은 모든 웹 페이지가 2013 년에 가져야하는 18 개의 메타 태그 를 참조하십시오 .

Facebook은 Open Graph Protocol 을 사용하여 링크를 공유 할 때 표시 할 항목을 결정합니다. OGP는 페이지를보고 어떤 콘텐츠를 표시할지 결정합니다. 우리는 손을 빌려주고 실제로 페이스 북에 우리 페이지에서 무엇을 가져갈 지 말할 수 있습니다.

우리가하는 방법은 og:meta태그를 사용하는 것입니다.

태그는 다음과 같습니다.

  <meta property="og:title" content="Stuffed Cookies" />
  <meta property="og:image" content="http://fbwerks.com:8000/zhen/cookie.jpg" />
  <meta property="og:description" content="The Turducken of Cookies" />
  <meta property="og:url" content="http://fbwerks.com:8000/zhen/cookie.html">

이러한 또는 유사한 메타 태그를 <head>HTML 파일 에 배치해야 합니다. 자신의 값으로 대체하는 것을 잊지 마십시오!

자세한 내용은 Facebook이 문서에서 이러한 메타 태그를 사용하는 방법에 대한 모든 것을 읽을 수 있습니다. 여기 튜토리얼 중 하나가 있습니다-https: //developers.facebook.com/docs/opengraph/tutorial/

Facebook은 이러한 메타 태그를 다룰 때 도움이되는 아주 작은 도구를 제공합니다. 디버거 를 사용하여 Facebook이 URL을 어떻게 보는지 확인할 수 있으며 문제가 있는지 알려줄 수도 있습니다.

여기서 주목해야 할 점은 메타 태그를 변경할 때마다 디버거를 통해 URL을 다시 공급해야 Facebook이 서버에 저장된 URL에 대한 모든 데이터를 지워야한다는 것입니다.

메타 생성을위한 도구를 만들었습니다. Facebook, Google+ 및 Twitter에 대한 항목을 사전 구성하며 여기에서 무료로 사용할 수 있습니다. http://www.groovymeta.com

질문에 조금 더 대답하려면 OG태그 (오픈 그래프) 태그는 메타 태그와 유사하게 작동하며 HTML 파일의 HEAD 섹션에 배치해야합니다. OG 태그를 효과적으로 사용하는 방법에 대한 자세한 내용 은 Facebook의 모범 사례 를 참조하십시오.