구글블로그(blogspot) 글 트위터 공유시 썸네일 나오게 하는 방법

트위터에 구글블로그 글을 트윗할 때 티스토리와는 다르게 썸네일이 표시가 안 되는 현상이 있습니다. 몇몇 글을 찾아보고 확인해 본 결과, 간단하게 해결할 수 있어서 안내해 드립니다.

먼저 제가 경험하지 않은 다양한 현상들이 발생할 수 있기 때문에 아래 트위터 주소에서 어떤게 문제점인지 확인해 보시는 걸 추천드립니다.

Card validator의 화면입니다. 사용법은 빈칸에 공유할 글의 주소를 넣고 Preview card 버튼을 눌러 보면 성공, 실패 내용을 볼 수 있습니다.

일반적인 티스토리 글의 주소를 넣고 시험 해보면 보통 다음과 같은 결과가 나옵니다. 이런 경우 별문제 없이 트위터 공유시 썸네일이 표시됩니다.

구글블로그 글의 경우 아래와 같이 실패결과가 나옵니다. 참고로 사용하고 있는 테마는 essential light입니다.

구글블로그의 테마 편집을 합니다. 테마 > 맞춤설정으로 가서 HTML 편집 화면에서 아래 코드를 <head> 아래에 추가합니다.

저장 후 공유할 글 주소를 다시 복사해서 card validator에 테스트를 해봅니다. 저는 아래와 같이 나왔습니다.

이 상태에서 트위터에 글 주소를 붙여 넣으면 다른 블로그 글과 마찬가지로 포스팅의 썸네일이 표시가 됩니다.

댓글