웹사이트 및 모바일 앱의 공유 모범 사례

웹사이트의 경우

모든 웹사이트, 특히 뉴스 사이트, 잡지, 블로그 및 기타 미디어 사이트에서는 간편하게 기존 팬과 연락하고 팬층을 늘리기를 원합니다. 소개해드릴 다음 모범 사례에 따라 가장 멋진 Facebook 환경을 제공해보세요.

  1. Facebook 인사이트를 사용하여 콘텐츠의 성공 측정
  2. Facebook 크롤러가 사이트에 액세스할 수 있도록 확인
  3. 적절한 오픈 그래프 태그를 사용하여 배포 유도
  4. 효과적인 미리 보기를 생성하기 위해 이미지 최적화
  5. 공유 디버거를 사용하여 오픈 그래프 태그 디버깅
  6. 콘텐츠 작성자에게 팔로우 기능을 설정하도록 권장
  7. 번역 도구를 사용하여 콘텐츠 현지화
  8. 실시간으로 플러그인 사용을 따르도록 JavaScript 이벤트 추적 구현

모바일 앱의 경우

Facebook에서는 모바일 앱 개발자가 앱 사용자를 팬으로 확보하는 데 도움이 되는 기능을 제공하고 있습니다. Facebook 공유를 성공적으로 사용하려면 사용자가 이해하고 신뢰할 수 있는 앱 환경을 만드는 것이 가장 중요합니다. 다음은 개발자에게 적극 권장되는 모범 사례입니다.

  1. 사용자가 공유할 때 명시적으로 게시할 권한 요청
  2. 원활한 환경을 사용할 수 있도록 앱 링크를 사용하여 Facebook에서 앱의 특정 위치로 링크
  3. 비공개 공유를 위해 메시지 대화 상자 사용
  4. Facebook 분석을 사용하여 지표 추적
  5. HTTP 사용자 에이전트 헤더 사용 - iOS 및 Android에서 웹사이트로의 모바일 리퍼럴 트래픽 수를 계산합니다.

웹사이트의 공유 모범 사례

1. Facebook 인사이트를 사용하여 콘텐츠의 성공 측정

Facebook 인사이트에서는 개발자와 사이트 소유자에게 콘텐츠에 대한 지표를 제공합니다. 특정 소식의 공개 범위를 확인하고, 콘텐츠 작성 및 이용을 추적하며, 콘텐츠를 공유하고 참여하는 사람들의 인구 통계학적 특성을 볼 수 있습니다. 이러한 트렌드를 이해하고 분석하면 사이트를 개선하고 최상의 공유 환경을 만드는 역량이 강화됩니다.

이 데이터는 온라인 및 개발자용 API를 통해 사용할 수 있습니다. 인사이트 가이드에서 도메인을 요청하고 추적을 시작하는 방법을 알아보세요.

일부 플러그인에는 사이트에서 트래픽 생성을 추적하는 데 사용할 수 있는 ref 매개변수도 있습니다. 친구가 페이지 중 하나를 좋아한 사용자에 대한 소식을 클릭하면 ref 매개변수가 다시 사이트에 전달되므로, 고유 분석 소프트웨어를 통해 추적할 수 있습니다. 자세한 내용은 소셜 플러그인의 매개변수를 참조하세요.


2. Facebook 크롤러 액세스

Facebook 크롤러는 사이트에서 콘텐츠를 가져오고 Facebook에서 미리 보기를 생성합니다. 플러그인을 사용하여 사이트에서 페이지를 추천하거나 좋아요를 클릭하고 Facebook의 URL을 공유하면 Facebook 크롤러가 활성화됩니다. 콘텐츠를 공개적으로 사용할 수 있으면 액세스하는 데 문제가 없습니다.

Facebook 크롤러 가이드에서 Facebook 크롤러가 사이트에 액세스하는 방법에 대해 자세히 알아볼 수 있습니다.


3. 적절한 오픈 그래프 태그 사용

사이트의 콘텐츠를 Facebook과 공유하면 크롤러에서 공유되는 URL의 HTML을 스크랩합니다. 일반적인 HTML 페이지에서 이 콘텐츠는 기본이며, 스크래퍼가 중요한 콘텐츠와 중요하지 않은 콘텐츠를 추측해야 하므로 올바르지 않을 수 있습니다.

오픈 그래프 메타 태그를 사용하여 각 페이지에서 Facebook 크롤러가 선택하는 사항을 제어합니다. 이러한 태그는 페이지에 대한 체계적인 정보(예: 제목, 설명, 미리 보기 이미지 등)를 제공합니다.

좋은 예

제목

도메인 자체를 언급하거나 브랜드화하지 않는 명확한 제목입니다.

URL

세션 ID나 관련되지 않은 매개변수가 없는 URL입니다. Facebook의 모든 공유에서 이 URL을 이 기사의 식별 URL로 사용합니다.

설명

최소 두 문장으로 구성된 명확한 설명입니다.

Facebook 앱 ID

Facebook에 웹사이트를 식별하는 Facebook 앱 ID입니다.

개체 유형

개체 유형입니다.

현지화

이 기사는 몇 개의 번역본이 있습니다.

작성자 및 게시자

이 기사의 작성자와 게시자입니다.


잘못된 예

잘못된 제목

제목에는 브랜드 또는 관련되지 않은 정보가 없어야 합니다.

잘못된 URL

이 URL에는 사용자 간에 변경되는 관련되지 않은 정보가 있으므로, 좋아요/공유가 이 기사를 공유하는 모든 사용자를 위해 집계되지 않고 여러 URL에 전파됩니다.

일반 설명

사용자가 클릭하도록 유도하지 않는 일반적인 설명입니다.

일반 이미지

모든 소식에 동일하게 표시되는 일반 이미지입니다. 이 이미지는 100x100픽셀뿐이므로 고해상도 디스플레이에서는 사용할 수 없습니다.

누락된 Facebook 앱 ID 추가

fb:app_id, article:author와 article:publisher 태그를 포함해야 합니다.


4. 효과적인 미리 보기를 생성하기 위해 이미지 최적화

이미지 크기

고해상도 기기에서 최상의 크기와 화질로 표시되려면 최소 1200x630픽셀인 이미지를 사용합니다. 링크 페이지 게시물에 더 큰 크기로 미리 보기를 표시하려면 최소한 600x315픽셀인 이미지를 사용해야 합니다. 이미지의 최대 크기는 8MB입니다.

작은 이미지

이미지가 600x315픽셀보다 작은 경우 링크 페이지 게시물에 미리 보기가 훨씬 작은 크기로 표시됩니다.

이미지의 화면 비율이 데스크톱과 모바일 뉴스피드 간에 동일하도록 링크 페이지 게시물도 다시 디자인했습니다. 잘리는 부분 없이 뉴스피드에 전체 이미지가 표시되도록 최대한 1.91:1의 화면 비율에 가깝게 이미지를 유지해야 합니다.

최소 이미지 크기

최소 이미지 크기는 200x200픽셀입니다. 이 크기보다 작은 이미지를 사용하려고 하면 공유 디버거에 오류가 표시됩니다.

게임 앱 이미지

게임 앱에 사용할 서로 다른 크기의 두 이미지가 있습니다.

  • 오픈 그래프 소식 이미지는 정사각형 형식으로 표시됩니다. 이러한 앱의 이미지 크기는 600x600픽셀이어야 합니다.
  • 오픈 그래프로 만들지 않은 소식 이미지는 직사각형 형식으로 표시됩니다. 600X314픽셀과 같이 1.91:1 이미지 비율을 사용해야 합니다.

게임을 위한 오픈 그래프에 대해 더 읽어보세요.

이미지 미리 캐시

콘텐츠를 처음으로 공유하면 Facebook 크롤러가 공유된 URL에서 메타데이터를 스크랩하여 캐시합니다. 이미지를 렌더링하기 전에 크롤러에서 이미지를 한 번 이상 볼 수 있어야 합니다. 처음 콘텐츠를 공유한 사용자에게는 렌더링된 이미지가 표시되지 않습니다.

이 문제를 방지하고 첫 번째 좋아요나 공유 액션 시 이미지를 렌더링하는 방법은 다음 두 가지입니다.

1. 공유 디버거로 이미지 미리 캐시

URL 디버거로 URL을 실행하여 페이지의 메타데이터를 미리 가져옵니다. 콘텐츠의 이미지를 업데이트하는 경우에도 이 작업을 수행해야 합니다.

2. og:image:widthog:image:height 오픈 그래프 태그 사용

비동기적으로 다운로드하고 처리할 필요 없이 즉시 렌더링하도록 이러한 태그를 사용하여 크롤러에 이미지 크기를 지정합니다.


5. 공유 디버거를 사용하여 오픈 그래프 태그 디버깅

메타 태그와 소셜 플러그인을 정정하려면 약간의 조정이 필요할 수 있으므로, 스크래퍼가 페이지를 보는 방식을 테스트할 수 있도록 디버그 도구를 제공합니다. 페이지 URL을 입력하기만 하면 페이지에서 수집되는 메타 태그, 소셜 플러그인에 영향을 미칠 수 있는 콘텐츠의 오류나 경고와 같은 유용한 정보 페이지가 표시됩니다.

디버그 도구는 페이지마다 스크랩한 콘텐츠를 새로 고치기도 하므로, 표준 24시간 업데이트 기간보다 자주 업데이트해야 하는 경우 유용할 수 있습니다.


6. 콘텐츠 작성자에게 팔로우 기능을 설정하도록 권장

팔로우를 사용하면 콘텐츠 작성자가 공개 업데이트 내용을 팔로워와 공유하면서, 개인 업데이트 내용은 친구와만 공유하도록 저장할 수 있습니다. 예를 들어, 언론인이 특정 위치에서 찍은 사진이나 게시된 기사에 대한 링크와 같은 공개 콘텐츠를 독자나 시청자가 팔로우하도록 허용할 수 있습니다. 팔로우는 친구가 아닌 공개 대상과 연결하여 계속해서 최신 콘텐츠를 공유할 수 있는 간단하고 효율적인 방법입니다.

팔로우로 시작하기:

  • 팔로우 사용 - 계정 설정으로 이동하여 팔로워 탭을 클릭합니다. 팔로워를 허용하도록 상자를 선택하고, 원하는 경우 팔로워 댓글과 알림에 맞게 설정을 조정할 수 있습니다.
  • 타임라인 채우기 - 타임라인이 전문적으로 보이도록 만듭니다. 커버 사진, 직위 및 경력, 중요한 커리어적 마일스톤 및 중요 이벤트를 추가할 수 있습니다.
  • 관찰 - 기타 언론인, 사진작가, 저자 및 대규모 팔로워 층이 있는 사람을 팔로우합니다. 타임라인을 방문하고 공유하는 콘텐츠 유형을 확인합니다.
  • 팔로워에 게시 - 흥미로운 사진, 콘텐츠 링크 및 최근 근황 업데이트 등을 공유합니다. 팔로워는 뉴스피드에서 공개로 설정된 모든 게시물을 볼 수 있습니다.

7. 번역 도구를 사용하여 콘텐츠 현지화

번역을 위해 콘텐츠를 준비하여 다국어 사용 타겟에 연결합니다. 콘텐츠에 og:locale 태그를 사용하고 오픈 그래프 현지화 가이드를 사용하여 오픈 그래프 개체 및 액션을 형식화합니다.


8. 실시간으로 플러그인 사용을 따르도록 JavaScript 이벤트 추적 구현

사이트에서 소셜 플러그인과 사용자의 상호작용이 발생할 때마다 이를 추적할 수도 있습니다. JavaScript용 Facebook SDK에서는 좋아요 버튼을 클릭하거나 보내기 버튼으로 메시지를 보내거나 댓글을 다는 사용자의 이벤트를 구독합니다. FB.Event.subscribe 참조 가이드에는 이러한 이벤트를 추적하는 방법을 보여줍니다.

모바일의 공유 모범 사례

사용자가 Facebook 공유를 사용하여 친구에게 앱에 대해 쉽게 이야기할 수 있도록 하여 더 많은 팬을 확보할 수 있습니다.

Facebook 공유를 성공적으로 사용하려면 사용자가 이해하고 신뢰할 수 있는 앱 환경을 만드는 것이 가장 중요합니다. 앱 사용자의 경우, 공유를 사용하면 중요한 내용을 친구와 소통하는 데 도움이 되며 앱의 환경을 향상시킬 수 있습니다. 앱 개발자의 경우, 공유를 사용하면 Facebook 뉴스피드에 노출하여 앱의 인지도를 높이고, 사용자가 앱에서 게시된 콘텐츠에 참여할 때 앱 또는 앱의 App Store 페이지로 사용자를 보낼 수 있으므로 트래픽과 앱 설치를 유도합니다.

다음 네 가지 방법으로 사용자가 모바일에서 공유하도록 할 수 있습니다.

이러한 모범 사례를 따르는 앱은 사람들이 간편하게 공유하는 데 도움을 주므로 개발자와 사용자 모두에게 이익이 되는 시나리오를 생성할 수 있습니다.

다음은 사용자가 따르도록 적극 권장되는 모범 사례입니다.

  1. 사용자가 공유할 때 명시적으로 게시할 권한 요청
  2. 원활한 환경을 사용할 수 있도록 앱 링크를 사용하여 Facebook에서 앱의 특정 위치로 링크
  3. 오픈 그래프를 사용하여 소식을 더 멋지게 맞춤 설정
  4. 비공개 공유를 위해 메시지 대화 상자 사용
  5. Facebook 분석을 사용하여 지표 추적

1. 사용자가 공유할 때 명시적으로 게시할 권한 요청

앱에서 특정 권한이 필요한 액션을 수행하려는 경우 권한을 요청해야 합니다. 특히 앱에서 게시 권한을 요청하는 경우 상황에 맞게 권한을 요청하는 것이 중요합니다. 사용자가 앱에서 공유, 게시 또는 게시 옵션을 클릭한 후에 게시 권한을 요청하는 것이 좋습니다. 앱에서 기본 공유 기능만 필요한 경우(예: 한 번에 하나의 항목 공유, 맞춤 작성 도구 없음) iOSAndroid용 공유 대화 상자를 사용할 수 있습니다.


앱에서 Facebook으로 공유하는 경우 가장 흥미로운 점 중 하나는 사용자가 앱에서 게시된 뉴스피드 소식에 참여하면 해당 소식을 통해 앱이나 앱의 App Store 페이지로 사용자를 보내어 트래픽과 앱 설치를 유도한다는 것입니다. 앱 링크를 사용하여 이 동작을 구현할 수 있습니다. 앱 링크는 앱에서 콘텐츠에 딥 링크할 수 있게 하는 표준입니다. 앱 사용자가 Facebook(또는 다른 앱 링크 사용 앱)을 통해 콘텐츠를 공유할 때 앱에 다시 돌아갈 수 있게 하는 링크를 콘텐츠에 만들 수 있습니다.


3. 비공개 공유를 위해 메시지 대화 상자 사용

메시지 대화 상자를 사용하면 Facebook Messenger를 사용하는 더욱 특정하고 제한된 타겟과 더욱 개인적인 방식으로 앱의 콘텐츠와 소식을 명시적으로 공유할 수 있습니다. 앱 링크는 앱의 올바른 위치로 원활하게 연결됩니다.


4. Facebook 분석을 사용하여 지표 추적

Facebook 분석에서는 개발자와 페이지 소유자에게 콘텐츠에 대한 지표를 제공합니다. 사용 및 인구 통계학적 특성 외에도 콘텐츠 생성 및 사용에 대한 트렌드를 파악하고 분석하면 비즈니스를 향상시키고 Facebook에서 더 멋진 환경을 만드는 역량이 강화됩니다. Facebook 분석을 방문하여 자세히 알아보세요.


5. HTTP 사용자 에이전트 헤더 사용

iOS 또는 Android용 Facebook에서 웹사이트의 모바일 리퍼럴 트래픽을 추적할 수 있습니다. 사용자가 사이트의 링크를 뉴스피드에 공유하고 연락처에 있는 사람이 모바일에서 이러한 링크를 클릭하는 경우 특히 일반적입니다. 앱에서 다음을 수행해야 합니다.

  • facebook.com을 포함하는 값이 있는 HTTP Referer 헤더에 대기

  • 리퍼럴 트래픽이 iOS 또는 Android용 Facebook이나 이러한 채널의 모바일 웹 브라우저용 Facebook에서 시작되는지 확인 Android의 경우 HTTP User-Agent 값이 있고 iOS의 경우 FB_IAB/FB4A 값이 있는 FBAN/FBIOS를 확인