페이스북에 외부 링크를 공유 시 썸네일에 외부에 있는 이미지가 일반적으로 보이는데 이게 언제부터인가 안보이기 시작했습니다. 글을 발행 시 어떤 글은 보이고 어떤 글은 안 보이는 문제가 있었습니다. 인터넷으로 여기저기 찾아보니 어느 정도의 해결법은 보이는데 확실하게 안 보여서 제가 이것저것 테스트해본 결과 저만의 해결법을 포스팅합니다.
티스토리에서 글을 포스팅 후에 페이스북에 해당 글을 요약하고 링크를 남기는데 페이스 북쪽 썸네일에 티스토리의 이미지가 안 보이는 현상 해결법
페이스북에 외부 링크 공유 시 문제점 발견
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 이상으로 새로 만들어서 교체하고 포스팅 수정하기
8. 다시 티스토리에서 페이스북 공유 링크 클릭 후 확인
정상 적으로 페이스북에 외부 링크 공유 시 썸네일이 나오는 것을 확인했습니다.
페이스북에 외부 링크를 입력 시 원하는 썸네일이 안 나오면 공유 디버거를 통해서 원인을 확인하고 수정하면 되겠습니다. 그 외 공유 디버거에 다양한 체크 항목이 있으므로 살펴보고 페이지북의 조건대로 넣어 주면 원하는 결과를 얻을 수 있습니다.
이상으로 페이스북에 외부 링크를 공유 시 이미지가 안 보이는 문제와 해결법에 대해 알아보았습니다.
'블로그' 카테고리의 다른 글
티스토리 저품질 탈출 하기 (0) | 2022.06.02 |
---|---|
스승의날 카드 직접 만드는 쉬운방법 (feat 미리캔버스) (0) | 2022.05.10 |
어버이날 카드 직접 만드는 쉬운방법 (feat 미리캔버스) (0) | 2022.05.04 |
구글 애드 센스 결제 수단 추가하는법 (0) | 2022.05.03 |
미리캔버스로 왕초보에서 디자인 전문가 되는법 - 회원가입, 간단 사용법 (1) | 2022.05.02 |
댓글