Studio 에디터: 이미지에 대체 텍스트 추가하기

3 분 분량
대체 텍스트는 이미지에 대한 간결한 설명을 제공해 검색 엔진 및 보조 기술이 비주얼의 콘텐츠를 파악할 수 있도록 도와줍니다. 대체 텍스트를 통합하면 사이트의 접근성SEO가 모두 향상되므로, 클라이언트를 위해 구축하는 사이트에 필수적입니다. 

모든 이미지에 대체 텍스트를 포함하는 것을 표준 관행으로 삼으세요. 이는 사이트 방문자의 경험을 향상시킬 뿐만 아니라 검색 가시성을 개선합니다. 이렇게 하면 제작하는 사이트의 전반적인 품질이 향상되며 클라이언트는 결과적인 접근성과 더 높은 검색 순위를 높이 평가할 것입니다.

이는 클라이언트의 사이트를 시각적으로 매력적이며 기능적이고, 포용성으로 유지할 수 있도록 하는 간단하지만 영향력 있는 방법입니다.

에디터에서 이미지에 대체 텍스트 추가하기

사이트에 단일 이미지, 프로 갤러리 또는 둘 다가 있는지 여부에 관계없이 대체 텍스트를 추가할 수 있습니다. 설정에서 단일 이미지에 추가할 수 있으며, 미디어 관리자에서 프로 갤러리 이미지에 추가할 수 있습니다.

에디터에서 대체 텍스트를 추가하려면:

  1. 에디터로 이동합니다.
  2. 해당 이미지 또는 프로 갤러리를 클릭합니다.
  3. 대체 텍스트를 추가합니다.
참고:
현재는 이미지 또는 갤러리에 대체 텍스트를 일괄적으로 추가할 수 없습니다. 해당 기능이 추가되길 원한다면, 여기에서 투표할 수 있습니다.

접근성 마법사에서 이미지에 대체 텍스트 추가하기

접근성 마법사로 사이트 스캔 시 이미지에 대체 텍스트를 추가하라는 메시지가 표시될 수 있습니다. 이미 대체 텍스트를 추가했다면, 작업 드롭다운을 사용해 업데이트할 수 있습니다.

마법사에서 대체 텍스트를 추가하려면:

  1. 에디터로 이동합니다.
  2. 에디터 왼쪽에서 사이트 진단 도구를 클릭합니다.
  3. 접근성 문제 해결을 선택합니다.
  4. 사이트 스캔을 클릭합니다. 
  5. 발견된 문제 탭을 선택합니다.
  6. 해당 페이지 드롭다운을 엽니다.
  7. 이미지에 대체 텍스트 추가하기를 클릭합니다.
  8. 이미지 옆 대체 텍스트 추가를 클릭합니다.
  9. 입력란에 텍스트 설명을 입력합니다.
  10. 적용을 클릭합니다.
이미지에 대한 대체 텍스트 드롭다운이 열려 있습니다. 대체 텍스트가 작성되었으며 커서가 적용을 클릭하고 있습니다.

자주 묻는 질문

질문을 선택해 대체 텍스트에 대한 자세한 내용을 확인하세요.