트위터에 공유할 때 워드프레스 썸네일 이미지 나오게 하기

블로그 글을 소셜 미디어에 공유하곤 합니다. 전에는 썸네일이 잘 나왔는데, 언제부턴가 트위터에는 요약글만 나오더군요. 그런데 이상한 것이 페이스북에는 또 잘 나옵니다. 어디서 잘못되었는지 잘 몰라 답답했습니다. 트위터에 공유할 때 워드프레스 썸네일 이미지 나오게 하는 방법을 살펴봅니다.

Yoast SEO 설정하기

저는 워드프레스 검색엔진 최적화 플러그인으로 Yoast SEO 플러그인을 사용하고 있습니다. 소셜 미디어 공유와 관련된 것들 역시 이 플러그인에서 설정할 수 있습니다.

트위터에 공유할 때 워드프레스 썸네일 나오게하기1

워드프레스 admin 화면에서 Yoast SEO> Social메뉴를 선택합니다. Social – Yoast SEO라는 페이지 제목 아래에 있는 Facebook을 눌러보세요. Facebook seiings에서 Add Open Graph meta data이 Enable로 표시되어 있습니다.

이렇게 되어 있어야 페이스북으로 내 글을 공유했을 때 미리보기 이미지가 나옵니다. Disable로 되어 있으면 나오지 않아요.

트위터에 공유할 때 워드프레스 썸네일 나오게하기2


페이스북 옆에 있는 트위터 메뉴를 눌러봅시다. 위 그림처럼 Enable로 표시해주세요. 트위터에 메타 데이터를 쓸 수 있도록 해줍니다. 이렇게 해야 트위터에 링크를 공유했을 때 이미지와 텍스트가 함께 미리보기로 나옵니다.

설정을 마친 다음에는 아래에 있는 파란색 저장 단추를 잊지 마세요.

트위터에서 확인해보기

글 아래에 있는 공유단추를 이용해 내 워드프레스의 글을 소셜 미디어에 공유해 보았습니다. 네이버나 라인, 카카오톡으로도 공유할 수 있어 좋습니다.

한편, 페이스북 페이지와 트위터를 연동해 놓으면, 페이스북에 글을 올릴 때마다 자동으로 트윗되어 편리합니다. 따로따로 올릴 필요가 없어 편하죠. 이번 글도 페이스북 페이지에 올려 트위터에도 한꺼번에 공유되었습니다. 트위터에 가서 어떻게 나왔나 확인해 봅시다.

아래쪽 before로 표시된 것이 Yoast SEO 플러그인을 세팅해주기 전이고, 위쪽 after는 설정을 마친 뒤 새로 공유한 글입니다. 썸네일도 요약글도 잘 나오고 있죠?

무척 답답했었는데 이제 시원하게 해결되었습니다. 별것 아닌 것 같지만 그림이 나오고 나오지 않고는 효과가 다릅니다. 일단 알록달록한 그림과 검은색 텍스트와는 주목도가 차이 날 수밖에 없습니다. 라디오와 텔레비전 차이만큼은 아니더라도 느낌은 비슷합니다.

Yoast SEO 말고 All in One SEO 플러그인을 사용하시는 분들은 아래 소개해드리는 글을 참고해보세요.


페이스북/네이버에 글을 공유할 때 썸네일이 제대로 표시되지 않는 경우
최고의 워드프레스 검색엔진 최적화 방법, Yoast SEO 플러그인 사용법

Buy Me a CoffeeBuy Me a Coffee

열매맺는나무

'마음으로 믿어 의에 이르고 입으로 시인하여 구원에 이르느니라(로마서 10:10)' 고백의 기쁨을 함께 누리고자 글을 씁니다.

2 Responses

  1. jenny jh shin 댓글:

    좋은 정보 감사합니다

반갑습니다. 댓글 고맙습니다.