클릭을 부르는 블로그 썸네일, 7가지 원칙

블로그 글은 제목보다 대표사진이 먼저 보이는 경우가 많습니다. 검색 결과, 이웃 피드, 메인 노출 영역 어디서든 썸네일은 손톱만 한 크기로 줄어든 채 다른 글들과 나란히 놓입니다. 그 작은 네모 안에서 "이 글이 내가 찾던 그 글"이라는 신호를 주는 것이 썸네일의 역할입니다.

1. 휴대폰 크기로 줄여서 확인하기

썸네일은 큰 모니터에서 만들지만, 실제로는 대부분 휴대폰 화면의 작은 칸에서 보입니다. 만든 이미지를 엄지손가락만 한 크기로 줄여 보았을 때 글자가 읽히지 않는다면, 그 문구는 사실상 없는 것과 같습니다. 완성 직전에 꼭 한 번 축소해서 보는 습관을 들이세요.

2. 주인공은 하나만

한 장에 제품, 사람, 풍경, 글자를 전부 넣으면 시선이 갈 곳을 잃습니다. "이 글에서 가장 중요한 한 가지"를 정하고 그것이 화면의 절반 이상을 차지하게 하세요. 음식 후기라면 대표 메뉴 한 접시, 제품 리뷰라면 제품 정면 사진 한 장이 가장 강합니다.

3. 글자는 7자 안팎, 많아도 두 줄

썸네일 문구는 제목을 반복하는 공간이 아닙니다. 제목에서 다 못 한 말, 혹은 제목의 핵심 한 단어를 크게 보여 주는 공간입니다. 경험상 한 줄에 7자 안팎, 최대 두 줄이 넘어가면 작은 화면에서 읽히지 않습니다.

4. 대비가 전부다

사진이 밝으면 글씨는 어둡게, 사진이 어두우면 글씨는 밝게. 사진 색이 복잡할 때는 글자 뒤에 반투명 검정 박스를 깔거나 굵은 외곽선을 두르면 어떤 배경에서도 읽힙니다. 노란 글씨에 검정 외곽선이 자주 쓰이는 이유도 대비가 가장 확실하기 때문입니다.

5. 가장자리는 비워 두기

플랫폼마다 썸네일을 자르는 방식이 달라서, 16:9로 만든 이미지가 정사각형으로 잘려 보이는 일이 흔합니다. 중요한 글자와 피사체는 가운데 쪽에 모아 두고, 상하좌우 가장자리에는 잘려도 괜찮은 배경만 두세요.

6. 시리즈는 같은 틀로

여행기, 월간 결산, 제품 비교처럼 이어지는 글이라면 글꼴·색·문구 위치를 고정해 두세요. 독자는 피드에서 "아, 그 블로그의 그 시리즈"라고 바로 알아봅니다. 매번 새로 디자인하는 것보다 시간이 적게 들고 블로그의 인상도 단단해집니다.

7. 내용과 다른 썸네일은 쓰지 않기

클릭을 끌기 위해 본문에 없는 장면이나 과장된 문구를 쓰면 방문은 늘어도 금방 뒤로 가기를 누르게 됩니다. 체류 시간이 짧아지면 결국 검색 노출에도 좋지 않습니다. 썸네일은 본문이 지킬 수 있는 약속만 해야 합니다.