← 블로그 목록
블로그 팁2026-06-18 · 약 3

클릭을 부르는 블로그 썸네일 — 검색 목록에서 이기는 디자인 원칙

썸네일은 화면에서 손톱만 하게 보인다

썸네일을 만들 때 우리는 1200px 큰 화면으로 작업하지만, 독자가 실제로 보는 건 검색 목록 속 가로 100px 남짓의 작은 사각형입니다. 이 크기 차이를 잊는 순간 "만들 땐 예뻤는데 목록에선 안 보이는" 썸네일이 나옵니다. 그래서 좋은 썸네일의 원칙은 전부 한 문장에서 나옵니다 — 손톱 크기로 줄여도 읽히고 눈에 띌 것.

확인 방법도 간단합니다. 완성한 썸네일을 저장하기 전에 화면에서 손가락 두 마디 크기로 축소해보세요. 그 크기에서 글자가 읽히고 뭘 찍은 건지 보이면 합격입니다.

글자 — 개수는 줄이고 크기는 키우고

작게 보이는 화면에서 살아남는 글자의 조건입니다.

7~12자 이내. "오사카 3박4일 여행 경비 총정리 완전판" 같은 긴 문구는 목록에서 읽히지 않습니다. "오사카 경비 총정리"까지 줄이고, 나머지는 제목이 합니다. 썸네일 문구와 글 제목이 같을 필요는 없습니다 — 썸네일은 후킹, 제목은 검색 키워드 담당으로 역할을 나누세요.

두 줄 이하, 크기 차등. 두 줄을 쓴다면 핵심 단어 줄을 크게, 보조 줄을 작게. 두 줄이 같은 크기면 어디부터 읽어야 할지 시선이 헤맵니다.

굵은 고딕 계열. 얇은 명조나 손글씨체는 큰 화면에선 감성적이지만 축소되면 뭉개집니다. 감성 폰트를 쓰고 싶다면 보조 줄에만 쓰고 핵심 줄은 굵은 고딕으로.

대비 — 배경이 어떤 사진이든 읽히게

밝은 하늘 위 흰 글자, 어두운 야경 위 검은 글자는 실패의 공식입니다. 사진 배경은 통제할 수 없으므로, 글자 쪽에 장치를 답니다.

가장 안전한 3가지: 반투명 검정 밴드 위 흰 글자 (어떤 사진에서도 실패하지 않음), 글자 외곽선(스트로크) (사진을 덜 가리면서 가독성 확보), 단색 박스 배경 (키치·팝 느낌까지 챙김). 어느 쪽이든 "사진의 밝기와 무관하게 글자가 읽히는가"를 축소 상태에서 확인하는 것이 기준입니다.

클릭률이 검증된 문구 유형

여행 블로그 기준으로 반응이 좋았던 문구 패턴입니다.

숫자형 — "3만원으로 하루 코스", "대기 90분 → 10분". 숫자는 축소돼도 눈에 걸립니다. 질문·의심형 — "익스프레스 패스, 살까?", "9,900원 실화?". 독자의 고민을 그대로 문구로 만든 유형으로, 구매 판단 글과 궁합이 최고입니다. 대비형 — "성수기 vs 비수기", "호텔 vs 료칸". 비교 글임을 한 단어로 전달합니다. 경고형 — "모르면 손해", "이건 꼭 확인". 효과가 좋지만 남용하면 낚시 블로그처럼 보이니 진짜 경고할 내용이 있을 때만.

피해야 할 것은 본문이 감당 못 하는 과장입니다. 썸네일로 데려온 독자가 3초 만에 나가면 체류시간이 무너져 검색 노출에 오히려 독이 됩니다.

사진 선택 — 그날을 요약하는 한 장

여행 썸네일의 배경은 "가장 잘 찍은 사진"이 아니라 "그 글을 가장 잘 요약하는 사진"입니다. 맛집 글이면 대표 메뉴 클로즈업, 숙소 글이면 뷰나 침실, 코스 글이면 그 지역임을 알아볼 랜드마크.

구도 요령 하나 — 글자가 들어갈 자리를 생각하고 고르세요. 피사체가 화면을 꽉 채운 사진은 글자 놓을 곳이 없습니다. 하늘·벽·바다처럼 단순한 영역이 한쪽에 있는 사진이 썸네일용으로는 오히려 좋습니다.

일관성 — 썸네일이 쌓이면 브랜드가 된다

같은 색·같은 폰트·같은 레이아웃을 유지하면, 검색 목록에서 독자가 "어, 이 블로그 글이네"를 무의식적으로 알아봅니다. 실전 방법은 템플릿 하나를 정해두고 사진과 문구만 갈아끼우는 것. 포인트 컬러 1개 + 폰트 1종 + 글자 위치 고정, 이 세 가지만 통일해도 충분히 시리즈로 보입니다.

단, 앞선 저품질 글에서도 다뤘듯 완전히 같은 이미지에 글자만 바꾸는 방식은 피하고, 배경 사진은 매번 바꿔주세요.

저장 규격

글자가 들어간 썸네일은 PNG로 저장하세요. JPG 압축은 글자 가장자리를 뭉개는 특성이 있습니다. 크기는 1200×1200(1:1)이 기본 — 네이버 검색·목록이 정사각 기준으로 잘라 보여주므로, 다른 비율로 만들면 목록에서 글자가 잘릴 수 있습니다.

마무리

정리하면 이렇습니다. 손톱 크기에서 검증하고, 글자는 7~12자 굵은 고딕, 대비 장치는 필수, 문구는 숫자나 질문으로, 스타일은 템플릿으로 통일. 썸네일은 글의 얼굴이고, 공들인 글이 클릭조차 안 되는 것만큼 아까운 일은 없습니다.

직접 만들어 보세요

블로허브는 설치 없이 브라우저에서 바로 쓸 수 있어요.

목업 만들러 가기 →