[image] Facebook에서 미리보기로 표시 될 웹 사이트 이미지를 설정하려면 어떻게해야합니까?

페이스 북에서 링크를 공유하면 자동으로 웹 사이트에서 이미지를 찾고 임의로 미리보기로 선택합니다. 미리보기 이미지에 어떤 영향을 줄 수 있습니까? 사람이 페이스 북에서 웹 사이트 링크를 공유 할 때?



답변

1. HTML 선언에 Open Graph XML 네임 스페이스 확장 포함

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:fb="http://ogp.me/ns/fb#">

2. 내부 <head></head>에서 다음 메타 태그를 사용하여 사용하려는 이미지를 정의하십시오.

<meta property="og:image" content="fully_qualified_image_url_here" />

오픈 그래프 프로토콜 에 대한 자세한 내용은 여기를 참조하십시오.

위의 작업을 수행 한 후 이미지가 올바르게 표시되지 않으면 Facebook “Object Debugger”를 사용하십시오 . 또한 높이와 너비를 지정하지 않으면 처음으로 공유해도 여전히 표시되지 않습니다 . Facebook에서 공유-축소판이 처음으로 표시되지 않음을 참조하십시오.


답변

또한 워드 프레스를 사용하는 경우 편집 모드에서 웹 페이지 하단으로 스크롤하여 “추천 이미지”(화면 오른쪽 하단)를 선택하십시오.


답변

Weebly를 사용하는 경우 게시 된 사이트를보고 이미지를 마우스 오른쪽 단추로 클릭하여 이미지 주소 복사로 시작하십시오. 그런 다음 Weebly에서 사이트 편집, 페이지로 이동하여 사용하려는 페이지 인 SEO 설정을 클릭하고 헤더 코드 아래에서 Shef의 답변 코드를 입력하십시오.

<meta property="og:image" content="/uploads/..." />

/ uploads / …를 복사 된 이미지 주소로 바꾸면됩니다. 변경 사항을 적용하려면 공개를 클릭하십시오.

네임 스페이스에 대한 Shef의 답변 중 일부는 Weebly에서 이미 기본적으로 설정되어 있기 때문에 건너 뛸 수 있습니다.


답변