페이스북 공유 디버거에서 테스트 시 'og:image' 속성은 다른 태그에서 추정할 수 있는 값이더라도 명확하게 입력해야 합니다 경고가 발생하는 경우가 있습니다. 이 문제가 발생하더라도 페이스북, 스레드 등에서 공유할 때 페이지 내의 이미지를 가져와서 자동으로 썸네일이 생성되지만 사이트의 의도와 다르게 표시될 수 있으므로 이 문제를 해결하는 것이 바람직합니다.
또한, Yoast SEO나 Rank Math와 같은 플러그인을 사용하는 경우 다음 필수 자산이 누락되었습니다: fb:app_id 경고가 표시됩니다. 이 경고는 무시할 수 있습니다. 여기에 대해서도 간략히 살펴보겠습니다.
페이스북 공유 디버거에서 'og:image' 속성 관련 경고가 표시되는 경우
페이스북 등 SNS에 포스트 URL을 공유할 때 썸네일이 제대로 표시되지 않을 경우 페이스북 공유 디버거에서 테스트하여 어떤 문제가 발생하는지 확인할 수 있습니다.
페이스북 공유 디버거에서 해결해야 하는 경고 섹션에 'og:image' 속성은 다른 태그에서 추정할 수 있는 값이더라도 명확하게 입력해야 합니다 오류가 표시되는 경우가 있습니다.
이 경고가 표시되더라도 링크 미리 보기에서 썸네일이 표시됩니다.
'og:image' 속성은 SNS 등에서 콘텐츠가 공유될 때 대표 이미지를 지정하는 중요한 메타 태그입니다. 만약 'og:image'가 명확하게 입력되지 않으면, 페이스북 등 플랫폼에서는 페이지 내 다른 이미지를 추정해 자동으로 썸네일을 생성하지만 이는 사이트의 의도와 다르게 표시될 수 있습니다.
워드프레스를 이용하는 경우에는 Yoast SEO나 Rank Math SEO와 같은 SEO 플러그인을 설치하면 자동으로 대표 이미지를 og:image로 설정하게 됩니다.
이 블로그에는 Yoast SEO 플러그인이 설치되어 있는데, 체크해보니 다음과 같이 og:image 관련 메타 태그가 생성되어 있는 것을 확인할 수 있었습니다.
Yoast SEO에서는 og:image, og:image:width, og:image:height, og:image:type 등 4가지 메타 태그가 생성되고, Rank Math에는 여기에 og:image:secure_url과 og:image:alt 등 2개가 더 추가되어 총 6가지 og:image 관련 메타 태그가 생성되네요.
결론적으로는 이 경고가 표시되더라도 페이스북이나 스레드, 트위터(X.com) 등 SNS 플랫폼에서 해당 페이지 내의 이미지를 추정하여 자동으로 썸네일을 생성하므로 공유 시 썸네일 이미지가 표시될 수 있지만, 사용자의 의도와는 다르게 다른 이미지가 썸네일로 표시될 가능성이 있으므로 가능하면 og:image를 명시적으로 지정해주는 것이 바람직합니다.
다음 필수 자산이 누락되었습니다: fb:app_id 경고가 표시되는 경우
페이스북이 제공하는 디버그 도구 등에서 "필수 자산이 누락되었습니다: fb:app_id"와 같은 경고가 나타날 수 있습니다. 이는 페이스북 앱 ID가 Open Graph 메타태그에 포함되어 있지 않다는 의미입니다.
Rank Math나 Yoast SEO 등 SEO 플러그인은 보통 이 항목을 기본적으로 제공하지 않거나, 지원을 중단한 경우가 많습니다. 실제로 'fb:app_id'는 과거 페이스북 도메인 인사이트(분석) 기능에 필요했지만, 이제는 실질적으로 필요하지 않으며, 해당 태그가 없어도 공유 썸네일 등에는 영향이 없습니다. 단지 경고일 뿐이므로 무시해도 무방하고, 사이트 운영이나 SEO 성능에는 영향이 없습니다.
실제로 Yoast SEO의 The following required properties are missing: fb:app_id 문서에서는 이와 관련하여 아무런 필요가 없고 코드에 이상이 없으므로 공유된 콘텐츠가 정상적으로 표시될 것이라고 안내하고 있습니다. fb:app_id 메타 태그는 필요하지 않으며, 사실 이 태그는 아무런 역할을 하지 않기 때문에 Yoast SEO 15.5 버전부터 제거되었다고 합니다.
댓글 남기기