고정 헤더 영역
상세 컨텐츠
본문
반응형
운영하는 홈페이지의 게시물을 페이스북에 올릴 때 보여지던 썸네일의 사진이 나타나지 않아서
많이 고생했습니다. 해결방법을 모두 알려드립니다. 그리고 저의 경우 아래 2번을 통해 문제를 해결했습니다.
<meta property="og:image" content="https://내사이트.com/썸네일.jpg">
이 부분을 정확하게 소스를 찾아서 이미지가 적용되는 부분을 찾아서 해결했답니다. 참고 바랍니다.
페이스북 썸네일 사진이 안 나올 때 해결 방법 (fb:app_id 누락 오류)
페이스북에 링크를 공유했을 때 썸네일 이미지가 보이지 않거나, 페이스북 디버거에서 아래와 같은 메시지가 나오는 경우가 있습니다.
❗ 다음 필수 자산이 누락되었습니다: fb:app_id
이 메시지는 페이스북 Open Graph 메타 태그 중 fb:app_id가 누락되었을 때 나타나는 경고입니다. 썸네일이 안 나오는 직접적인 원인은 아닐 수 있지만, Facebook 파서의 오류를 방지하기 위해 fb:app_id를 추가하는 것이 좋습니다.
1. fb:app_id 설정 방법
- Facebook 개발자 페이지에 접속
- 앱을 하나 생성합니다 (개인 블로그용도 가능)
- 앱 이름과 이메일을 입력하고 생성 후, App ID 복사
- 아래와 같이
<head>안에 메타태그 추가
<meta property="fb:app_id" content="123456789012345">
전체 Open Graph 태그 예시는 다음과 같습니다:
<meta property="og:title" content="내 글 제목">
<meta property="og:description" content="글 요약 설명">
<meta property="og:image" content="https://내사이트.com/썸네일.jpg">
<meta property="og:url" content="https://내사이트.com/글주소">
<meta property="fb:app_id" content="123456789012345">
2. 썸네일이 보이지 않을 때 추가 점검사항
- og:image URL 경로가 정확한지 확인
- 이미지 최소 크기:
200x200px이상 (권장:1200x630px) - HTTPS 보안 프로토콜 사용
- 서버에서
facebookexternalhitUser-Agent 요청 차단 여부 확인
3. 변경 후 Facebook 디버거로 다시 긁기
- 페이스북 디버거 도구 접속
- 문제가 있었던 URL을 입력
- [다시 긁기] 버튼을 눌러 캐시 새로고침
- 썸네일, 제목, 설명이 정상적으로 나오는지 확인
📌 참고로, fb:admins 태그도 사용할 수 있습니다
개인 페이스북 사용자 ID를 이용해 다음과 같이 사용할 수 있습니다:
<meta property="fb:admins" content="사용자페이스북ID">
위와 같이 설정하면 페이스북 썸네일 문제를 해결할 수 있습니다.
링크 공유 전에 꼭 디버거로 테스트해 보세요!
반응형
'IT분야' 카테고리의 다른 글
| 네이버 지도의 스마트플레이스의 순위를 유지하는 요소와 상위링크 전략 (2) | 2025.07.23 |
|---|---|
| 교회 종교단체에서 개인정보보호법 지키기 - CCTV편 (1) | 2025.07.22 |
| pc화면에서 검은 화면이 갑자기 켜졌다가 사라질 때 프로그램과 해결 방법 (1) | 2025.07.22 |
| 유투브 조회수가 나오지 않는 영상을 절대 삭제하면 안되는 이유 (0) | 2025.07.22 |
| SK쉴더스가 사모펀드로 넘어가면서 회사의 경영방식과 문제점, 그리고 해결방안 (5) | 2025.07.20 |
| 킥고잉 vs 타 킥보드 서비스 비교 (0) | 2025.05.22 |
| 킥고잉 친구추천코드로 무료로 타는 방법 (0) | 2025.05.22 |
| sk텔레콤 sk알뜰폰 유심 전면 무료교체 교체 방법 (0) | 2025.04.27 |
