가이드/콘텐츠 생성/미디어/이미지에 캡션 또는 대체 텍스트 추가

이미지에 캡션 또는 대체 텍스트 추가

캡션과 대체(ALT) 텍스트는 이미지의 접근성과 검색 엔진 최적화(SEO)를 개선합니다. 캡션은 시각적 컨텍스트를 추가하며, 대체 텍스트는 검색 엔진과 화면 리더가 이미지를 이해하는 데 도움이 됩니다.

이미지에 캡션 추가

캡션은 이미지 아래에 나타나거나 일부 테마에서는 이미지 위에 겹쳐서 표시됩니다. 이미지에 캡션을 추가하려면 다음 단계를 따르세요.

  1. 워드프레스닷컴 알림판에서 시작합니다.
  2. 이미지를 추가한 페이지, 글, 템플릿을 편집합니다. 
  3. 캡션을 추가할 이미지를 클릭합니다.
  4. 이미지 위에 나타나는 도구 모음에서 “캡션” 아이콘을 클릭합니다. 아이콘은 하단에 점선이 있는 정사각형처럼 보입니다.
이미지 블록을 선택하면 표시되는 도구 모음이며 캡션 아이콘이 강조 표시됩니다.
  1. “캡션 추가” 자리표시자가 나타나는 위치에 캡션을 입력합니다.

또는 AI 도우미(도구 모음의 캡션 아이콘 옆에 있는 별 3개)를 사용하여 이미지를 설명하는 캡션을 생성할 수 있습니다.

새 이미지를 삽입할 때 미디어 라이브러리에 추가된 캡션이 자동으로 표시됩니다. 미디어 라이브러리에 추가된 캡션은 이전에 추가한 이미지에 표시되지 않습니다. 수동으로 캡션을 추가하거나 이미지를 다시 삽입합니다. 

캡션 서식 지정

캡션 위의 도구 모음을 사용하여 굵게, 기울임꼴, 링크 및 추가 옵션을 포함한 텍스트 서식을 지정합니다. 단계는 다음과 같습니다.

  1. 워드프레스닷컴 알림판에서 시작합니다.
  2. 이미지를 추가한 페이지, 글, 템플릿을 편집합니다. 
  3. 서식을 지정할 캡션의 일부 또는 전체를 강조 표시합니다. 
  4. 서식 옵션에서 다음 옵션 중 선택합니다.
    • 굵게
    • 기울임꼴
    • 링크 추가
    • 더 보기 아이콘은 다음 항목을 포함합니다.
      • 각주 추가
      • 강조: 텍스트 및 배경 색상 변경
      • 인라인 코드
      • 인라인 이미지
      • 키보드 입력 스타일
      • 언어 속성
      • 취소선
      • 아래첨자
      • 위첨자

캡션의 정렬(왼쪽, 가운데, 오른쪽)은 이미지의 정렬을 반영합니다. 

이미지에 대체 텍스트 추가

대체 텍스트(ALT) 필드를 사용하여 이미지의 목적을 설명합니다. 이 텍스트는 검색 엔진과 화면 리더에서 사용됩니다.

  1. 워드프레스닷컴 알림판에서 시작합니다.
  2. 이미지를 추가한 페이지, 글, 템플릿을 편집합니다. 
  3. 대체 텍스트를 추가할 이미지를 클릭합니다.
  4. 상단 도구 모음에서 “설정” 아이콘을 클릭하여 사이드바 설정을 엽니다.
  5. 대체 텍스트” 필드를 찾고 설명을 입력합니다. 다음은 대체 텍스트 설명 생성을 위한 몇 가지 모범 사례입니다.

또는 AI 도우미(블록 도구 모음의 캡션 아이콘 옆에 있는 별 3개)를 사용하여 이미지를 설명하는 대체 텍스트를 생성할 수 있습니다.

대체 텍스트 재설정

이미지의 대체 텍스트를 재설정하려면 다음 단계를 따르세요.

  1. 편집하려는 이미지를 클릭합니다.
  2. 상단 도구 모음에서 “설정” 아이콘을 클릭하여 사이드바 설정을 엽니다.
  3. “설정” 헤더의 오른쪽에 있는 점 3개를 클릭하여 “설정 옵션” 메뉴를 엽니다.
  4. 대체 텍스트 설정 옆의 “재설정” 옵션을 클릭합니다.
"설정 옵션" 메뉴에서 초기화 가능한 설정으로 향하는 화살표.
Copied to clipboard!