본문 바로가기
스마트 스토어 챌린지

티스토리 사진 작업에 2가지 필수 작업(크기 변환, 알트 태그)

by 부자코칭 2022. 7. 31.

구글의 글쓰기 평가요소 중 중요한 항목은 페이지 로드 속도와 사용자 친화적인 게시물 여부입니다. 페이지 로드 속도를 지연시키지 않고 모바일 친화적인 사진을 올리는 방법과 시각장애인을 위해 이미지를 알 수 있도록 하는 대체 텍스트인 알트 태그를 적용해 사용자 친화적인 게시물의 포스팅 요령에 대해 구글 최적화 SEO 가이드에 맞춰 간단하게 하는 방법에 대해 알아보겠습니다.

1. 속도 지연 방지와 모바일 친화적인 사진을 위한 사진 용량 줄이기

페이지 로드 속도를 지연시키는 가장 큰 이유는 사진 용량 때문인데 구글은 인터넷이 느린 지역에서도 읽기 편한 글을 좋은 글로 판단하고 있습니다. 또한 PC보다는 스마트폰으로 글을 읽는 사람들이 많은 요즘 모바일에서 보기 편한 사진을 업로드하게 된다면 좀 더 좋은 평가를 받을 수 있습니다. 사진 용량을 줄이기 위해서는 선택한 사진을 사진 편집 프로그램(포토스케이프 추천)을 이용하여 용량을 크기를 조절합니다. 

사진 편집 프로그램 바로 가기

포토스케이프를 컴퓨터 사양에 맞추어 다운로드한 후 크기를 줄일 사진을 파일에서 선택하고 모바일에서도 최적화된 사진을 보이게 하기 위해 크기를 가로 750-800 정도로 조정하여 저장한다. 이상태로도 사용 가능하지만 용량 최적화를 위해 저장한 사진을 아래 링크한 곳에서 한 번 더 압축합니다.

 

위의 사진은  압축을 통해 75% 용량을 줄인 사진입니다.

용량 압축하기 바로 가기

 

저장한 사진을 DROP BOX에서 압축한 후 저장하면  압축파일형태로 저장되는데 압축 풀기를 하여  사진을  올리면 용량이 줄어 로딩 속도 지연을 방지할 수 있습니다.

 

2. 사용자 친화적인 포스팅을 위한 알트 태그 작업하기

구글 SEO는 설명이 포함된 이미지를 좋아합니다. 알트 태그란 간단하게 설명하면 사진에 이름을 붙이는 작업입니다. 대체 텍스트라고도 하는 작업이며 HTML 이미지에 추가되어 웹페이지의 내용을 설명하거나 미디어 파일을 제대로 표시할 수 없는 경우 대체 텍스트가 이미지 컨테이너에 나타나게 됩니다. 시각 장애가 있는 사용자에게 내용을 이해할 수 있도록 도움을 주며 구글 검색엔진 봇이 웹사이트를 크롤링을 하여 이미지를 해석하는 데 사용됩니다.

알트 태그를 하는 방법은 블로그 페이지에 업로드한 사진을 클릭하면 오른쪽 끝에 톱니 모양 아이콘이 나타나는데 마우스를 톱니 모양에 포인팅 하면 대체 텍스트 삽입이라는 문구가 보입니다. 클릭하면 이름을 넣을 수 있는 창이 나타나는데 이곳에 이름을 넣어 주면 됩니다. 구글 검색 노출과 관련 있기 때문에 구글 검색엔진 봇이 크롤링을 잘하게 하기 위해 핵심 키워드를 이용한 이미지 관련 텍스트를 넣어 주는 것이 좋습니다. 아주 심플한 과정으로 반드시 작업을 하는 것을 습관화하시길 권장드립니다.

 

 

 

 

댓글