구글 SEO(검색엔진최적화), alt속성 및 이미지 압축으로!

티스토리 등 웹사이트나 블로그를 운영하신다면 한 번쯤 SEO라는 단어를 들어보셨죠?

S : Search (검색)

E : Engine (엔진)

O : Optimization (최적화)

즉, SEO는 검색 엔진 최적화입니다. 구글이나 다음, 네이버 등 검색엔진들에서 수많은 사람들과 경쟁하며 내 글이 상위에 노출되도록 노력하시고 있나요?

이미지를 최적화해서 검색엔진에서 최대한 상위노출되도록 하는 꿀팁을 소개드립니다. 방법은 어렵지 않습니다. 귀찮지만 약간? 의 노력이 필요합니다 ㅎㅎ

이미지 최적화 작업으로 상위노출 도전!

1) alt속성 삽입

이미 알 사람은 다 아는 'alt속성 삽입하기'입니다. 방법도 아주 쉽습니다. 티스토리에서 글 작성 시 오른쪽 상단에 기본 모드를 누르면, HTML 편집 모드로 전환할 수 있습니다.

내 글속에 ①사진이 삽입된 상태에서 HTML모드로 들어가 줍니다. 그다음 아래 사진과 같이 ② 내가 넣은 사진정보(15번 줄)가 보이실 겁니다.

③ 15번째 줄을 보면 중간쯤에 filename="alt속성 1(이미지 파일명). jpg"을 찾을 수 있으신가요?

④ alt속성 삽입은 이(filename="alt속성 1(이미지 파일명). jpg") 뒤에 넣어주는 것입니다.

예를 들면,

<filename="alt속성1(이미지파일명). jpg" data-origin ~~~~~~~~~~~~~~>

를

<filename="alt속성1(이미지파일명).jpg" alt="키워드" (앞뒤 공백!) data-origin ~~~~~~~~>

.jpg 뒤에 한 칸 뛰고 alt="키워드"를 넣어주시면 되는 겁니다.

여기서 키워드란 본인사진을 나타낼 수 있는 키워드를 넣으시면 됩니다. 구글에는 이미지 검색이 1/3 정도를 차지할 정도로 이미지 속성을 넣어주는 것이 좋습니다. 본인이 alt속성으로 넣어준 키워드가 이미지 검색에 활용되는 것 같습니다.

2) 이미지 파일 압축

이미지 파일이 고화질(고용량) 파일이냐 저화질(저용량) 파일이냐에 따라서도 검색엔진 최적화에 영향을 줍니다. 단순히 생각해봐도 정보검색을 위해 블로그를 클릭했는데 로딩에만 5초 이상 걸린다면, 기다릴까요? 아니면 뒤로 가기를 누를까요? 아마 뒤로 가실 겁니다.

그래서 이미지 파일 압축을 통해 최대한 저용량 사진을 올려 검색엔진 최적화를 시도해봅시다.

방법은 아주 간단합니다.

TinyPNG – Compress PNG images while preserving transparency

Make your website faster and save bandwidth. TinyPNG optimizes your PNG images by 50-80% while preserving full transparency!

tinypng.com

tinypng라는 사이트에서 하실 수 있는데, JPG랑 PNG만 가능합니다. 최대 20개의 이미지 파일을 한 번에 압축 가능하며, 20MB 제한이 있습니다.

위의 그림처럼 PNG or JPG 파일을 넣어주면, 각각의 이미지 파일마다 알아서 압축(최적화)해줍니다. 각각 다운로드를 하셔도 되고, Download all을 누르면 압축파일로 내가 넣은 이미지 파일을 한 번에 다운로드할 수 있습니다.

전 압축 풀기가 귀찮아서 개별 다운로드 버튼을 클릭합니다 ㅎㅎ

3) 총평

위와 같이 alt속성 넣기와 이미지 최적화를 진행한다고 당연히 바로 상위 1등 노출이 되는 것은 아닙니다. 그래도 열심히 노력해서 쓴 우리글이 조금이라도 상위에 오를 수 있는 길이 있다면 한번 해보면 좋을 거 같습니다.

이상으로 구글 SEO(검색엔진 최적화), alt속성 및 이미지 압축에 대한 포스팅이었습니다. 구독과 좋아요, 댓글을 콘텐츠 제작에 큰 힘이 됩니다. 감사합니다.