티스토리 강좌 | 본문에 넣는 이미지에 alt 속성 추가하기

이미지를 넣는 HTML 태그

HTML에서 이미지는 img 태그로 넣습니다. 기본 구성은 다음과 같아요.

src 속성에는 이미지 경로를 넣고, alt 속성에는 이미지를 출력할 수 없을 때 나타낼 텍스트를 넣어요. 즉, abc.png를 출력할 건데, 이런저런 이유로 이미지를 출력할 수 없으면 abc라는 글자를 출력합니다.

alt 속성이 없어도 이미지 출력에는 문제가 없지만, HTML 유효성 검사를 하면 경고가 뜹니다. 따라서 값이 없더라도 alt 속성은 넣는 게 좋아요. 그래서 워드프레스나 드루팔 등에서는 alt 속성값을 지정하지 않으면 다음처럼 값이 없는 alt 속성을 추가합니다.

티스토리 본문에 이미지 넣을 때 alt 속성 추가하기

티스토리 본문에 이미지를 넣으면 다음처럼 태그가 만들어져요. 기본적으로 alt 속성이 추가되지 않습니다.

alt 속성이 없으면 검색 엔진이 좋아하지 않아요. 네이버 웹마스터도구에서 느낌표를 만드는 원인이기도 해요.

그렇다면 어떻게 alt 속성을 추가할까요? 이미지를 클릭하고 대체 텍스트에 글자를 입력하세요. 그 글자가 alt 속성의 값이 됩니다.

아주 귀찮은 작업이에요. 개인적으로도 자막은 가끔 넣는데, 대체 텍스트는 그냥 지나치게 돼요.

alt 속성이 SEO에 얼마나 영향을 미치는지는 모르겠지만, 번거롭게 느껴지지 않는다면 대체 텍스트를 입력하시길 권장합니다.

반응형 티스토리 스킨을 찾으시나요?
상호 : 제이비 팩토리 사업자등록번호 : 189-03-00944 대표 : 주재범 TEL : 031-388-9261(874) E-MAIL : jb.jbfactory@gmail.com 주소 : 경기도 안양시 동안구 시민대로 230, D동 874호 통신판매업신고번호 : 제2017-안양동안-0574호 사업자정보공개 호스팅서비스 : NAVER Business Platform 구매안전서비스 : (주)케이지이니시스 이용약관 개인정보처리방침