웹사이트나 블로그에서 이미지를 사용할 때 단순히 보기 좋은 이미지를 넣는 것만으로는 부족합니다. 이미지의 픽셀 크기, 파일 형식, 용량 최적화 등을 제대로 설정해야 구글 SEO에서 높은 점수를 받을 수 있습니다.
특히, 적합한 이미지 크기 설정은 웹페이지 로딩 속도를 빠르게 하고, 검색 엔진에서 이미지 검색 결과 노출을 증가시키는 중요한 요소입니다.
이번에는 구글 SEO에 최적화된 이미지 픽셀 크기를 설정 하는 방법을 알아 볼까요?
1. 구글 SEO에 적합한 블로그의 본문 이미지 크기
블로그 글 안에 삽입하는 이미지는 본문 너비에 맞춰 최적의 크기로 설정해야 합니다.
추천 크기: 가로 1200px × 세로 630px
최소 크기: 가로 600px 이상
비율 추천:16:9 또는 4:3
파일 크기:100KB~200KB 이하로 압축
왜 1200px × 630px인가? 이 크기는 구글과 SNS(페이스북, 트위터)에서 대표 이미지로 표시될 때 최적화되는 크기입니다. 가로 600px 이하의 작은 이미지는 검색 엔진에서 가시성이 떨어질 수 있으므로 최소 600px 이상으로 설정하는 것이 좋습니다.
2. 블로그 썸네일(대표 이미지) 최적의 크기
블로그 글의 대표 이미지(썸네일)는 검색 결과와 SNS 공유 시 노출되는 중요한 요소입니다.
최적 크기: 가로 1200px × 세로 630px
최소 크기:600px × 315px
비율:16:9
이 크기를 유지하면 구글 검색, 페이스북, 트위터, 네이버 블로그 등에서 올바르게 표시됩니다. 너무 작은 썸네일은 흐릿하게 보이거나 검색 노출이 제한될 수 있습니다.
저 같은 경우는 주로 미리캔버스에서 작업한 파일을 저장후 Squoosh에서 WEBP 변환하여 용량을 줄여서 사용 합니다. [ TIP - 티스토리와 구글 SEO 최적화 썸네일 만들기 ] ▶ 썸네일 만드는 방법1 - 티스토리의 썸네일은 정사각형 크기였을때 노출되는 이미지가 예쁘게 나와요 - 미리캔버스에서는 주로 카드뉴스 크기(1080px x 1080px)를 사용하여 썸네일용 이미지로 사용하고 있습니다. ▶ 썸네일 만드는 방법2 - 저같은 경우는 위의 1번과 구글 SEO를 만족하는 크기의 썸네일 이미지를 아래 첨부된 이미지처럼 만들어서 사용하기도 합니다. 아래 처럼 이미지를 편집하여 사용하면 티스토리 썸네일에도 적당히 보기 싫지 않게 보여집니다. 구글 SEO를 만족하는 크기일때구글 SEO 최적화 캔버스 크기에 티스토리 썸네일을 위한 정사각 도형 삽입
- 실제 보여지는 썸네일 입니다. 정사각형 모양으로 잘 보여지고 있습니다. - 썸네일이 노출되는 크기나 위치는 스킨을 어떤걸 사용하느냐에 따라 달라지는 것도 있습니다. 저는 티스로리에서 기본으로 제공하는 무료 스킨이 아닌 유료 스킨을 사용하고 있어 아래 처럼 보이도록 이미지 크기를 설 정했습니다. 따라서 이 부분은 사용하는 스킨에 따라 어떻게 보여지는지 확인하셔서 알맞게 설정 하시면 될 것 같습니다.
댓글