워드프레스에서 이미지에 대체 텍스트(Alt Text)를 설정하여 SEO 향상시키기

2019. 8. 19. 07:00 | 댓글 6

워드프레스에서는 이미지를 미디어 라이브러리에 업로드하거나 이미지를 삽입할 때 이미지에 Alt Text(대체 텍스트)를 지정할 수 있습니다.

이미지를 미디어 라이브러이에 업로드할 때 "대체 텍스트"와 이미지의 "타이틀" 및 "캡션" 등을 설정할 수 있습니다.

미디어 라이브러리 속성 설정그림 1. 첨부파일 상세 정보.

그리고 업로드된 이미지 파일의 대체 텍스트, 타이틀, 캡션 등의 속성을 수정할 수도 있습니다. 이미지의 속성을 수정하려면 워드프레스 알림판 > 미디어 > 라이브러리를 클릭합니다.

그러면 미디어 라이브러리에 등록된 이미지 리스트가 나열됩니다. 해당 이미지를 클릭하면 그림 1과 같은 "첨부 파일 상세 정보" 팝업이 표시되어 이미지 속성을 변경할 수 있습니다.

미디어 라이브러리에서 이미지 편집그림 2. 미디어 라이브러리.

블록 에디터(Block Editor)를 사용하여 글을 작성하는 경우 이미지 파일을 업로드한 후에 오른쪽의 '블럭' 탭에서 이미지의 "대체 텍스트"를 입력하거나 수정할 수 있습니다.

블록 에디터에서 이미지 Alt Text 설정그림 3. 이미지 설정 - 대체 텍스트 지정

 

'블록' 패널에서 Alt Text를 수정해도 미디어 라이러브리에서는 변경되지 않는 것 같습니다.

비주얼 컴포저(WPBakery Page Builder) 같은 페이지 빌더를 사용하여 페이지를 제작하는 경우에도 이미지를 추가할 때 미디어 라이브러리로 이미지를 업로드하거나 미디어 라이브러리에 업로드된 이미지를 선택하면서 Alt Text를 설정하거나 수정할 수 있습니다.

이미지를 추가할 때 '대체 텍스트'를 입력하면 SEO(검색엔진 최적화)에 도움이 됩니다.

검색엔진은 이미지를 읽을 수 없기 대문에 이미지를 설명할 수 있는 "대체 텍스트"를 검색하게 됩니다. 워드프레스에서는 이미지에 대체 텍스트(Alt Text)를 직접 추가하여 사이트 방문자와 검색엔진에게 사이트의 이미지에 대한 정보를 제공할 수 있으며, 검색어와 관련 검색 결과를 일치시킬 수 있습니다.

이미지에 '대체 텍스트'를 입력하지 않았다면 미디어 라이브러리에서 각 이미지의 '대체 텍스트'를 입력할 수 있습니다.

참고:

  • 네이버 블러그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • 카카오스토리 공유하기

댓글을 달아 주세요

">
  1. thumbnail
    Aaron martion lucas

    ㅠㅠ 티스토리에서도 ALT 그거 어케하죠... 참 어렵네요

  2. thumbnail
    공수래공수거

    대채 텍스트를 설정할수 있군요..ㅎ
    수국이 아름답죠^^

  3. thumbnail
    잉여토기

    사진 대체 문구를 넣는 것이 검색엔진 최적화에 도움이 되는군요.
    티스토리 블로그에 포스팅 업로드할 때도 사진 대체 문구를 입력하도록 해야겠어요. 고맙습니다.