이미지에 대체 텍스트(alt 속성)를 추가하고 싶어요 (웹 접근성, SEO)

대체 텍스트란, 이미지처럼 텍스트로 표현되지 않는 콘텐츠를 시각 장애인이나 텍스트 전용 브라우저를 사용하는 사람들이 인식할 수 있도록 텍스트 형태의 정보로 제공하는 것을 의미해요.
포털 사이트의 검색 로봇이 이미지에 대한 정보를 더 쉽게 수집할 수 있기 때문에 웹 접근성 및 SEO 향상에도 효과적입니다.

이미지 위젯에 대체 텍스트 적용하기

1. 디자인 모드에서 추가한 이미지 위젯에서 마우스 우클릭 - 이미지 설정을 클릭해 주세요.

2. 이미지 위젯 설정 창의 설명 항목에서 ‘감추기’를 선택 후 바로 아래의 설명란에 이미지 설명을 입력합니다. 

3. 이미지 위젯 설정 창을 닫고 우측 상단 게시하기 버튼을 클릭하여 적용해 주세요.

갤러리 위젯에 대체 텍스트 적용하기

1. 디자인 모드에서 추가한 갤러리 위젯에서 마우스 우클릭 - 갤러리 설정을 클릭해 주세요.

2. 갤러리 위젯에서 이미지 선택 후 이미지 설명에 <alt=입력하고 싶은 내용> 을 입력합니다. 

3. 갤러리 위젯 설정 창을 닫고, 우측 상단 게시하기 버튼을 클릭하여 적용해 주세요.

텍스트 위젯에 추가한 이미지에 대체 텍스트 적용하기

1. 디자인 모드에 추가한 텍스트 위젯을 더블 클릭 후 첨부한 이미지를 클릭해 주세요.

2. 클릭 후 확인되는 툴바에서 ‘대체 텍스트’를 클릭해요.

3. 대체 텍스트 창에서 내용을 입력한 뒤 ‘업데이트’ 버튼을 클릭해 주세요.

4. 텍스트 위젯 바깥 영역을 클릭한 후 우측 상단 게시하기 버튼을 클릭하여 적용해 주세요.

게시판 위젯에 추가한 이미지에 대체 텍스트 적용하기

1. 게시판이 있는 페이지에서 글쓰기 또는 수정을 통해서 추가한 이미지를 클릭해 주세요.

2. 클릭 후 확인되는 툴바에서 ‘대체 텍스트’를 클릭해요.

3. 대체 텍스트 창에서 내용을 입력한 뒤 ‘업데이트’ 버튼을 클릭해 주세요.

4. 해당 게시글의 오른쪽 상단에 있는 ‘작성’ 또는 ‘확인’ 버튼을 클릭하여 적용해 주세요.

상품 상세페이지 - 상세설명의 이미지에 대체 텍스트 적용하기

1. [관리자 페이지 > 쇼핑 > 상품 > 편집 및 추가]에서 상세 설명에 추가한 이미지를 클릭해 주세요.

2. 클릭 후 확인되는 툴바에서 ‘대체 텍스트’를 클릭해요.

3. 대체 텍스트 창에서 내용을 입력한 뒤 ‘업데이트’ 버튼을 클릭해 주세요.

4. 우측 상단에 있는 ‘저장’ 버튼을 클릭하여 적용해 주세요.