페이스 북의 오픈 그래프 프로토콜로 소셜 미디어를 최적화하는 방법 - 인형

Facebook은 세계 최고의 소셜 미디어 사이트입니다. 소셜 미디어를 최적화하려면 Facebook의 Open Graph Protocol에 대해 알아야합니다. Open Graph 프로토콜은 2010 년에 Facebook에 의해 도입 된 시맨틱 마크 업 표준이며 현재 널리 받아 들여지고 있습니다. 어떤 사람들은 Open Graph가 Schema와 경쟁하고 있다고 봅니다. org이지만 실제로는 두 표준이 상호 보완 적입니다.

두 스키마를 모두 구현할 수 있습니다. org microdata 및 Open Graph 마크 업. 표준은 충돌하지 않습니다.

이 두 표준은 웹 페이지의 정보를보다 잘 설명하기 위해 동일한 목표를 가지고 있습니다. 핵심 차이점은 다음과 같이 요약 할 수 있습니다.

Open Graph 메타 데이터는 페이지 전체를 설명합니다.
스키마. org microformats는 페이지의 특정 요소를 설명합니다.

오픈 그래프 마크 업에는 스키마보다 정보가 적습니다. org -microdata는 구현하기가 쉽지만 쉽습니다. 웹 페이지를 Open Graph와 호환되게 만들려면 페이지에 기본 메타 데이터를 추가해야합니다. 기존 메타 데이터와 마찬가지로 Open Graph 메타 데이터는 웹 페이지의 태그로 이동합니다.

Open Graph-speak에서 웹 페이지는 Open Graph 개체입니다.

Open Graph에는 네 가지 필수 속성이 있습니다.

og: title : Open Graph 데이터를 읽는 시스템에 표시 할 페이지 제목입니다.

제목 태그를 88 자보다 짧게 유지하는 것이 가장 좋습니다. 더 많은 문자를 추가 할 수 있지만 Facebook은 처음 88 개만 표시합니다.
og: type : 개체 유형입니다. 유형은 프로토콜에 의해 지정되며 상당히 다양합니다.

유형은 Facebook의 사용자 관심 분야에 공유가 나타나는 위치를 제어하므로 흥미로운 속성입니다. 예를 들어 개체 유형을 "영화"로 설정하고 사용자가 개체를 공유하면 공유는 사용자의 Facebook 프로필에있는 제목 머리글 아래에 사용자의 관심사 중 하나로 표시됩니다.

모든 다양한 개체 유형에 대해 알아 보려면 여기를 확인하십시오.
og: image : 페이지를 나타낼 이미지의 URL입니다.

이미지는 중요한 태그입니다. 좋은 이미지로 인해 콘텐츠가 확산 될 수 있습니다. 이 태그를 사용하여 콘텐츠를 공유 할 때 나타나는 것을 제어하고 Facebook에 잘 맞게 최적화되었는지 확인하십시오. (1.9: 1의 비율이 가장 효과적이며 400x209 픽셀보다 크게 유지하십시오.)

이 태그를 비워 두지 마십시오. 그렇게한다면 페이스 북은 단순히 다른 이미지를 페이지에서 끌어 와서 부적절한 결과를 초래할 수 있습니다.
og: url : 페이지의 URL입니다.url 태그의 내용은 사용자가 [공유] 단추를 클릭 할 때의 위치를 결정합니다.

필수 요소 중 일부는 추가 선택 속성을 가지며 원하는 경우 여러 값을 제공 할 수 있습니다.

옵션에

og: audio : 가 포함됩니다. 객체에 오디오 파일을 첨부하려면이 태그를 사용하고 파일의 URL을 지정하십시오.
설명: : 이 태그를 사용하여 개체에 대한 하나 또는 두 문장의 설명을 제공합니다.

Facebook은 설명의 처음 300 자만 표시합니다.
og: 결정자 : 이 태그를 사용하면 문장에서 객체의 제목 앞에 오는 단어를 지정할 수 있습니다 (일반적으로 a, an, 또는 ).
og: locale : 이 태그는 페이지의 로케일, 즉 페이지의 언어를 지정합니다. 예를 들어 미국 영어로 된 콘텐츠 인 경우이 태그의 값은 en_us가됩니다.
og: locale: alternate : 페이지가 여러 언어로 제공되는 경우이 태그를 사용하여 페이지를 모두 나열 할 수 있습니다.
og: site_name : 웹 페이지가 다른 이름을 가진 더 큰 사이트의 일부인 경우이 태그를 사용하여 사이트 이름을 지정하십시오.
og: video : 포함 할 비디오 파일이있는 경우이 태그를 사용하여 파일의 URL을 지정하십시오.

예제를 사용하여 태그를 사용하는 것이 더 쉽습니다. 다음 예제에서는 HowTo: WordPress 4:

 200x300이라는 제목의 책에 대한 웹 페이지의 Open Graph 마크 업을 구현하는 방법을 보여줍니다. png ">  Ric Shreves 지음, water & stone 디지털 출판. 아마존에서 지금 이용 가능합니다. co.kr, Google Play 스토어 및이 웹 사이트에 게시됩니다. ePub, Mobi 및 PDF 버전으로 게시됩니다. ">

오픈 그래프 태그는 페이지의 태그에 포함됩니다. 인기있는 콘텐츠 관리 시스템 (예: WordPress, Joomla!, Drupal)을 사용하는 경우 플러그인이이 작업을 처리하므로 코드를 작성할 필요가 없습니다.

Open Graph 메타 데이터를 구현 한 결과 웹 페이지에서 누군가가 콘텐츠를 공유 할 때 표시되는 내용을 제어합니다. 누군가가 앞의 코드에 표시된 마크 업과 페이지를 공유하면이 모양이됩니다.