본문 바로가기
재테크/부업 및 지원금

티스토리 블로그 최적화 (이미지 파일 용량에 따른 노출빈도 감소)

by 제 3자 2024. 3. 29.
반응형

썸네일

 

 

안녕하세요 제 3자의 시선입니다. 

 

구글 SEO에 맞추어서 글을 작성한다는게 참 힘든 일입니다. 모든 기준에 맞추어서 할 수는 없지만 가장 간단하면서도 중요한 내용이 바로 사진 용량 입니다. 

 

블로그 특성 상 특히 맛집, 여행 등 사진이 많이 필요한 블로그를 운영하시는 분들은 필연적으로 사진 파일이 많이 첨부 되는데요. 네이버는 사진이 많을 수록 노출 상단에 올라간다 하는 썰이 있지만 티스토리 정보 전달이 중심의 플랫폼인 관계로 글자수와 내용이 중요합니다.

 

너무 과도한 이미지 숫자파, 파일형태 (JPEG, PNG), 이미지 용량에 따라 오히려 과할 경우 역효과가 일어나게 됩니다. 하나의 글이 무거울 수록 모바일, PC 반응이 상대적으로 느려짐에 따라 AI가 검색 상단에 띄워주지 않습니다. 

 

개인적으로 유튜브 쇼츷를 운영중인데 비슷한 주제의 영상을 올렸을 때 용량에 따라 쇼츠 유입량 또한 차이가 크게 난다는 것을 확인 했습니다. 

 

오늘은 내 블로그는 얼마나 무거운지 확인하는 방법, 이미지 파일 용량 줄이는 방법에 대하여 알아보도록 하겠습니다. 

 

 

내 블로그의 현재 상태 확인

 

구글에서 제공하는 블로그 반응속도 확인 사이트에 들어가 보시면 본인 블로그의 주소를 입력하면 현재 얼마나 빠르게 반응하는지 종합적인 수치로 알려줍니다. 블로그 메인 주소를 넣어도 되는 각 포스트 별로도 확인 가능합니다. 

 

How speeding up your mobile site can improve your bottom line

Google's Official Digital Marketing Publication. Discover helpful mobile tools and resources to optimize your site or app, check page speed, and more.

www.thinkwithgoogle.com

 

해당 링크를 들어가셔서 아래 항목 Check the Speed of your moblle page 부분을 클릭해 주세요

 

용량 줄이는 사이트 설명

 

블로그 주소를 상단에 입력하시고 분석을 눌러주시고 1분 정도 기다리면 내 블로그의 반응속도 리포트가 맨 아래 나옵니다. 제 블로그의 경우 빨간색으로 37점;;  낮은 점수를 링크하고 있습니다.

 

 

용량 줄이는 사이트 설명 두번째

 

이유에 대해 생각해 보았는데요. 가장 큰 이유는 바로 썸네일 이었습니다. 저는 Canva와 같은 사이트를 통해 썸네일 자료를 만들어서 바로 다운로드 해서 사용했는데요. 이경우 파일유형이 PNG입니다. PNG의 경우 고해상도 파일로써 JPG에 비해 최소 10배는 큰 용량 입니다. 

 

그걸 모르고 지금까지 글을 100개 이상 쓰면서 열심히 작업해서 오히려 제 점수를 깍아 먹고 있었습니다 ㅠㅜ

이 글을 읽는 새내기 블로거 분들은 처음부터 사진을 막 담지 마시고 꼭 JPG파일로 사진을 업로드 하시기 바랍니다.

 

그럼 다음 단계로 JPG에서 한 단계 용량을 더 줄이는 방법을 알아보겠습니다

 

 

 

이미지 파일 용량을 줄이는 방법

 

이미지 파일 용량을 줄이는 방법은 우선 Tinypng 라는 아래 사이트에 접속 하세요

 

TinyPNG – Compress WebP, PNG and JPEG images intelligently

Integrate Tinify’s powerful image API seamlessly into your workflow. Explore advanced features like resizing, converting, and cropping for a comprehensive experience.

tinypng.com

 

우선 썸네일을 canva에서 작업하여 그대로 다운 받을 경우 (제가 해오던 방법) 사진 용량은 무려 600KB가 넘습니다

 

용량 줄인 후 화면

 

 

Tinypng에 접속하여 해당파일을 변환시켜 볼까요? 오른쪽에 박스모양에 변환시키고 싶은 파일을 Drag 해서 넣어 줍니다.

파일 하나가 아니라 여러개를 한번에 올려서 한번에 작업해도 됩니다.

 

그 후에 오른쪽 아래에 녹색버튼 [Download all] 을 눌러주세요

 

용량을 줄이는 사이트 접속

 

바로 Alzip형태로 용량이 줄어든 사진이 뿅하고 나타납니다. 용량을 확인해보니 30KB 수준으로 전에 비해 5%의 용량으로 줄어드는 마법 ㅎㅎ

 

최종 변환 후 사이즈 확인

 

 

 

 

이렇게 용량을 줄이셨다면 구글 SEO 최적화를 위해 할일이 하나 더 있습니다. 바로 이미지에 대한 설명이 필요한데요.

 

개인적으로 워드프레스를 운영 중인데요. 워드프레스는 글을 쓰면서 실시간으로 SEO 최적화 점수 확인이 가능합니다. 이미지에 대체 텍스트를 넣어주면 최적화 점수가 비약적으로 올라갑니다. 

 

티스토리도 결국 구글 유입량이 중요한 만큼 구글 최상단을 위해서 이미지 설명을 해주시면 좋습니다.

 

이미지를 클릭 해 보시면 아래와 같은 화면이 보이실텐데요 맨 오른쪽 설정 (나사버튼)을 누르시면 대체텍스트 입력 칸이 보입니다. 이미지를 간략하게 설명하는 글을 넣고 확인을 눌러주세요.

 

 

 

오늘은 티스토리 블로그 최적화를 위한 이미지 용량 줄이는 방법에 대하여 알아보았습니다. 저도 제대로 인지하지 못하고 무작정 열심히 글만 썻다가 아차 싶었습니다. 부디 저와 같은 실수 없이 블로그 꾸리시길 바랍니다.