블로그 이미지 SEO 최적화 방법 | 대체 텍스트·파일명·WebP 용량 줄이기

작성자

카테고리:

블로그 이미지 SEO의 핵심은 이미지 내용을 설명하는 대체 텍스트(alt), 의미 있는 파일명, 적절한 용량과 형식(WebP 등), 본문과 관련 있는 배치 네 가지입니다. 이미지를 잘 다루면 구글 이미지 검색 유입을 기대할 수 있고, 페이지 속도와 접근성도 함께 좋아집니다. 이 글에서는 워드프레스에서 이미지를 올리기 전후로 확인할 항목을 순서대로 정리합니다.

이미지 SEO가 필요한 이유

검색엔진은 이미지를 사람처럼 보고 이해하는 능력이 좋아졌지만, 여전히 대체 텍스트와 주변 문장, 파일명 같은 텍스트 신호를 함께 참고합니다. 이미지 설명이 정확하면 이미지 검색 결과에 노출될 가능성이 높아지고, 화면 낭독기를 쓰는 방문자도 내용을 이해할 수 있습니다.

반대로 용량이 큰 이미지를 그대로 올리면 페이지가 느려져 방문자가 떠나기 쉽고, 코어 웹 바이탈 지표 중 가장 큰 콘텐츠가 표시되는 시간(LCP)이 나빠질 수 있습니다. 이미지 최적화는 검색 노출과 사용자 경험을 동시에 챙기는 작업입니다.

이미지 업로드 전 체크리스트

항목 권장 방법 피해야 할 예
파일명 내용을 나타내는 영문 단어를 하이픈으로 연결 IMG_1234, 스크린샷 날짜만 있는 이름
가로 크기 본문 영역 너비에 맞춰 줄이기 카메라 원본 그대로 업로드
형식 사진은 WebP 또는 JPEG, 도형·로고는 PNG나 SVG 모든 이미지를 PNG로 저장
용량 압축 도구로 화질을 유지하며 용량 줄이기 수 MB짜리 이미지를 여러 장 사용
저작권 직접 만든 이미지나 사용 허락이 명확한 이미지 검색으로 찾은 이미지 무단 사용

대체 텍스트(alt) 쓰는 방법

이미지를 말로 설명하듯 쓰기

대체 텍스트는 이미지를 볼 수 없는 사람에게 무엇이 담겨 있는지 알려 주는 문장입니다. 예를 들어 워드프레스 설정 화면을 캡처했다면 ‘워드프레스 설정 메뉴에서 고유주소 항목을 선택한 화면’처럼 구체적으로 적습니다.

키워드는 자연스러울 때만

모든 이미지에 같은 키워드를 반복해 넣으면 키워드 남용으로 보일 수 있습니다. 이미지 내용과 키워드가 실제로 관련 있을 때만 자연스럽게 포함하세요.

장식용 이미지는 비워 두기

구분선이나 배경처럼 의미가 없는 장식 이미지는 대체 텍스트를 비워 두는 것이 접근성 측면에서 더 적절합니다.

워드프레스에서 설정하는 순서

  1. 이미지를 편집 도구로 본문 너비에 맞게 줄이고 압축합니다.
  2. 내용을 나타내는 파일명으로 바꾼 뒤 미디어 라이브러리에 업로드합니다.
  3. 미디어 상세 화면에서 대체 텍스트 칸을 채웁니다. 제목, 캡션, 설명은 필요할 때만 입력합니다.
  4. 본문에 넣을 때 이미지 바로 앞뒤 문장이 이미지 내용을 설명하도록 배치합니다.
  5. 발행 후 페이지 속도 측정 도구로 이미지 관련 개선 제안이 있는지 확인합니다.

최근 워드프레스는 본문 이미지에 지연 로딩(lazy loading) 속성을 자동으로 붙여 화면 아래쪽 이미지를 나중에 불러옵니다. 다만 글 맨 위 대표 이미지처럼 처음 보이는 이미지는 지연 로딩이 오히려 LCP를 늦출 수 있어, 캐시나 최적화 플러그인 설정에서 제외 옵션을 확인해 보세요.

WebP 변환과 압축 도구 활용

WebP는 JPEG보다 같은 화질에서 용량이 작은 경우가 많아 블로그에 많이 쓰입니다. 워드프레스는 WebP 업로드를 지원하며, 이미지 최적화 플러그인을 쓰면 업로드할 때 자동으로 변환하고 압축할 수 있습니다.

  • 플러그인을 고를 때는 최근 업데이트 여부와 무료 사용량 제한을 확인합니다.
  • 원본 보관 옵션을 켜 두면 화질 문제가 생겼을 때 되돌릴 수 있습니다.
  • 이미 올린 이미지는 일괄 최적화 기능으로 한 번에 처리할 수 있지만, 실행 전에 백업을 해 두세요.

기존 글 이미지 점검과 자주 하는 실수

기존 글 이미지 점검하는 방법

이미 발행한 글이 많다면 한 번에 모두 고치기보다 방문자가 많은 글부터 순서대로 점검하는 것이 효율적입니다.

  1. 구글 서치 콘솔이나 방문자 통계에서 유입이 많은 글 목록을 뽑습니다.
  2. 해당 글을 페이지 속도 측정 도구로 확인해 이미지 크기나 형식 관련 제안이 있는지 봅니다.
  3. 미디어 라이브러리에서 대체 텍스트가 비어 있는 이미지를 찾아 내용에 맞게 채웁니다.
  4. 본문과 관련이 적은 이미지는 과감히 빼고, 필요한 정보는 텍스트로 옮깁니다.
  5. 수정 후 캐시를 비우고 모바일 화면에서 이미지가 정상적으로 보이는지 확인합니다.

이렇게 정리한 글은 수정 날짜를 메모해 두고 몇 주 뒤 검색 노출 변화를 비교해 보세요. 효과가 있었던 방식을 다음 글 작성 기준에 반영하면 점점 손이 덜 가는 구조를 만들 수 있습니다.

이미지 SEO에서 자주 하는 실수

가장 흔한 실수는 본문과 관계없는 이미지를 분량 채우기용으로 넣는 것입니다. 이미지는 글의 이해를 돕는 경우에만 넣고, 같은 이미지를 여러 글에 반복해서 쓰지 않는 것이 좋습니다. 또 텍스트가 많은 이미지를 올리면서 그 내용을 본문에 다시 쓰지 않으면 검색엔진과 방문자 모두 핵심 정보를 놓칠 수 있습니다. 중요한 정보는 반드시 본문 텍스트로도 적어 두세요.

자주 묻는 질문

이미지가 없는 글은 검색에 불리한가요?

이미지 유무만으로 순위가 정해지지는 않습니다. 글의 이해를 돕는 이미지가 있으면 좋지만, 필요 없는 이미지를 억지로 넣을 필요는 없습니다.

대체 텍스트와 이미지 제목은 같은가요?

다릅니다. 대체 텍스트는 이미지를 설명하는 핵심 속성이고, 제목은 마우스를 올렸을 때 보이는 보조 정보에 가깝습니다. 우선순위는 대체 텍스트에 두세요.

무료 이미지 사이트 이미지는 그대로 써도 되나요?

사이트마다 라이선스 조건이 다르므로 상업적 사용 가능 여부와 출처 표기 조건을 확인한 뒤 사용하세요.

마무리

이미지 SEO는 의미 있는 파일명, 정확한 대체 텍스트, 적절한 크기와 형식, 본문과의 연관성만 지켜도 충분히 효과를 볼 수 있습니다. 새 글을 쓸 때 업로드 전 체크리스트를 습관처럼 확인하고, 기존 글의 무거운 이미지는 백업 후 일괄 최적화로 정리해 보세요.

코멘트

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다