이미지 최적화 후 포스팅을 해야 하는 이유

SEO(Search Engine Optimization, 검색엔진 최적화)가 뭐야?

흔히 블로그에 관심을 갖고 계신 분들은 SEO라는 단어를 듣거나 본적이 있을 거에요.

SEO는 Search Engine Optimization, 검색엔진에 최적화한다는 뜻이에요.

 

우리 일반적으로 궁금한 것이 생기거나, 검색하고자하는게 생긴다면 검색엔진(naver, google)에 검색을 하겠죠.

검색한 내용을 바탕으로 검색엔진의 알고리즘이 결과값을 띄워주게되는데,

이 결과값을 찾는 봇이 바로 '검색 로봇'이에요.

우리가 robots.txt나 색인을 등록하는 그 로봇이죠.

 

그렇다면 다시 주제로 돌아가 이미지 크기를 줄여 포스팅해야하는 이유는 무엇일까요?

네, 맞습니다.

이미지의 정보와 SEO가 연관되어 있기 때문이에요.

간단하게 최적화하는 방법을 알아볼까요?

 

---

이미지 최적화 방법

가장 간단하게 이미지 최적화 효과를 내는 방법은 5가지 정도가 있어요.

1. 이미지 크기 줄이기
2. 이미지 파일 이름을 주제와 관련된 이름으로 바꾸기
3. alt 태그 사용하기
4. 캡션 포함하기
5. 오리지널 이미지 사용하기

그럼 하나씩 차근차근 알아볼까요?

 

 

1. 이미지 크기 줄이기

The HTTP Archive에 따르면 페이지 로딩속도가 지연되는 사이 방문자가 다수 이탈한다는 사실이 알려졌었는데요.

페이지 로딩속도는 다운로드할 파일의 양과 관계되어있기 때문에, 불러오고자하는 해당 페이지의 용량과 큰 관련이 있습니다.

이 용량의 대부분은 사진이죠.

용량을 줄이기 위해서는 사진을 의도적으로 저용량의 사진으로 변경해야합니다.

Adobe Photoshop이나 Affinity Photo와 같은 툴이 있다면 간단하게 웹 용 저장을 할 수 있고, 

자동으로 리사이즈해주는 기능이 있습니다.

 

다만, 해당 툴이 없는 경우에는 다음과 같은 홈페이지에서 변경하시면 됩니다.

Image 압축 사이트

최상의 해상도로 쉽고 신속하게 이미지를 압축하세요

 

저도 귀찮을 때 자주 쓰는 사이트인데요, 자동으로 리사이즈 한 후 저장할 수 있으니 사용해보시면 편하실거라 생각합니다.

 

 

2. 이미지 파일 이름을 주제와 관련된 이름으로 바꾸기

 

우리가 평소에 콘텐츠를 업로드할 때를 생각해보면, 블로그 게시글 작성 당시 사진의 이름을 

 

     ㅇㅇ.jpg                                               

     캡처.png                                              

     KakaoTalk_20221111_128310232.jpg 

와 같이 저장하는 경우가 많은데요.

 

이런 식으로 저장하는 경우, 파일 이름을 보고 판단하는 로봇은 이게 무슨 파일인지 알 수가 없겠죠.

당연히 간단하게라도 이름을 주제와 관련이 있게 수정하는 편이 좋습니다.

다음과 같이 말이죠.

 

     배터리 사이클.jpg

     아이폰 배터리 효율.jpg

     배터리 아이콘.png

 

 

3. ALT 속성 사용하기

 

방금 알아봤던 이미지 파일 이름 추가와 일맥상통한 기능입니다.

만약 티스토리 블로그에서 게시글을 작성하셨다면 이미지 파일의 우상단에 톱니바퀴 모양을 본 적이 있을 것입니다.

 

최우측의 톱니바퀴가 ALT 속성 추가

 

 ※ ALT속성이란? 

방문자가 홈페이지에 접속은 했으나, 어떠한 이유로 사진을 다운로드하지 못했다면 ALT속성이 대신 출력되게 됩니다. 

뿐만 아니라, 이미지가 무엇인지 이해하지 못하는 '검색 로봇'은 ALT속성과 이미지 이름을 토대로 이미지가 무엇인지 파악하므로 SEO와 밀접한 관련이 있다.

 

그러니 최대한 모든 이미지의 ALT속성을 입력해주는 것이 좋겠죠!

 

4. 캡션 포함하기

이미지 아래에 부가 설명하는 곳을 캡션이라고 부르는데요.

 

위의 사진에서는 '애플워치7 배터리 효율'이 캡션이다.

 

홈페이지에 들어오신 분들이 사진을 볼 때 간단한 설명이 들어있다면 이해하기가 훨씬 수월하고, 이탈율도 많이 줄어들면서 자연스럽게 페이지 잔류 시간도 늘어나게 됩니다.

 

따라서 설명이 필요한 이미지라면, 이미지 아래에 캡션을 추가하는 것도 중요합니다.

 

 

5. 오리지널 이미지 사용하기

 

많은 분들이 저작권 없는 무료 이미지를 많이 이용하시는데요.

 

무료 이미지 사이트 pixabay (https://pixabay.com/)

 

대부분의 많은 저작권 없는 무료 이미지들은 이미 블로그나 다른 사이트에서 인용하여 사용한 경우가 많습니다.

설령 유료로 산 이미지라도 말이죠.

따라서 가장 좋은 것은 항상 직접 찍은 사진과 그것을 바탕으로 편집한 이미지들입니다.

네이버나 다음과 같은 국내 검색엔진은 구글에 비해 같은 이미지를 긁어오는걸 반영하지 않는 경향이 있으니 참고해주시구요!

 

---

 

오늘은 이렇게 간단하게 이미지 최적화와 SEO의 관계성, 그리고 최적화 방법까지 알아봤습니다.

많은 블로거 분들께 도움이 되었으면 좋겠어요.

다음 게시글에서 또 좋은 정보로 인사드리겠습니다.

IT_DOG 였습니다!

 

❤️과 구독버튼은 블로거에게 큰 힘이 됩니다! 감사합니다!