네이버 SEO
블로그 썸네일
Blog Thumbnail 다른 표기: 대표 이미지, 썸네일 이미지
블로그 썸네일은 게시글 목록이나 검색결과에서 글을 대표해 보여 주는 이미지로, 본문에 넣은 이미지 중 하나가 자동 또는 수동으로 지정됩니다.
이 글에서 알 수 있는 것
- 썸네일을 지정하는 방법
- 파일명과 화질이 검색에 미치는 영향
- 화질과 로딩 속도의 균형을 맞추는 기준
블로그 썸네일은 어디에서 쓰이나요?
블로그 목록 화면, 검색결과 화면처럼 제목 옆에 이미지가 함께 보이는 자리마다 씁니다.
- 본문에 넣은 이미지 중 하나를 대표 이미지로 지정할 때
- 여러 글이 나란히 나열되는 목록에서 글을 구분하고 싶을 때
- 목록을 훑어보는 방문자의 시선을 끌고 싶을 때
블로그 썸네일은 어떻게 하나요?
본문을 대표하는 이미지를 고른 뒤 파일명과 용량을 함께 점검합니다.
- 대표 이미지 고르기 본문 내용을 가장 잘 보여주는 이미지를 고릅니다.
- 파일명 정리하기 의미 있는 단어로 파일명을 바꿔 저장합니다.
- 용량 확인하기 화질과 로딩 속도의 균형이 맞는지 확인합니다.
| 구분 | 잘된 예 | 잘못된 예 |
|---|---|---|
| 파일명 | 내용을 담은 단어로 저장합니다 | 카메라가 자동으로 붙인 번호 그대로 둡니다 |
| 종횡비 | 목록 화면에 맞는 비율을 씁니다 | 극단적으로 길거나 좁은 비율을 씁니다 |
| 용량 | 화질과 로딩 속도의 균형을 맞춥니다 | 원본 그대로 올려 용량이 과도하게 큽니다 |
블로그 썸네일이 왜 중요한가요?
파일명과 대체 텍스트는 이미지 주제를 검색 시스템에 전달하는 가장 중요한 요소입니다(구글 검색 센터).
이미지가 클수록 페이지 로딩 속도에도 영향을 줍니다. 핵심 이미지는 2.5초 이하로 표시되는 것이 좋습니다(web.dev, LCP).
블로그 썸네일이라는 개념은 왜 생겼나요?
글자로 된 제목만으로는 어떤 내용인지 한눈에 파악하기 어려울 때가 많습니다. 이미지를 함께 보여주면 방문자가 관심 가는 글을 더 빠르게 고를 수 있어, 제목을 보완하는 장치로 자리 잡았습니다.
내 상황에 적용하려면?
발행 전에 아래 네 가지를 확인합니다.
- 본문 내용을 가장 잘 보여주는 이미지를 대표 이미지로 지정했습니다
- 파일명을 의미 있는 단어로 바꿔 저장했습니다
- 극단적인 종횡비를 피해 목록 화면에 맞는 비율을 썼습니다
- 화질과 용량의 균형을 확인했습니다
블로그 썸네일에 대한 흔한 오해는 무엇인가요?
| 오해 | 실제 |
|---|---|
| 썸네일은 화면 디자인용일 뿐 검색과 무관합니다 | 파일명과 대체 텍스트는 검색 시스템이 이미지 주제를 파악하는 신호로 함께 쓰입니다 |
| 화질이 좋을수록 무조건 유리합니다 | 지나치게 큰 파일은 로딩 속도를 늦춰 페이지 경험에 부정적인 영향을 줄 수 있습니다 |
| 따로 지정하지 않으면 썸네일이 없습니다 | 지정하지 않아도 본문 순서에 따라 자동으로 정해집니다 |
이미지에 붙이는 설명 텍스트는 대체 텍스트, 검색결과에서 이미지가 노출되는 방식은 이미지 SEO 항목에서 다룹니다.
자주 묻는 질문
썸네일은 어떻게 지정하나요?
본문에 넣은 이미지 중 하나를 대표 이미지로 직접 지정할 수 있고, 따로 지정하지 않으면 자동으로 정해집니다.
썸네일 이미지에도 파일명이 중요한가요?
예. 의미 있는 파일명이 이미지 주제를 전달하는 단서가 됩니다(구글 검색 센터).
화질과 페이지 속도는 어떤 관계가 있나요?
이미지 용량이 크면 페이지 로딩이 늦어질 수 있어, 화질과 용량의 균형을 맞추는 편이 좋습니다.
참고 자료
이 페이지가 도움이 되었나요?
10초면 됩니다 · 남겨주신 의견은 다음 개정에 반영됩니다
소중한 피드백 감사합니다. 더 나은 콘텐츠로 보답하겠습니다.