#26. 블로그 입문자를 위한 SEO를 위한 이미지 설정 가이드

출처 : www.pexels.com

 

 

예쁜 이지지가 관심을 끌까요? 예쁜 이미지를 찾아온 독자라면 그럴 수도 있겠지만, 글과 연관성이 없는 이미지와 무분별한 이모티콘은 오히려 글의 흐름을 끓기게 만듭니다.  이미지는 블로그 콘탠츠의 품질을 올려주고 독자에게 흥미를 유발하는 중요한 요소입니다. 어떤 이미지를 어떻게 사용하느냐는 SEO에서도 중요합니다. 작장생활 만렙을 찍은 저와 함께 꼭 필요한 필수 이미지 선정과 편집에 대해서 알아봅시다.

---

● 이미지 선정 방법

 

우리가 작성한 글에도 저작권이 있듯이 이미지에도 저작권이 있습니다. 가볍게 넘기면 실제 법적문제를 야기할 수도 있습니다. 그렇다고 아무 이미지나 욱여넣을 수도 없으니, 저작권과 이미지 선정 방법에 대해 알아보겠습니다. 

(1) 무료사용 가능한 (Royalty Free) 이미지 찾기 

① Royalty Free 이미지는 별도 표기 되어 있음

② 무료로 사용가능한 이미지를 배포하는 사이트에서 다운로드 권장

③ 인터넷상의 대부분의 이미지는 License 있음

④ 크레디트(출처 기록)를 달아주는 것을 습관화해야 함 

⑤ 무료 사용 이미지 제공하는 대표 사이트

• pexels , picjumbo , pixabay 

⑥ 이미지를 가공하여 사용하는 것을 제한하는 경우도 있음

 

(2) 본문에 필요한 이미지 선정

 

① 내용 이해와 무관한 이미지는 삭제한다.

② 본문의 길어질 경우 단순한 일러스트로 단락을 나눌 수 있다

③ 가능하면 글로 많은 내용을 표현하는 것이 최선

④ 도표, 차트 등 글의 내용을 함축할 수 있는 자료형이 좋다

⑤ 이미지에서 강조할 부분은 표시하여 준다

 

---

● 이미지 배치와 최적화 방법 

 

"이미지도 SEO에 영향을 주나요?" 예, 이미지도 독자들에게 내용을 전달하는 중요한 요소입니다. 이미지 자체에 목적이 있는 것이 아니라면, 가독성을 높이는데 도움을 주는 이미지를 사용하는 것이 좋습니다.

(1) 이미지 파일 최적화

① 본문과 연관된 파일명으로 저장

② Webp 파일로 변환하여 용량 낮추기

③ FreeConvert, Convertio 등에서 기능을 이용할 수 있다.

④   ALT Tag를 작성, 이미지가 삽입된 HTML에 아래와 같이 삽입 가능하다.

<img src="image.webp" alt="이미지 내용">

 

(2) 이미지 배치 최적화

 

① 관련 내용 바로 아래 또는 위에 해당 이미지 삽입

② 사이즈는 본문과 함께 확인 가능하게

③ 전체 이미지 중 작은 부분을 설명할 때는 확대 이미지 추가

 

(3) 적용 예

① 나쁜 적용 예 : 전달 내용에 비해 이미지가 크고, 가독성이 나쁜 배치

집중해야 할 부분이 명확치 않고 필요한 내용이 보이지 않는다

 

② 좋은 적용 예 : 정보확인이 쉽고, 텍스트와 동일한 배치로 가독성이 좋다 

이미지의 번호로 순서를 표기하고 필요한 부분은 확대하여 가독성을 개선

 

---

감사합니다.