페이스북에 외부링크 공유시 썸네일 안보이는 문제 해결법

페이스북에 외부링크 공유시 썸네일 안보이는 문제 해결법

페이스북에 외부 링크를 공유 시 썸네일에 외부에 있는 이미지가 일반적으로 보이는데 이게 언제부터인가 안보이기 시작했습니다. 글을 발행 시 어떤 글은 보이고 어떤 글은 안 보이는 문제가 있었습니다. 인터넷으로 여기저기 찾아보니 어느 정도의 해결법은 보이는데 확실하게 안 보여서 제가 이것저것 테스트해본 결과 저만의 해결법을 포스팅합니다.

 

티스토리에서 글을 포스팅 후에 페이스북에 해당 글을 요약하고 링크를 남기는데 페이스 북쪽 썸네일에 티스토리의 이미지가 안 보이는 현상 해결법

 

 

페이스북에 외부 링크 공유 시 문제점 발견

1. 티스토리에서 페이스북 링크 클릭

티스토리의 페이스북 링크 클릭

 

2. 페이스북 포스팅 페이지의 썸네일에 이미지 안보이는것 확인

왼쪽 썸네일 부분에 이미지가 제대로 표현되지 않고 티스토리 아이콘이 보임

페이스북 포스팅 페이지에 썸네일 안보임

 

 

 

반응형

 

페이스북에 외부 링크 공유 시 문제 해결법

1. 페이스북의 공유 디버거 페이지

페이스북 공유 디버거 : https://developers.facebook.com/tools/debug/

 

2. 공유 디버거 탭에 외부 링크(티스토리) 입력 후 디버그 클릭

공유 디버거 탭을 선택 후 입력 칸에 외부 링크(티스토리) 주소를 입력 후 '디버그' 버튼 클릭

페이스북 공유 디버거 페이지

 

3. 위쪽의 '해결해야 하는 경고' 항목 참고 후 해결

'이미지가 너무 작습니다. 최소 크기 제한 200 x 200 픽셀을 충족하지 않았으므로 유효하지 않습니다.'라는 문구가 보입니다.

공유 디버거 페이지에서 경고 참조

 

4. 해당 이미지 크기 확인

이미지를 복사 후 새로운 창에서 실행

공유 디버거에서 문제 이미지 링크 복사

 

5. 새창 이미지 보이면 오른쪽 마우스 클릭 -> 검사

티스토리 이미지 검사

 

6. 개발자 도구에서 이미지에 마우스 올리면 크기 확인

img 태그에 마우스를 올리고 2-3초 정도 지나면 그림이 나오고 가로 * 세로 사이즈가 나옴

290 * 195 사이즈 확인

티스토리 이미지 크기 확인

 

7. 페이스북의 최소 이미지 크기인 200 x 200 픽셀 이상으로 조정

티스토리의 해당 포스팅에서 페이스북의 최소 크기 제한인 200*200 그림을 확인 후 그림을 200 * 200 이상으로 새로 만들어서 교체하고 포스팅 수정하기

새로운 200 이상의 이미지 제작

 

8. 다시 티스토리에서 페이스북 공유 링크 클릭 후 확인

페이스북 포스팅 페이지에 썸네일 보임

 

---

 

 

정상 적으로 페이스북에 외부 링크 공유 시 썸네일이 나오는 것을 확인했습니다.

 

페이스북에 외부 링크를 입력 시 원하는 썸네일이 안 나오면 공유 디버거를 통해서 원인을 확인하고 수정하면 되겠습니다. 그 외 공유 디버거에 다양한 체크 항목이 있으므로 살펴보고 페이지북의 조건대로 넣어 주면 원하는 결과를 얻을 수 있습니다.

 

이상으로 페이스북에 외부 링크를 공유 시 이미지가 안 보이는 문제와 해결법에 대해 알아보았습니다.