티스토리 이미지 업로드가 애드센스 수익을 감소시킴

티스토리 운영 시에는 업로드 사진의 개수나 용량이 너무 크면 한 페이지를 읽어오는 속도가 저하되고, 글의 노출 순위가 뒤로 밀리며, 애드센스 수익도 오히려 감소하는 등 블로그 지수에는 도움이 되지 않습니다. 네이버 블로그를 따라하는 분들이 계시는데, 한 글에 사진이 많으면 많은 점수를 받아서 위쪽에 배치된다고 하는데, 그건 네이버 블로그에나 해당되는 말이지 티스토리에는 도움되지 않습니다.

 

 

티스토리 블로그에 사진 업로드 시 용량이 크면 안 되는 이유

어떤 웹사이트에나 웹페이지를 열기 위해서는 URL의 사진과 데이터를 받아온 후 읽어드려 출력이 이뤄지게 됩니다. 이때 사진의 용량이 너무 크면 그에 따른 CLS 속도가 느려지기 때문에 웹페이지 로딩이 느려지게 됩니다. 이렇게 느려진 웹페이지 로딩은 애드센스 광고 출력도 늦어지게 되죠. 그러면 CPC·CPM 수익은 감소하게 되고 방문자들은 그냥 나가버리게 됩니다. 이러한 구조로 인해 블로그에 사진 업로드 시에는 각별이 용량에 주의해야 합니다.

 

  1. 사진 용량으로 인해웹페이지 로딩이 느려짐
  2. 애드센스 광고출력 시간도 지연이 됌
  3. CPC·CPM수익 감소로 이어지게 됌
  4. 이탈 방문자 수가 증가하게 됌

 

첨부 파일의 용량은 티스토리(다음) 서버에서 불러오는 방식이기 때문에 첨부 파일의 용량이 크던, 작던 상관 없이 웹페이지 로딩 속도에는 별 영향을 주지 않습니다.

 

 

저작물 종류별 영향을 주는 것들

저작물 종류 영향
사진 용량이 커지면 웹페이지 속도 저하로 인해 광고 출력 시간도 지연이 됌
동영상 자동 재생 기능이 설정되어 있지 않다면 큰 영향은 없습니다.
첨부 파일 티스토리(다음) 서버에서 불러오는 방식이기 때문에 웹페이지 로딩에는 별 상관 없습니다.

 

 

이미지 업로드 시 고려해야 하는 사항

이미지 첨부 시에는 반드시 jpg를 사용할 것인지, png를 사용할 것인지, 사진의 해상도는 어떻게 할 것인지, 사진의 용량을 얼마나 압축을 할 것인지 등을 고려해서 업로드해야 합니다.

 

  1. jpg와 png 확장자 구분해서 사용하기
  2. 사진 용량은 될 수 있으면 압축 시키기

 

확장자 별 적응증

jpg와 png 확장자의 차이점을 알아야하며, 이에 따라 적응증이 달라집니다.

 

확장자 적응증 특징
jpg 글자가 포함된 경우

확대해서 볼 필요가 없는 경우
용량이 작지만, 확대 시 화질이 깨져버립니다. 그렇기 때문에 확대가 필요 없고, 간단한 글자로 내용을 전달 할 때 사용합니다.
png 해상도가 큰 경우

확대해서 봐야 하는 경우
jpg에 비해 용량이 크며, 확대 시 화질 손상도가 적습니다. 그렇기 때문에 확대가 필요하며 크기 축소가 필요한 경우 사용해야 합니다.

 

 

일부 글에 광고가 제대로 출력되지 않는 경우

대부분 사진의 용량이 크거나 스킨의 문제일 확률이 높습니다.

*CLS 속도가 저하되면 그에 따른 광고 출력 시간도 지연이 되기 때문에 광고가 늦게 나타나거나 아예 출력되지 않는 경우가 많습니다.

 

 

사진 첨부 용량의 기준은?

AI 봇이 판별하는 기준에 따라 달라지기 때문에 CLS 속도 측정을 해보셔야 합니다. 사진이 많이 첨부되거나 고해상도 사진이 첨부된 글의 경우는 포스팅 후 CLS 속도 측정을 해보시는 게 좋습니다.

 

 

스킨의 문제인지를 알고 싶을 때

  1. https://www.thinkwithgoogle.com/feature/testmysite/이동
  2. Enter the Domain에 본인 블로그 주소 입력 ex:https://goaway007.tistory.com
  3. South Korea/4G 선택
  4. 30초~1분 정도 후 결과가 나타남
  5. Boost Speed > Your Result 부분에 GOOD으로 나타나면 큰 문제가 없음을 뜻함.

 

스킨의 문제인지를 알고 싶을 때

 

 

각각의 글의 문제를 확인하고 싶을 때

직접 모바일로 접속을 해보고 로딩 속도가 느리다면 이미지 수정을 하는 것을 추천드립니다.

 

  1. https://pagespeed.web.dev/이동
  2. 확인하고 싶은 글 URL 입력 ex) https://goaway007.com/933
  3. 분석
  4. 요청된 URL
  5. 추천 부분에 "이미지 크기 적절하게 설정하기" 부분의 비중이 크다면 사진의 용량이 커서 웹페이지 로딩을 저하시킨다는 것을 뜻함.

Designed by JB FACTORY