Skip to content 
네이버서치어드바이저에서 Alt 속성 누락 문제를 해결하는 방법에 대해 알아보겠습니다. 또한 Alt 속성이란 무엇인지, 이게 왜 중요한지에 대해서도 알아볼게요. 모든 과정은 워드프레스를 기본으로 설명하고 있습니다만, 티스토리 또는 블로그 스팟 등에서도 쉽게 적용할 수 있으실거예요.
1. ALT 속성이란?
ALT 속성(Alternative Text)은 이미지의 대체 텍스트를 지정하는 HTML 속성입니다. 이 텍스트는 이미지가 로드되지 않거나 화면을 볼 수 없는 경우(예: 시각장애인이 스크린 리더를 사용할 때) 대체로 표시됩니다. 쉽게 말해 블로그 포스트에 사용되는 이미지를 설명하는 짧은 설명 글이라고 생각하시면 됩니다. ALT 속성의 중요성은 다음과 같습니다.
• 접근성(Accessibility): 시각장애인이 스크린 리더를 사용할 때 이미지를 설명할 수 있도록 도와줍니다.
• SEO(Search Engine Optimization): 검색 엔진은 ALT 속성을 사용해 이미지의 내용을 이해하고, 이를 기반으로 이미지를 검색 결과에 노출시킵니다.
• 웹 표준 준수: 웹 표준을 준수하기 위해서도 ALT 속성을 추가하는 것이 권장됩니다.
2. ALT 속성이 누락이 된다면
ALT 속성이 없는 이미지는 접근성과 SEO 측면에서 불리한 점이 있습니다. 특히, 네이버와 같은 검색 엔진에서 색인 작업을 할 때 이미지에 대한 텍스트 설명이 없다면, 이미지 검색에서 노출될 가능성이 낮아집니다. 이는 트래픽 유입을 감소시킬 수 있습니다.
3. ALT 속성 추가 방법
워드프레스 블로그에서 ALT 속성을 추가하는 방법은 다음과 같습니다.
이미지 업로드 시 ALT 속성 추가
워드프레스에서 이미지를 업로드할 때 ‘미디어 라이브러리’ 창이 나타납니다. 이 창에서 이미지에 대한 제목, 캡션, 설명, 그리고 ALT 텍스트를 입력할 수 있는 필드가 있습니다. ALT 텍스트 필드에 이미지의 내용을 간결하게 설명하는 텍스트를 입력하세요.
기존 이미지의 ALT 속성 수정 (색인 신청한 글에 문제가 생겼을 경우)
• ‘네이버서치어드바이저’에서 Alt 속성 누락된 페이지가 확인됩니다.
• 아래 페이지 목록에서 Alt 속성 누락된 페이지를 찾습니다.
• 워드프레스 관리자 페이지에서 ALT 속성을 추가 또는 수정하고자 하는 이미지를 클릭합니다.
• 이미지 상세 정보 창이 나타나면, ‘대체 텍스트’란에 적절한 텍스트를 입력합니다.
• ‘변경 사항 저장’ 버튼을 클릭하여 수정 내용을 저장합니다.
직접 HTML 코드 수정
포스팅의 HTML 코드를 직접 편집할 수 있는 경우, <img> 태그에 ALT 속성을 추가할 수 있습니다.
• 예를 들어: <img src=”image-url.jpg” alt=”이미지를 설명하는 텍스트”>
4. 효과적인 ALT 텍스트 작성 팁
• 짧고 명확하게: 이미지를 간단하고 직관적으로 설명하세요. 너무 길거나 복잡한 설명은 피하는 것이 좋습니다.
• 관련 키워드 포함: 이미지가 게시물의 주제와 관련이 있다면, 적절한 키워드를 자연스럽게 포함하세요. 그러나 키워드를 과도하게 사용하는 것은 오히려 검색 엔진에 부정적인 영향을 줄 수 있으니 주의하세요.
• 맥락에 맞는 설명: 이미지가 문맥상 어떤 의미를 갖는지 설명하는 것이 좋습니다. 예를 들어, 특정 제품 이미지라면 제품 이름과 기능을 간단하게 설명하는 것이 좋습니다.
5. 네이버서치어드바이저와의 연동
네이버서치어드바이저를 통해 웹사이트의 상태를 모니터링하고 ALT 속성 누락 여부를 확인하세요. 문제를 해결한 후에는 네이버서치어드바이저에서 다시 한번 ‘웹 페이지 수집 요청’하여 모든 2-3일 뒤 이미지가 올바르게 색인 되고 있는지 점검할 수 있습니다.
결론
ALT 속성은 단순히 이미지를 설명하는 역할을 넘어, 접근성 향상과 SEO 최적화를 위해 필수적인 요소입니다. 워드프레스에서 이미지 업로드 시 ALT 속성을 항상 포함하도록 습관화하고, 네이버서치어드바이저를 통해 정기적으로 상태를 점검하여 블로그의 검색 노출성을 높이는 것이 중요합니다.
