[워드프레스] 페이스북/네이버에 글을 공유할 때 썸네일이 제대로 표시되지 않는 경우

Comments 60

들어가며

예전에는 별다른 설정 없이 워드프레스 글을 페이스북이나 네이버에 공유해도 썸네일이 제대로 표시되었습니다. 하지만 언제부터인가 공유된 글의 특성 이미지가 썸네일로 표시되지 않고 사이트 로고가 표시되거나 이미지가 표시되지 않는 문제가 나타나는 문제가 발생하는 것이 관찰되었습니다.

페이스북, 네이버, 트위터에 글을 공유할 때 이러한 문제가 발생하는 경우 가장 간단한 해결 방법으로 All in One SEO와 같은 SEO 플러그인에서 OG(오픈 그래프) 메타 태그를 사용하도록 설정해주고 개별 글에서 페이스북 등에 공유할 때 사용할 이미지를 지정해주면 됩니다.

All in One SEO에서 OG 메타 태그 활성화하기

All in One SEO를 사용하는 경우 워드프레스 대시보드에서 All in SEO > 기능 관리자를 선택하고 “소셜 메타” 기능을 활성화하도록 합니다.

워드프레스 OG 태그 소셜 메타 활성화

이제 개별 글에서 소셜에 공유 시에 표시될 이미지를 지정할 수 있습니다. 가령 개별 글의 편집 화면에서 맨 아래로 이동하여 “소셜 설정”에서 SNS에 공유할 때 표시할 타이틀, 설명, 이미지 등을 선택할 수 있습니다.

워드프레스 OG 메타 소셜 태그

이제 페이스북이나 네이버에 공유해보면 지정한 이미지가 제대로 표시될 것입니다.

Yoast SEO에서 OG 메타 태그 활성화하기

All in One SEO와 함께 널리 사용되는 Yoast SEO의 경우에도 비슷한 방법으로 설정할 수 있습니다.

워드프레스 관리자 페이지의 왼쪽 패널에서 SEO > Dashboard > Features를 선택합니다. Advanced settings pages의 설정을 Enabled로 바꾸어주도록 합니다.

Yoast SEO OG 메타 태그 활성화

이제 글 편집 화면에서 SNS에 공유할 때 표시할 썸네일을 지정할 수 있습니다.

워드프레스에서 소셜 공유 시 썸네일 오류 문제

설정을 하고 글을 공개하면 OG 테마 태그가 제대로 표시되고 있음을 확인해볼 수 있습니다.

OG 메타 태그

개인적으로는 All in One SEO 플러그인을 사용하고 있습니다. Yoast SEO가 보다 강력하고 기능이 좋지만 다소 무거운 감이 있는 것 같습니다. 어느 SEO 플러그인을 사용하든 관계는 없습니다. 취양에 따라 둘 중에 하나를 선택하면 됩니다.

참고:

Related Posts

Comments

이 글의 링크 복사