검색엔진 최적화(SEO) 방법 - 사진, 그림, 이미지 최적화

블로그 포스팅의 로딩 속도는 검색 엔진 최적화(SEO)와 더불어 모바일 최적화에서 매우 중요하게 보는 부분입니다. 로딩 속도를 높이기 위해서는 사진, 그림, 이미지를 사용하는 것을 최소한으로 하는 것이 좋습니다.

 

사용해야 한다면 크기를 줄이고, 용량을 줄이고 ALT 속성은 반드시 작성하는 것이 좋습니다.

 

 

 

검색엔진 최적화(SEO) 방법 - 사진, 그림, 이미지 최적화

 

 

구글 검색 엔진 상위 노출을 위해서는 검색 엔진 최적화(SEO)가 필요합니다. 검색 엔진 최적화(SEO) 요구 사항에는 모바일 최적화가 있습니다.

 

모바일 최적화는 사용된 파일의 이름을 연관된 이름을 사용하는 것, 이미지의 크기와 용량을 줄이는 것, ALT 속성을 작성 등이 있습니다. 이미지 최적화는 모바일 최적화와도 밀접한 연관성을 가지고 있습니다.

 

사진, 그림, 이미지는 필요한 경우에만 사용해야 합니다. 사진, 그림, 이미지는 방문자들에게 전달하고자 하는 내용을 보다 쉽게 이해할 수 있도록 도와줍니다.

 

글로 설명하기 어려운 내용을 시각적으로 보여줌으로 내용을 쉽게 전달할 수 있어서 체류시간을 늘리는 데 도움이 됩니다.

 

방문자들은 블로그 포스팅의 로딩 시간이 길어지는 것을 좋아하지 않습니다. 페이지 로딩 시간이 길어지는 것은 방문자의 시간을 낭비하도록 강요하는 일입니다.

 

방문자들이 시간을 낭비하지 않도록 로딩시간이 길어지는 용량이 큰 사진, 그림, 이미지는 사용하지 않아야 합니다.

 

 

사진, 그림, 이미지 최적화 - 연관된 파일명 사용

 

사진, 그림, 이미지 최적화를 위해서는 포스팅과 연관된 이름을 사용하거나, 이미지와 연관된 이름을 사용하는 것이 좋습니다. 파일이름은 간단하지만 설명이 담긴 파일 이름을 사용해야 합니다.

 

예를 들어서 자신의 컴퓨터 화면을 캡처해서 만들었다면 대체적으로 숫자만으로 이루어져 있을 가능성이 높습니다. 이를 적절한 이름으로 바꾸는 것이 좋습니다.

 

숫자만으로 이루어진 이름을 사용하거나, 매우 긴 파일 이름을 사용하거나, ALT 속성을 키워드로 채우거나, 전체 문장을 복사하여 붙여 넣기 하는 등은 절대 하지 말아야 합니다.

 

 

사진, 그림, 이미지 최적화 - 크기 및 용량 줄이기

 

고화질의 이미지를 보여주는 것이 목적이 아니라면 사진, 그림, 이미지의 크기와 용량을 줄여서 사용하는 것이 블로그 포스팅 로딩 속도에 도움이 됩니다.

 

2023년 9월 2일 내용 수정

단순히 이미지의 크기와 용량을 줄이는 작업을 하는 것 보다는 구글이 만든 이미지 저장형식 Webp를 사용하는 것이 훨씬 도움이 됩니다.

 

 

 

포토스케이프 3.7버전보다는 새로 나온 포토스케이프X를 사용하는 것이 훨씬 편하고 사용자을 위한 편의성이 올라갔습니다.

 

 

 

무료 프로그램이나 사이트를 이용하면 쉽고 간단하게 사진, 그림, 이미지의 크기를 줄일 수 있습니다. 아래의 그림은 무료 프로그램인 포토스케이프를 활용해서 이미지의 크기를 줄이는 방법입니다. 포토스케이프 다운로드를 원하시면 아래의 링크를 이용하시면 됩니다.

 

블로그 포스팅에 사용되는 사진, 그림, 이미지는 모바일 최적화를 고려해서 700~740 정도로 하시는 것을 추천드립니다.

 

포토스케이프에서 크기 조절

 

대표적인 사이트는 tinypng.com 이 있습니다. 사용 방법은 매우 간단합니다. 사이트에 접속하시면 "클릭 혹은 파일을 이곳에 드롭하세요"라는 문구가 있는 곳에 이미지를 넣어주고, 용량이 줄어든 파일을 "다운로드" 하시면 됩니다.

 

 

 

사진, 그림, 이미지 최적화 - ALT 속성 작성의 중요성

구글 검색 상위 노출을 위해서는 검색 엔진 최적화(SEO)가 필요합니다. 검색 엔진 최적화(SEO) 요구 사항인 사진, 그림, 이미지를 사용했다면 ALT 속성을 반드시 작성해야 합니다.

 

Alt Text(대체 텍스트)는 "alternative text"의 약자로 다양한 이유로 사진, 그림, 이미지를 표현하지 못할 때, 사진, 그림, 이미지를 대신하여 표시되는 글(Text)입니다.

 

검색 엔진 최적화(SEO)는 인터넷 속도 매우 느렸던 시절에 만들어져 시간이 지남에 따라 새로운 요구상항이 추가되어 왔습니다. 지금도 열악한 인터넷 속도를 사용하는 나라와 사람들이 있습니다. 구글 같이 전 세계적으로 서비스되는 기업의 경우에는 이런 환경까지 고려해야 하기 때문에 검색 엔진 최적화(SEO)에서 사진, 그림, 이미지를 사용할 경우 ALT 속성을 작성하는 것을 요구하는 것입니다.

 

ALT 속성 작성 여부에 따라 검색 엔진 최적화(SEO) 점수에서 큰 차이가 발생하고, 검색 엔진 노출에 순위에도 차이가 발생할 수 있습니다.

 

 

ALT 속성 작성 방법

 

티스토리 블로그 에디터에서는 아래의 그림처럼 사진, 그림 및 이미지를 넣고 해당 이미지를 클릭하면 톱니바퀴 모양이 보입니다. 이 톱니바퀴를 클릭하시면 내용을 기입할 수 있습니다. 여기에 작성한 내용이 ALT 속성으로 표시됩니다.

 

ALT 속성 입력 예시 화면

 

사진, 그림, 이미지 최적화 - 링크 연결 시 대체 텍스트 작성

 

사진, 그림, 이미지를 링크로 사용할 경우 ALT속성과 마찬가지로 대체 텍스트를 반드시 기입해야 합니다.

 

티스토리 블로그 에디터에서 그림에 링크를 연결하고 대체 텍스트를 작성하는 방법은 다음과 같이 하시면 됩니다.

그림을 클릭하시면 아래의 화면처럼 [사슬] 모양을 클릭하시면 링크 주소와 대체 텍스트를 기입할 수 있습니다.

 

티스토리 블로그 에디터에서 그림에 링크를 넣고 대체 텍스트를 작성

 

 

 

 

맺음말

 

 

지금까지 블로그 포스팅에 사용되는 이미지를 사용하는 경우 반드시 작성해야 되는 alt 대체 텍스트 작성과, 블로그 로딩 속도를 올리기 위해서 사용하는 이미지의 용량을 줄이는 방법에 대해서 알아보았습니다.

 

구글이 만든 이미지 저장 형식 webp - 블로그 이미지 최적화의 완벽 해결 방법

 

 

출처 및 저작권 표시

 

자료 출처

 

저작권 표시

썸네일 디자인 : 미리캔버스에서 제작되었습니다.

본문 글꼴(폰트) : Google Noto Sans Korean - OFL(Open Font Licese)