이미지 최적화는 웹사이트의 속도를 높일 뿐만 아니라 다음, 구글, 네이버 검색 엔진 결과에서 순위를 개선하는 데 중요한 요소입니다. 티스토리는 다음이 운영하는 블로그 서비스 플랫폼이기 때문에 사용자가 서버 관리 측면에서 할 수 있는 일이 제한이 되지만 몇가지 방법을 통해서 티스토리 이미지 최적화를 해볼 수가 있습니다.
목차
티스토리 이미지 최적화 방법
이미지는 사용자의 경험을 개선하고 참여를 하는데 도움이 되는 역할을 합니다. 이미지 최적화 방법을 통해 웹페이지 로 시간을 단축시켜 검색 엔지 순위를 향상시키는 데 도움이 되시기 바랍니다.
이미지 최적화를 하는 방법은 여러가지가 있지만 티스토리 사용자 분들은 반응형 이미로 최적화와 사진 용량 줄이기 그리고 webp 사용 등으로 진행을 할 수가 있습니다.
반응형 이미지 적용하기
티스토리 플러그인 중에서 반응형 웹스킨 이미지 최적화 기능을 제공하고 있습니다. 이는 이미지 크기를 브라우저 판단에 따라 자동으로 조절되는 기능으로 모바일에서 접속시 페이지 로딩 속도, 데이터 절약 등의 효과를 볼 수가 있습니다.
1. 티스토리 관리자 페이지에서 왼쪽 메뉴 플러그인으로 이동합니다.
2. 검색 기능을 이용해서 반응형 웹스킨 이미지 최적화를 찾습니다.
3. 그리고 팝업창이 뜨면 적용 버튼을 클릭해서 적용합니다.
대체 텍스트 작성
모든 이미지에는 대체 텍스트가 있어야 합니다. 대체 텍스트는 이미지가 로드되지 않을 때 표시되는 텍스트로 검색 엔진이 이미지를 이해하는 데 도움이 됩니다. 글 작성시 키워드를 포함시키는 것이 중요합니다.
이미지 압축
페이지 로딩 속도는 SEO에 큰 영향을 주며 큰 이미지 파일의 경우 페이지 로딩 속도를 느리게 하는 데 결정적인 역할을 합니다. 이미지 크기를 적당히 줄이고 사진 압축 사이트를 이용해서 페이지 로딩 속도를 최소화하세요.
1. 구글 검색에서 jpg 이미지 줄이기 혹은 png 이미지 줄이기 등으로 검색을 합니다. 그러면 이미지 사이즈 줄여주는 사이트들이 여러개 나오는데 저는 주로 iloveimg를 사용합니다.
2. 첫 페이지에 들어가면 이미지 압축이라는 내용을 볼 수가 있습니다. 클릭해주세요.
3. jpg, png, svg, gif 파일을 첨부합니다. 여러 이미지를 업로드 해도 됩니다.
4. 파일을 첨부하고 여러이미지 압축을 클릭하면 압축된 이미지를 다운로드 할 수가 있습니다. 293.19 -> 192.62 kb 무려 35%나 작아 적네요.
webp 사용
웹피는 구글에서 권장하는 이미지 형식으로 우리가 알고 있는 jpg, png 형식에 비해 파일 크기가 작아 페이지 로딩 속도, 이미지 품질 유지, 구글 이미지 검색에 유리, 웹표준에 유리합니다. 예전에는 모든 브라우저가 webp 를 지원하지 않았지만 지금은 거의 대부분 지원하기 때문에 webp를 적극 권장합니다. 현재 jpg 파일로 되어 있다면 webp 파일 변환 사이트를 이용해서 변환을 해보시기 바랍니다.
1. 구글검색에서 jpg webp 변환으로 검색하면 여러 변환 사이트를 찾을 수가 있습니다.
2. 그리고 나서 파일 선택 후 변환을 하면 webp 파일로 변하는 것을 볼 수 있습니다. 다운로드 해서 티스토리 글 쓰기에 첨부해서 이용을 하면 되겠습니다.
마무리
오늘 우리는 티스토리 이미지 최적화 방법에 대해서 알아보았는데 제가 공부한 내용에 대해서 어느정도 작성을 해보았는데 이게 100% 정답은 아니지만 이정도만 사용을 해도 다른 티스토리 보다 검색엔진에서 높은 점수를 받을 수가 있을것입니다.
댓글