워드프레스 "이 이미지는 대체 속성이 비어있습니다" 오류

워드프레스에서 이미지를 업로드한 후에 실제 페이지나 글에서 볼 때 '이 이미지는 대체 속성이 비어있습니다' (This image has an empty alt attribute) 텍스트가 표시되면서 이미지가 깨지는 경우가 있을 수 있습니다.

이미지에 대체(Alt) 속성이 비어 있어도 이미지가 표시가 안 되는 경우는 없습니다. 이 문제가 발생할 경우 이미지를 다른 방식으로 업로드하여 해결되는지 체크해볼 수 있습니다.

워드프레스에서 기본 편집기인 블록 에디터를 사용하면 이미지를 끌어다 놓거나 혹은 이미지를 복사(Ctrl+C)하여 Ctrl+V를 눌러 붙여넣기 하는 식으로 쉽게 이미지를 삽입할 수 있습니다.

예를 들어, 윈도우 바탕 화면에 있는 이미지를 선택한 후 오른쪽 마우스 버튼을 누르고 '복사'를 눌러 이미지를 복사할 수 있습니다.

그런 다음, 포스트 또는 페이지 편집 화면(블록 에디터 사용)에서 Ctrl+V를 누르면 이미지가 미디어 라이브러리로 업로드되면서 글이나 페이지에 삽입됩니다.

이미지가 삽입되면 이미지 설정에서 대체 텍스트(ALT text)를 입력할 수 있습니다. 그러나 대체 텍스트를 입력하지 않아도 보통은 문제 없이 이미지가 표시됩니다. (대체 텍스트를 입력하면 SEO에서 약간의 이득이 있지만, 입력하지 않아도 큰 문제는 없습니다.)

또한, 바탕 화면에 있는 이미지를 블록 에디터 편집 화면으로 드래그하여 끌어다 놓는 방식으로도 이미지를 삽입할 수 있습니다.

만약 Ctrl+C하여 이미지를 복사한 다음, Ctrl+V를 눌러 이미지 파일을 삽입할 때 "이 이미지는 대체 속성이 비어있습니다" 에러가 발생한다면, 이미지를 드래그하여 업로드하거나 블록 에디터의 이미지 블록을 사용하여 이미지를 업로드해보시기 바랍니다.

근데 픽사베이에서 워드프레스로 이미지를 넣을 때 '우클릭 후 이미지복사>Ctrl+V' 말고 '픽사베이 이미지를 바로 드래그>워드프레스 글쓰기 페이지로 드랍' 이렇게 이미지를 옮기니까 바로 잘 들어가더라고요!

무료 이미지 다운로드 사이트인 픽사베이에서 이미지를 다운로드하여 넣을 때 Ctrl+C → Ctrl+V 방식을 넣을 때 이런 오류가 발생했지만, 이미지를 드래그하여 드롭하는 방식으로 이미지를 업로드하면 오류가 발생하지 않는다고 하시는 분이 계시네요.

저작권 없는 무료 이미지를 다운로드하고 싶은 경우 픽사베이를 이용할 수 있습니다. 요즘에는 챗GPT나 그록3 등 생성형 AI를 이용하여 이미지를 생성할 수도 있습니다.

저는 보통 이미지 블록을 사용하여 이미지를 업로드하고 있습니다. 블록 에디터에서 /이미지를 눌러 이미지 블록을 선택하고 이미지를 드래그하여 이미지 블록에 놓으면 이미지가 삽입됩니다(키보드 단축키 참조).

글이나 페이지에 이미지를 넣을 때 "이 이미지는 대체 속성이 비어있습니다" 오류가 발생하는 경우 이미지 블록을 이용하여 이미지를 삽입하여 문제가 해결되는지 확인해보시기 바랍니다.

이 문제에 대하여 검색해보니 이런 문제가 거의 발생하지 않는 것으로 보입니다. 구글링해도 실질적으로 도움이 되는 글은 없는 것 같습니다.

이 글에 제시된 방법으로 문제가 해결되지 않는다면 디버그 모드로 전환하여 오류 로그에 이와 관련된 오류가 기록되는지 체크해보면 좋을 것 같습니다.

👉 여러 가지 조치에도 문제가 해결되지 않거나 워드프레스 또는 웹호스팅 관련 문제로 해결에 어려움을 겪는다면 여기에서 서비스(유료)를 의뢰하실 수 있습니다.

마치며

이상으로 "이 이미지는 대체 속성이 비어있습니다" 문제에 대하여 살펴보았습니다.

참고로 워드프레스에서 Rank Math 플러그인을 사용하면 이미지 대체 텍스트가 누락될 경우 자동으로 입력하도록 설정할 수 있습니다.