Things

페이지 로딩 속도와 SEO를 향상시키는 이미지 최적화 원칙

블로그 이미지 최적화는 사이트의 SEO에 중요한 역할을 하며 검색 엔진 순위를 높이는 데 필수입니다. 이미지는 블로그의 가시성을 높이고, 페이지 로딩 시간을 줄이며 더 많은 트래픽을 유도할 수 있습니다. 블로그에 이미지를 최적화하는 몇 가지 중요한 원칙을 공유합니다.

Apr 28, 2024 • 5 min read

블로그 이미지 최적화는 사이트의 SEO에 중요한 역할을 하며 검색 엔진 순위를 높이는 데 필수입니다.

이미지는 블로그의 가시성을 높이고, 페이지 로딩 시간을 줄이며 더 많은 트래픽을 유도할 수 있습니다.

블로그에 이미지를 최적화하는 몇 가지 중요한 원칙을 공유합니다.

1. 적절한 파일 형식 선택

이미지 최적화의 첫 단계 적절한 파일 형식을 선택하는 것입니다.

일반적으로 JPEG는 사진 형식, PNG는 투명도가 필요한 그래픽에 적합하지만 파일 크기가 큽니다.

따라서 페이지 로딩 속도에 신경을 쓴다면 JPEG보다 파일 크기가 더 작으면서도 동일한 이미지 품질을 제공하는 WebP 를 사용하는 것을 추천합니다.

업로드 전 이미지의 크기를 웹 페이지에 맞게 조정하는 것도 중요합니다.

너무 큰 용량의 이미지는 물리적으로 페이지 로딩 시간을 늘립니다.

웹사이트의 디자인과 레이아웃에 맞게 이미지 크기를 조정하세요.

대체 텍스트 (alt text)는 이미지가 로드되지 않을 때 나타나는 텍스트로 검색 엔진이 이미지의 내용을 이해하는 데 도움을 줍니다.

각 이미지에 키워드를 포함한 설명적인 대체 텍스트를 추가하면 구글이나 Bing에서 포스팅을 크롤링할 때 SEO에 도움이 됩니다.

블로그 테마나 CMS에 따라 캡션을 표시하지 않을 수도 있지만 캡션과 타이틀을 추가하면 이미지의 맥락을 더 잘 이해할 수 있습니다.

또한 검색 엔진에 추가적인 내용을 제공해 이미지 검색 결과에 노출되는 가능성을 높여줍니다.

<img> 태그 내에 srcset 속성을 사용하면 다양한 화면 크기에 맞는 적절한 이미지 버전을 제공할 수 있습니다.

특히 반응형 웹 디자인에서 중요하며, 모바일 장치에서의 검색 엔진 최적화(SEO)에 도움이 됩니다.

대부분의 블로그 테마에서 반응형 웹디자인을 기본적으로 제공하고 있지만 별도 플러그인이나 태그를 사용해 구현할 필요성이 있을 수 있습니다.

레이지 로딩 (Lazy loading) 은 전체 글의 내용을 미리 다운로드하는 것이 아닌 화면에 보이지 않는 부분의 로딩은 읽는 사람이 스크롤할 때 이미지를 로딩하는 기법입니다.

초기 페이지 로딩 시간을 단축시켜 주어 사이트의 SEO에 중요한 역할을 하며 검색 엔진 순위를 높이는 데 필수입니다.

워드프레스의 경우 다양한 플러그인이 이미 출시되어 추가만 하면 되지만 블로그 CMS에 따라 코드를 추가해야 하는 번거로움이 있을 수 있습니다.

이미지 사이트맵을 만들어 Google에 제출하는 것도 이미지 SEO에 도움이 됩니다.

이를 통해 검색 엔진은 사이트의 이미지를 더 쉽게 발견하고 인덱싱할 수 있습니다.

이미지 URL뿐만 아니라 각 이미지에 대한 추가 정보도 포함시킬 수 있습니다.

CDN을 사용하면 이미지와 기타 static 콘텐츠를 전세계에 분산된 서버에 저장하고 제공함으로써 로딩 속도를 빠르게 할 수 있습니다.

개인적으로는 클라우드플레어를 오랫동안 사용해왔지만 체감할 수 있는 속도 향상은 없었습니다.

다만 구글에서 크롤링 및 페이지 속도를 평가할 때 분산된 서버에서 콘텐츠를 제공하기 때문에 기계적인 평가에서 유리하기에 검색 결과에 상위에 표시될 가능성이 높습니다.

이미지 파일의 이름을 간단하고 설명적으로 만드는 것은 검색 엔진이 이미지의 내용을 이해하는 데 도움을 줍니다.

예를 들어 'dog.jpg'보다는 'White-poodle-puppy.jpg' 같은 이름이 이미지의 내용을 더 정확하게 전달할 수 있습니다.

또한 OS나 브라우저 표시형식에 따라 한글 파일명의 깨짐, 자소 분리등의 문제점이 발생하기 때문에 가급적 한글보다는 영문명으로 파일을 보관하는 것이 좋습니다.

이미지 최적화는 블로그의 SEO 전략에서 중요한 부분입니다.

위의 원칙을 체계적으로 적용하면 페이지 로딩 시간을 단축시키며 검색 엔진 결과에서 더 높은 순위를 얻을 수 있습니다.

최적화는 블로그의 전반적인 사용자 경험, 즉 트래픽 발생을 향상시키는 데도 중요한 역할을 합니다.

따라서 지속적으로 이미지를 최적화하고 그 효과를 모니터링하여 필요에 따라 조정하는 것이 좋습니다.