이미지 최적화 예시로 본 자리와 순서

최근 수정 시각 2026-10-21 13:35:00

SEO 용어 노트 최적화 설계 항목[ 펼치기 · 접기 ]

앞에 놓은 요지

그림 파일의 이름과 용량, 형식, 설명 속성을 손질해 화면 속도와 이미지 검색 노출을 함께 다듬는 작업을 가리킨다. 이미지 최적화는 층별 목록에 따라 Image SEO, 이미지 검색 최적화라는 이름이 표제어에 붙어 다닌다.¹

검색엔진최적화를 두고 자리와 순서를 정하는 단계에서 이 요소가 어떻게 쓰이는지 가정한 장면 하나에 놓아 본다.² 예를 들어 시공 사례 문서에 수십 장의 원본 사진을 그대로 올렸다면, 전송량을 줄이고 형식을 바꾸는 작업이 먼저다.

사례에서 벗어나 노트의 머리 칸을 보면 이미지 최적화가 규칙으로 굳은 경과가 적혀 있다. 문서에서 그림이 차지하는 용량 비중이 커지면서 화면 속도와 검색 노출 양쪽에서 파일 관리가 점검 항목으로 올라왔다.

구획을 나눠 장면을 다시 읽으면 이미지 최적화의 움직임이 단계로 차례차례 나뉜다. 압축과 WebP 같은 형식 전환으로 전송량을 줄이고, 파일 이름과 설명 속성으로 그림 내용을 알리며, 크기 지정으로 화면이 밀리는 현상을 막는다.

구조 전반을 사이트 단위로 가늠하는 길은 내부링크구조 쪽으로 넘겨 두었다. 사례를 접고 실제 구획을 펴면 읽을 지점은 이렇게 적힌다. 속도 측정 도구에서 그림 때문에 지연된 항목을 확인하고, 서치 콘솔 검색 성과 보고서를 이미지 검색 기준으로 걸러 유입을 본다.

장면 속에서 도면을 받아 든 쪽이 되면 이미지 최적화를 두고 하는 손질은 이렇게 적힌다. 올리기 전에 화면 표시 크기에 맞춰 줄이고 형식을 바꾸는 절차를 정해 두고, 설명 속성과 크기 지정을 템플릿에서 빠뜨리지 않게 한다.

사례를 여러 사람이 나눠 옮길 때를 두면 이 요소를 둘러싼 대표적인 함정은 이렇게 추려진다. 원본을 그대로 올려 화면에서 줄여 보여 주면 전송량은 줄지 않고, 압축을 지나치게 걸면 그림이 흐려져 설명 구실을 못 한다.

손보는 자리가 가까워서 이 요소와 자리를 헷갈리는 개념이 바로 옆에 하나 있다. 본문 글을 다듬는 작업과 달리, 이쪽은 전송량과 형식처럼 파일 자체의 조건을 다루는 쪽에 무게가 있다.

입문자끼리 주고받는 말 가운데 이 요소에 대해 자주 틀리는 곳은 이렇게 드러난다. 파일 이름에 주제어를 넣는 것만으로 검색 노출이 생긴다고 보기 쉬우나, 주변 본문과 설명 속성이 함께 맞아야 내용이 전달된다.

검색엔진최적화를 두고 쌓아 두는 작업 노트에 이미지 최적화를 끝줄에 간단히 적어 둔다면 이렇다. 그림을 속도와 검색 양쪽 조건에 맞게 손질해 두는 준비 작업이다.

같은 묶음에 함께 올린 표제어로는 대체 텍스트와 레이지 로딩이 옆 칸에 마련되어 있다. 추가로 끼워 둔 빈 칸에는 오픈그래프와 반응형 웹 항목도 뒤이어 있다. 설명 속성 작성은 대체 텍스트가 맡고, 화면에 보일 때 불러오는 처리는 레이지 로딩과 묶어 설계한다.