웹사이트 미리보기 썸네일이 Facebook 공유에 표시되도록 하는 방법

누군가 타임라인에서 웹사이트 페이지 중 하나에 대한 링크를 공유하면 Facebook은 자동으로 링크된 페이지에서 이미지를 가져와 페이지의 이름과 URL 옆에 표시합니다. 안타깝게도 가져온 이미지는 페이지의 콘텐츠와 관련이 없거나 공유 링크에서 완전히 누락될 수 있습니다. 누군가가 귀하의 페이지를 공유할 때 Facebook이 가능한 최상의 이미지를 표시하도록 하려면 링크의 클릭률 -- 페이지의 HTML 코드에 몇 줄의 코드를 추가하여 Facebook이 특정 링크를 가져오도록 합니다. 영상.

오픈 그래프 마크업 추가

그래프 열기 Facebook에서 개발한 프로토콜로, 웹 개발자가 페이지에 마크업 태그를 추가하여 Facebook이 웹사이트에 대한 링크를 표시하는 방식을 사용자 지정할 수 있습니다.

오늘의 비디오

HTML 소스 코드를 편집하여 페이지에 Open Graph 태그를 추가합니다.

1 단계

메모장과 같은 텍스트 편집기 또는 전용 HTML 편집기에서 HTML 파일을 엽니다. 파일 상단 근처의 닫는 태그 앞에 커서를 놓고 키를 누릅니다. 입력하다 새로운 라인을 생성합니다.

헤드 섹션에 빈 줄이 표시된 메모장의 HTML 파일.

이미지 크레디트: 마이크로소프트의 이미지 제공

2 단계

다음 메타 태그를 입력하십시오.

바꾸다 http://www.example.com/thumb.jpg 사용자가 사이트에 대한 링크를 공유할 때 Facebook에 표시하려는 이미지의 실제 링크와 함께.

  • Facebook은 200 x 200픽셀만큼 작은 썸네일 이미지를 허용하지만 권장 사이즈 너비 1200픽셀, 높이 630픽셀입니다.
  • 링크를 클릭하는 사용자의 비율을 높이려면 클릭률 -- 추가 고려 행동을 요구하다 와 같은 이미지에 여기를 클릭하십시오 또는 더 찾아 봐.
Open Graph 메타 속성 이미지 태그가 원이 있는 HTML 파일.

이미지 크레디트: 마이크로소프트의 이미지 제공

3단계

파일을 저장하고 웹 호스트에 업로드하십시오.

썸네일 이미지 외에도 Open Graph 마크업 태그를 사용하여 예를 들면 다음과 같습니다. 사용자 정의 공유 링크의 제목 또는 설명

Open Graph 제목 및 설명 태그가 표시된 HTML 파일.

이미지 크레디트: 마이크로소프트의 이미지 제공