ALT 태그 자동 생성기 사용 가이드

이미지 최적화 포스팅을 읽고 오신 분은 아시죠?

매번 이미지 파일명 작성 후 업로드하고, 다시 각 이미지들에 alt태그를 적용하고 여간 귀찮은 게 아니죠.

파일명을 작성했다면 그 파일명을 기반으로 자동으로 alt 태그를 채워 넣는 방법을 소개하려고 합니다.

 

사용 방법

주의 사항 : 이미지 파일명을 기반으로 alt 태그를 생성합니다.
ex) 사과-나무-사진.jpg => alt태그: 사과 나무 사진

 

이미지 파일명 작성 방법 보기 >>

1) HTML 코드 복사

글 작성이 끝났다면 'HTML 모드'로 들어갑니다.

 

전체 HTML 코드를 복사해 주세요.

 

2) html 태그 붙여 넣기

아래 사진처럼 태그를 붙여 넣은 후 ‘ALT 태그 추가하기’ 버튼을 클릭합니다.

 

3) 결과 html 태그 복사하기

파일명(filename)을 기반으로 대체텍스트를 자동으로 추가합니다.

완료된 결과를 복사해 주세요.

 

4) 사용 예시

 

5) 새로 생성된 html 코드 붙여 넣기

다시 티스토리 HTML 편집 모드에 들어가 새로 생성된 HTML 코드로 대체해 주세요.

 

아래 이미지를 참고하여 대체 텍스트가 잘 들어갔는지 확인하는 것도 잊지 마세요!

 

ALT 태그 자동 생성기 사용 하기

 

워드프레스에서 ALT 태그를 자동으로 생성하기를 원하는 분은 해당 사이트를 이용해주세요!