블로그 이미지 크기 CLS와 SEO에 대해 알아보자

블로그를 하는 대다수의 목적은 대부분 구글 애드센스의 수익을 보고 운영하시는 분들이 많을거라고 생각합니다.이런 사소한 블로그 이미지 크기에도 구글애드센스의 수입에 영향이 간다하니 해결방법을 함께 알아보시죠!

블로그 이미지 크기가 나의 블로그 수익에 영향을 미친다?

이미지 크기가 커지면 나의 블로그 수익률에 영향을 미칠까요?

정답은 블로그 수익에 영향을 미친다는 겁니다.

이유는 블로그로 유입되는 인원중에 성질이 급한 사람이나 이미지 로딩으로인해 사용자에게 SEO측면에서 사이트가 제대로 작동하지 않는다는 착각을 불러일으켜서 이탈율이 올라갑니다.

또한 구글 서치콘솔 CLS와 같은 문제점도 발생하게 됩니다.

블로그 이미지 CLS문제
구글 서치콘솔 CLS와 같은 문제점도 발생

구글 서치 콘솔 CLS 문제 해결 방법(0.1 초과 데스크톱)

CLS는 무엇인가?

CLS(Cumulative Layout Shift)는 누적 레이아웃 변경이라고 하는데 웹페이지를 보는 사용자에게 예상치 못한 화면 변환이 나타나는 빈도를 수치로 정량화한 것이라고 보면 된다.

CLS 문제 해결방법

이미지나 광고를 배치하는 경우 미리 높이 값을 할당하여 사용자가 예상치 못한 레이아웃의 변경이 없도록 하는 것과 페이지에 이미지와 고가 모두 나타날 때까지 로딩을 표시하는 것이다.

블로그나 웹사이트의 레이아웃이 다르고 레이아웃을 구성한 각각의 이유가 있을 테니 CLS문제가 발생하면 원하는 방법으로 문제를 해결하는 것이 좋지 않을까 한다.

이미지 용량 줄이기

덱스트 위주의 글보다는 중간중간 적절한 이미지가 사용되면, 전달력과 가독성을 높여주는 효과도 있고, 사람들의 관심을 끌기 위한 수단으로 이미지 사용은 필수 입니다.

특히 핸드폰의 카메라가 좋아 지면서, 그에 따른 사진한장의 용량도 커지고, 포스팅 한개에 사진 3~4장만 들어간다 하더라고 포스팅의 용량은 그만큼 커지게 됩니다.

인터넷이 빨라져서 용량이 크더라도 크게 문제는 없지만, 용량이 커지게 되면, 포스팅을 불러오는 속도가 아무래도 늦어지게 됩니다.

이미지 품질 손실이 최소인 상태로 최적화 하여 용량을 줄여 주는 사이트입니다.

TinyPNG – Compress WebP, PNG and JPEG images intelligentlyMake your website faster and save bandwidth. TinyPNG optimizes your WebP, PNG and JPEG images by 50-80% while preserving full transparency!tinypng.com


접속 하게 되면

이미지 크기 줄여주는 TinyPng
이미지 크기 줄여주는 TinyPng

위와 같은 화면이 나옵니다.

사이트는 직관적이여서, 사용하기가 편리 합니다. 5mb 이하의 이미지,

한번에 20개 이하로 바로 용량 줄이기가 가능 합니다.

줄이고자 하는 사진을 드레그 하여 놓으시면 됩니다.

이미지 크기 줄여주는 TinyPng 다운로드
이미지 크기 줄여주는 TinyPng 다운로드

보시면 사진 한개 마다 약 65~70% 정도 용량을 감소해 줍니다.

드롭박스에 저장을 할수도 있고, download all 누르면 내 pc 에 저장도 가능 합니다.

Leave a Comment