워드프레스 이미지 점검: ALT·표시 크기·로딩 확인

워드프레스 이미지는 독자가 내용을 이해하는 데 도움이 되고, 필요한 화면에서 제대로 표시되어야 합니다. 검색 노출을 위해 ALT에 키워드를 정해진 횟수만큼 넣거나 모든 파일을 같은 용량으로 맞출 필요는 없습니다. 이미지의 역할, 대체 텍스트, 표시 크기와 로딩 상태를 차례로 확인하세요.

이미지가 전달할 내용을 먼저 정합니다

설정 화면이라면 독자가 어떤 버튼과 결과를 확인해야 하는지, 비교 사진이라면 무엇이 달라졌는지 본문에서 설명합니다. 실제 화면을 보여주지 않는 장식 이미지를 실행 화면처럼 소개하지 마세요. 그림이 없어도 의미가 유지되는지 살펴보면 필요한 설명을 찾기 쉽습니다.

Google은 ALT뿐 아니라 컴퓨터 비전과 페이지 내용도 함께 사용해 이미지를 이해합니다. ‘이미지를 이해하는 단서는 텍스트뿐’이라는 설명은 정확하지 않습니다. 파일명은 짧고 알아보기 쉽게 정하되 기존 파일의 주소를 바꿀 때는 연결된 글과 외부 링크가 깨지지 않는지도 확인하세요. Google 이미지 안내를 참고하세요.

ALT는 이미지의 역할에 맞춰 씁니다

ALT는 별도의 태그가 아니라 img 요소의 속성입니다. 정보를 전달하는 이미지에는 해당 문맥에서 필요한 내용을 적습니다. 예를 들어 실제로 저장 완료 표시가 있는 화면이라면 ‘설정 저장 후 변경 사항이 저장됐다는 알림’처럼 의미를 설명할 수 있습니다. 보이지 않는 결과를 추측해서 쓰지 마세요.

‘키워드 1회’, ‘80자 이내’ 같은 수치를 공통 규칙으로 적용하지 않습니다. 키워드를 반복하기보다 이미지가 본문에 어떤 정보를 더하는지 설명하세요. 복잡한 그래프는 ALT만 길게 쓰기보다 본문에 해설이나 데이터를 함께 제공합니다.

의미를 추가하지 않는 순수 장식 이미지에는 빈 ALT인 alt=""를 사용할 수 있습니다. 속성을 아예 빠뜨리는 것과는 다릅니다. 링크나 버튼 역할의 이미지는 기능까지 고려해야 합니다. W3C 장식 이미지 안내에서 구분 기준을 확인하세요.

워드프레스에서 저장한 뒤 공개 페이지를 확인합니다

1. 글 편집기에서 이미지 블록을 선택하고 대체 텍스트를 확인합니다. 미디어 라이브러리 값과 본문에 이미 삽입된 값이 같다고 가정하지 마세요.
2. 내용을 고친 뒤 글을 저장합니다. 캡션이 필요한 경우 이미지 아래에 보이는 설명도 별도로 작성합니다.
3. 공개 페이지의 이미지 요소를 검사해 실제 ALT와 파일 주소를 확인합니다.
4. 같은 이미지를 다른 글에서도 사용한다면 각 문맥에 맞는 대체 텍스트가 필요한지 검토합니다.

화질과 용량은 실제 표시 크기로 판단하세요

글 안에서 작게 보여주는 사진에 지나치게 큰 원본이 전달되는지 확인합니다. 압축 후에는 글자나 그래프 선이 읽히는지, 투명 배경과 색이 유지되는지 비교하세요. ‘150KB 이하’ 같은 단일 기준보다 이미지의 용도와 실제 다운로드 크기를 함께 보는 것이 낫습니다.

WebP나 AVIF를 쓸 때는 설치된 워드프레스 버전과 서버의 이미지 처리 지원을 확인하세요. 두 형식이 같은 워드프레스 버전부터 모두 지원된다고 가정하지 않습니다. 이미지 압축 도구로 만든 결과도 업로드 후 실제 표시 상태를 확인하세요.

첫 화면의 중요한 이미지는 지연시키지 마세요

지연 로딩은 화면 아래쪽 이미지의 불필요한 초기 다운로드를 줄일 수 있지만, 첫 화면의 큰 대표 이미지까지 늦게 불러오면 오히려 표시가 늦어질 수 있습니다. 특히 LCP가 되는 이미지에 loading=”lazy”를 강제로 붙이지 마세요. 모든 이미지에 지연 로딩을 강제하는 코드부터 추가하는 방식은 피합니다.

이미지의 width·height나 표시 비율도 확인해 로딩 중 본문이 크게 밀리지 않도록 합니다. 개발자 도구에서 요청 시점과 실제 표시를 비교하고, 자세한 로딩 동작은 브라우저 이미지 지연 로딩 안내를 참고하세요.

마지막으로 확인할 항목

• 이미지 주소가 정상 응답하고 로그아웃 상태에서도 보이는가?
• ALT가 이미지의 정보나 기능에 맞으며 장식 이미지를 구분했는가?
• 휴대폰 화면에서도 글자와 중요한 부분이 읽히는가?
• 첫 화면 이미지가 불필요하게 늦게 요청되지 않는가?
• 원본과 압축본을 비교했고 출처·이용 권한을 확인했는가?

이미지 설정을 고쳤다고 검색 순위가 보장되지는 않습니다. 페이지 전체가 검색에서 제외되는 문제라면 검색 노출 점검부터 확인하고, 변경 전 백업과 테스트 순서는 워드프레스 운영 가이드를 참고하세요.