블로그 썸네일 가독성 높이는 폰트 추천 클릭률 2배 올리는 비법
블로그 글을 정말 열심히 썼는데, 막상 조회수가 안 나와서 속상했던 적 있지 않으세요? 내용은 진짜 알찬데 사람들이 클릭을 안 한다면… 십중팔구 썸네일 문제일 확률이 높아요. 저도 처음엔 예쁜 사진에 감성적인 글씨체만 넣으면 되는 줄 알았거든요. 근데 그게 아니더라고요.
모바일 환경에서 사람들이 썸네일을 보는 시간은 0.1초도 안 된다고 해요. 그 짧은 찰나에 시선을 확 잡아끌려면 무엇보다 ‘폰트’가 제일 중요하죠. 오늘은 제가 직접 써보고 효과를 톡톡히 봤던, 가독성 끝판왕 폰트들과 꿀팁을 좀 풀어볼게요.
예쁜 것보다 잘 읽히는 게 정답
많은 분들이 실수하는 게 있어요. 바로 ‘손글씨체’나 ‘필기체’를 썸네일 메인 타이틀로 쓰는 거죠. 감성 브이로그나 에세이 느낌을 내고 싶어서 그러시는 건 이해해요. 하지만 작은 모바일 화면에서 필기체는… 솔직히 잘 안 보여요. 해독 수준이 되어버리면 이미 스크롤은 내려가고 없죠.
썸네일의 목적은 ‘정보 전달’과 ‘호기심 자극’이잖아요? 그래서 무조건 굵고, 힘 있고, 직선적인 고딕 계열을 선택해야 해요. 명조체(바탕체)도 분위기 있지만, 가독성 면에서는 고딕을 따라올 수가 없더라고요.
실패 없는 무료 폰트 3대장
제가 이것저것 다 써봤는데, 결국 돌고 돌아 정착하게 되는 폰트들이 있더라고요. 저작권 걱정 없는 상업용 무료 폰트 중에서 가독성 깡패들만 모아봤어요.
1. 지마켓 산스 (Gmarket Sans)
이건 뭐, 국민 썸네일 폰트라고 해도 과언이 아니죠. 글자 모양이 네모 꽉 찬 느낌이라 안정감이 엄청나요. 특히 Bold(굵은) 웨이트를 쓰면 별다른 효과 없이 글자만 딱 박아도 눈에 확 들어오거든요. 여행, 맛집, 정보성 글 어디에나 잘 어울려서 저도 제일 애용하는 폰트예요.
2. 에스코어 드림 (S-Core Dream)
‘꽉 찬 직각’ 느낌을 원한다면 에스코어 드림이 딱이에요. 이 폰트의 장점은 굵기가 1단계부터 9단계까지 엄청 세분화되어 있다는 거예요. 보통 썸네일 제목에는 가장 굵은 9(Black)이나 8(Heavy)을 쓰면 존재감이 장난 아니죠. 깔끔하면서도 신뢰감을 주는 느낌이라 전문적인 정보를 다룰 때 쓰면 반응이 좋더라고요.
3. 프리텐다드 (Pretendard)
요즘 웹 디자인계의 표준이 되어가고 있는 폰트죠. 애플의 샌프란시스코 폰트랑 비슷한 느낌이라 굉장히 세련됐어요. 지마켓 산스나 에스코어 드림이 좀 투박하게 느껴진다면, 프리텐다드는 훨씬 모던하고 도시적인 느낌을 줘요. IT 기기 리뷰나 트렌디한 주제를 다룰 때 찰떡궁합이에요.
폰트별 특징 한눈에 보기
어떤 상황에 뭘 써야 할지 감이 안 오실까 봐 표로 한번 정리해봤어요. 상황에 맞춰서 골라 쓰시면 돼요.
| 폰트 이름 | 주요 특징 | 추천 콘텐츠 분야 | 느낌(Mood) |
|---|---|---|---|
| 지마켓 산스 | 네모꼴, 높은 가독성, 캐주얼함 | 맛집, 여행, 일상 | 활기차고 친근함 |
| 에스코어 드림 | 다양한 굵기, 직선적, 단단함 | 금융, 정보성 꿀팁, 강의 | 신뢰감 있고 전문적 |
| 프리텐다드 | 세련됨, 모던함, 높은 호환성 | IT 리뷰, 뉴스, 트렌드 | 깔끔하고 도시적 |
| 잘난체 | 둥글면서도 굵음, 귀여움 | 육아, 예능형 콘텐츠 | 유쾌하고 주목도 높음 |
색상 대비, 이게 진짜 핵심이거든요
아무리 좋은 폰트를 써도 배경색이랑 글자색이 비슷하면 말짱 도루묵이에요. 흰색 배경에 노란색 글씨? 절대 안 보이죠. 배경이 밝으면 글자는 어둡게, 배경이 어두우면 글자는 밝게. 이 기본 원칙만 지켜도 가독성이 2배는 올라가요.
근데 사진 위에 글씨를 쓰다 보면 배경이 복잡해서 글자가 묻힐 때가 있잖아요. 그럴 땐 글자에 ‘외곽선(Stroke)’을 넣거나 뒤에 반투명한 검은 박스를 깔아보세요. 저는 주로 검은색 외곽선보다는 흰색 외곽선에 어두운 글씨, 혹은 그 반대로 설정해서 대비를 극대화하는 편이에요. 그림자 효과도 너무 흐릿하게 주면 오히려 지저분해 보이니까, 선명하고 짧게 주는 게 요즘 트렌드더라고요.
여백의 미를 잊지 마세요
욕심부려서 썸네일에 하고 싶은 말을 다 적으려는 분들 계시죠? “강남역 5번 출구 앞 분위기 좋은 파스타 맛집 데이트 코스 추천”… 이렇게 쓰면 글씨가 깨알만 해져서 아무도 안 읽어요.
“강남역 파스타, 여기 미쳤네” 정도로 짧고 굵게 줄이세요. 텍스트는 썸네일 전체 면적의 20~30%를 넘지 않는 게 가장 보기 좋더라고요. 여백이 있어야 글자가 숨을 쉬고, 그래야 시선이 글자에 딱 꽂히거든요.
결국 썸네일은 ‘내 글을 읽게 만드는 초대장’ 같은 거예요. 오늘 알려드린 폰트들로 바꿔보시고, 텍스트 크기만 좀 키워도 유입률이 확 달라지는 걸 느끼실 수 있을 거예요. 지금 당장 블로그 스킨부터 바꾸러 가보시는 건 어때요?
