워드프레스에서는 이미지를 미디어 라이브러리에 업로드하거나 이미지를 삽입할 때 이미지에 Alt Text(대체 텍스트)를 지정할 수 있습니다.
이미지를 미디어 라이브러이에 업로드할 때 "대체 텍스트"와 이미지의 "타이틀" 및 "캡션" 등을 설정할 수 있습니다.
그리고 업로드된 이미지 파일의 대체 텍스트, 타이틀, 캡션 등의 속성을 수정할 수도 있습니다. 이미지의 속성을 수정하려면 워드프레스 알림판 > 미디어 > 라이브러리를 클릭합니다.
그러면 미디어 라이브러리에 등록된 이미지 리스트가 나열됩니다. 해당 이미지를 클릭하면 그림 1과 같은 "첨부 파일 상세 정보" 팝업이 표시되어 이미지 속성을 변경할 수 있습니다.
블록 에디터(Block Editor)를 사용하여 글을 작성하는 경우 이미지 파일을 업로드한 후에 오른쪽의 '블럭' 탭에서 이미지의 "대체 텍스트"를 입력하거나 수정할 수 있습니다.
'블록' 패널에서 Alt Text를 수정해도 미디어 라이러브리에서는 변경되지 않는 것 같습니다.
비주얼 컴포저(WPBakery Page Builder) 같은 페이지 빌더를 사용하여 페이지를 제작하는 경우에도 이미지를 추가할 때 미디어 라이브러리로 이미지를 업로드하거나 미디어 라이브러리에 업로드된 이미지를 선택하면서 Alt Text를 설정하거나 수정할 수 있습니다.
이미지를 추가할 때 '대체 텍스트'를 입력하면 SEO(검색엔진 최적화)에 도움이 됩니다.
검색엔진은 이미지를 읽을 수 없기 대문에 이미지를 설명할 수 있는 "대체 텍스트"를 검색하게 됩니다. 워드프레스에서는 이미지에 대체 텍스트(Alt Text)를 직접 추가하여 사이트 방문자와 검색엔진에게 사이트의 이미지에 대한 정보를 제공할 수 있으며, 검색어와 관련 검색 결과를 일치시킬 수 있습니다.
이미지에 '대체 텍스트'를 입력하지 않았다면 미디어 라이브러리에서 각 이미지의 '대체 텍스트'를 입력할 수 있습니다.
참고:
※일부 글에 제휴 링크가 포함될 수 있습니다.
ㅠㅠ 티스토리에서도 ALT 그거 어케하죠... 참 어렵네요
답글
안녕하세요?
저는 티스토리의 이전 에디터(새로운 에디터가 아닌)를 사용하고 있습니다. 구 에디터에서는 쉽게 Alt 텍스트를 입력할 수 있습니다. 새로운 에디터는 사용하고 있지 않아서 쉽게 입력할 수 있는지 잘 모르겠네요. 잘 안 되면 HTML 소스에서 직접 입력할 수도 있을 것입니다...ㅎㅎ
대채 텍스트를 설정할수 있군요..ㅎ
수국이 아름답죠^^
답글
샘플 이미지의 꽃이 수국이군요.ㅎㅎ
오늘도 즐거운 하루 보내세요.
사진 대체 문구를 넣는 것이 검색엔진 최적화에 도움이 되는군요.
티스토리 블로그에 포스팅 업로드할 때도 사진 대체 문구를 입력하도록 해야겠어요. 고맙습니다.
답글
검색엔진에서 이미지의 내용을 인식할 수 없기 때문에 alt 텍스트를 지정해주면 SEO에 도움이 됩니다.