구글 최적화 SEO에 맞는 이미지 만드는 방법

이번 포스팅에서는 구글 최적화 SEO에 맞게 이미지를 넣는 방법을 알아보도록 하겠습니다. 구글 최적화 SEO에 맞는 이미지 삽입을 위해 이미지 픽셀을 줄이고 용량을 줄이는 방법에 대해서 알려드리도록 하겠습니다.

 

◈ 목 차 ◈

Ⅰ. 구글 최적화SEO 이미지를 만들어줘야 되는 이유

Ⅱ. 이미지 픽셀 줄이는 방법

Ⅲ. 이미지 한번 더 줄이기

Ⅳ. 알트 태그 넣기

Ⅴ. 코멘트(COMMENT)

  

구글 최적화 SEO 이미지를 만들어줘야 되는 이유

 

페이지 로딩 속도

• 기존 네이버 블로그 같은 경우는 사진 한 장 넣고 밑에 2~3줄 글 쓰고 사진 넣고 하면서 사진을 수십 장을 넣는 것이 익숙한데, 구글 상위 노출을 위해서는 자신의 포스팅한 페이지가 얼마나 가벼운지가 중요합니다. 자신의 페이지가 무거우면, 우리나라는 워낙 인터넷이 발달해서 페이지가 빠르게 열리지만, 세계 곳곳의 구글 사용자들은 우리나라처럼 빠른 인터넷으로 검색을 하지 못하는 경우가 많습니다.

 

모바일 검색량

• 요즘은 모바일 검색이 PC검색보다 월등히 많습니다. 많게는 7대 3 정도의 비율로 모바일 검색량이 많습니다. 그러다 보니 모바일 검색에 최적화된 이미지와 포스팅이 중요해졌습니다. 지금부터 이미지의 픽셀을 줄이고 용량을 줄여서 자신의 포스팅에서 페이지 속도를 좀 더 높이고, 구글 SEO에 적합한 이미지 넣는 방법을 알려드리겠습니다. 

 

이미지 픽셀 줄이는 방법

 

자신이 원하는 이미지를 하나 캡쳐를 하거나, 직접 찍은 사진, 혹은 구글링을 통한 무료 이미지를 다운로드합니다. 

다운로드한 이미지를 픽셀과 용량을 줄이기 위해서 아래의 프로그램을 구글에 검색을 해서 다운을 받습니다.

 

http://photoscape.co.kr/ps/main

포토스케이프 (PhotoScape) : 재미있는 사진편집 프로그램

 

 

사이트에 접속 후 사진 편집을 클릭하신 후 좌측 상단에서 이미지를 선택해 줍니다. (저도 구글링을 통한 아무 이미지를 하나 선택했습니다.)

 

 

사진을 보시면 빨간 상자 표시에 이 사진의 픽셀은 사진 861 * 581이며 옆에 사진의 용량은 112.1KB라고 쓰여있는 게 보일 겁니다. 이사진이 구글링을 통해 가져온 무료 이미지 원본 사진의 크기와 용량입니다. 이 사진을 모바일 환경에 맞게 그리고 자신의 포스팅에 적은 용량으로 가볍게 만들어 주겠습니다.

 

 

 

크기 조절을 누르신 후 위와 같이 창이 열리면 픽셀을 자신이 원하는 크기로 바꿔줍니다. 저는 가로세로 비율을 자동을 맞춰 주기에 가로를 550으로 바꿔 보겠습니다. 550으로 써준 후 확인을 누릅니다.

 

 

 

이렇게 빨간 상자를 보시면 사진의 픽셀이 550 * 371으로 바뀌고, 용량도 90.2KB로 바뀐 걸 볼 수 있습니다. 하지만 이렇게 하고도 또 한 번 사진의 용량을 줄일 수 있습니다. 이번엔 이렇게 저장한 사진을 다시 밑에 사이트 TINYPNG 사이트로 접속해 줍니다.

 

 

https://tinypng.com/

TinyPNG – Compress PNG images while preserving transparency

 

 

TINYPNG 사이트는 이미지의 용량을 대폭 줄여주는 사이트로 자신이 1차로 포토스케이프에서 작업을 했으면, 그 작업한 이미지를 다시 여기에 접속하여 한번 더 가볍게 용량을 줄여주는 겁니다.

 

 

사이트에 접속하면 메인 페이지가 위의 이미지처럼 나오는데 위에 빨간 화살표 부분을 클릭하고 아까 1차 작업을 해둔 이미지를 클릭합니다. 

 

 

 

가운데 Finished를 클릭하여 주면 이렇게 이미지의 용량이 줄어든 모습을 볼 수 있습니다. 지금 이 클릭 한 두 번으로 이미지의 용량이 17% 감소한 겁니다. 이런 후 다운로드를 해서 포스팅할 때 이미지로 쓰시면 됩니다. 

 

 

알트(Alt) 태그 넣기

기본적으로 구글 최적화 SEO에서 알트 태그를 넣는 건 기본 중의 기본입니다. 알트 태그를 넣는 이유는 시각장애가 있으신 분들에게 이미지의 내용을 설명해 드리기 위한 하나의 언어라고 생각하시면 됩니다. 이미지를 보지 못하는 시각 장애가 있는 분은 이미지를 말로 설명받을 때 알트 태그에 설명을 넣으면 그걸 읽어 줌으로써 이미지를 상상할 수 있게 하는 효과를 가져가게 되는 겁니다. 

 

자신이 글을 쓰고 난 뒤에 티스토리 상단에 html 모드로 들어가면 자신이 이미지를 넣은걸 찾습니다. 그런 후 노란 화살표가 있는 곳에 png" alt="이미지에-대한-설명" dat 이렇게 넣어주면 됩니다.

이렇게 알트 태그를 넣어주면 됩니다. 이 이미지가 무엇인지에 대한 간략한 설명으로 이미지에 대한 내용을 알려줌으로써 구글 봇이 이 이미지를 설명할 수 있게 해 주는 겁니다.

 

코멘트(COMMENT)

구글 최적화 SEO에 맞는 이미지 설정 방법에 대해 포스팅해봤는데 내용은 잘 이해가 되셨나요? 이해하기 쉽게 설명한다고 했는데 이해가 잘 되셨으면 좋겠습니다.

 

정보성 포스팅을 하거나, 맛집 이야기, 제품 리뷰 등 많은 포스팅을 할 때 이미지를 넣는 것은 이제는 당연한 일이 되었습니다. 내 포스팅의 가독성을 높이고, 이해도를 높이는 데 사용하는 이미지를 무턱대고 네이버 다음 구글에서 검색해서 넣는 건 사실 엄청 위험하고 저품질의 많은 위험이 따릅니다. 그래서 제일 좋은 방법은 직접 찍은 사진이나, 무료 이미지를 가져오는 것입니다.

 

이건 사실 절반만 정답입니다 사실 무료이미지를 쓰는 건 누구나 아는 이야기지만 다르게 말하면 누구나 쓰고 있는 이미지입니다. 이런 이미지를 쓸 경우 구글 최적화 SEO 좋은 건 아닙니다. 이미지를 무료로 쓰는 건 이미지 저작권을 위반하지 않기 위함이지 유사문서에서 자유로운 건 아닙니다. 이미지가 내가 쓰는 포스팅에 꼭 그림으로 보여줘야 하는 그런 절대 필요로 하는 이미지가 아니면 되도록이면 안쓰는 게 맞습니다. 아니면 자신이 직접 찍은 사진을 쓰는게 맞는 것입니다. 

 

저의 경우는 웬만하면 사진을 사용하지 않는 것과 자신이 직접 찍은 사진을 쓰는 것을 추천드리고 그게 아니라면 캡처와 무료 이미지를 쓰되, 저는 무료이미지도 그림판같은 누구나 간편하게 쓸 수 있는 프로그램을 통해 구글같은곳에서 무료이미지를 가져와서 다시 제가 필요한 부분만큼 이미지를 다시 자르고 해서 편집을 합니다. 그럼 그 이미지를 수없이 많이 사용을 해도 내가 직접 사진을 잘라서 쓰니 유사문서에서 조금 더 자유로울 수 있습니다. 이렇게 조금의 노력을 추가하는 것으로 이미지를 쓰는 데 있어서 불안감을 없앨 수 있습니다.