Facebook 공유에 'og'(Open Graph) 메타 태그를 사용하는 방법
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는 귀하의 페이지를보고 어떤 콘텐츠를 표시할지 결정하려고합니다. 우리는 손을 빌려주고 실제로 페이지에서 무엇을 가져갈 것인지 Facebook에 알릴 수 있습니다.
우리가하는 방법은 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 모범 사례 를 참조하십시오.
'development' 카테고리의 다른 글
| PHP file_get_contents () 및 설정 요청 헤더 (0) | 2020.07.21 |
|---|---|
| Kotlin에서 난수를 어떻게 얻을 수 있습니까? (0) | 2020.07.21 |
| Xcode 8 / Swift 3.0에서 푸시 알림을 등록 하시겠습니까? (0) | 2020.07.21 |
| OSX Yosemite로 "업그레이드"한 후 RStudio / R의 rJava로드 오류 (0) | 2020.07.21 |
| 쉘 스크립트에서 파일 이름의 확장자를 어떻게 제거합니까? (0) | 2020.07.21 |