본문 바로가기
블로그관련글 및 생활정보

티스토리 블로그에서 ‘대체 텍스트’ 꼭 넣어야 할까?

by 만드는목공방 2025. 5. 18.
반응형

티스토리 블로그에서 대체 텍스트(alt text)를 왜 넣어야 할까요? 초보자를 위한 이미지 대체 텍스트의 기능과 SEO 효과, 입력 방법까지 쉽게 설명합니다.

 

블로그 글을 쓰다 보면 사진을 업로드할 때 '대체 텍스트'를 입력하라는 칸을 본 적 있으시죠?
“이거 뭔데 매번 비워도 되나?” “굳이 넣어야 해?”
라고 생각하셨다면 오늘부터는 다르게 보이실 거예요.

대체텍스트 꼭 넣어야 할까-썸네일
대체텍스트 꼭 넣어야 할까-썸네일

1. 대체 텍스트란 무엇인가요?

**대체 텍스트(alt text)**는 말 그대로
이미지가 보이지 않을 때 그 이미지가 무엇인지 설명해주는 문장이에요.

예를 들어, 아래와 같은 사진이 있다고 할게요.

![사진: 제주도 해변](alt="제주도 함덕 해수욕장의 석양 풍경")

이미지가 로딩되지 않거나 시각장애인을 위한 화면 낭독기가 작동할 때,
이 alt="..." 안의 문장이 대신 읽혀지는 거예요.

 

2. 왜 대체 텍스트를 넣어야 할까요?

 

 

(1) 검색엔진(SEO)에 좋아요)
네이버나 구글은 이미지를 인식하지 못하고, 이미지에 달린 설명을 통해
이 사진이 어떤 내용인지 판단해요.
따라서 alt 태그에 적절한 키워드를 넣으면
사진까지 검색 결과에 노출될 가능성이 높아집니다.

예: alt="서울 가을 단풍 여행 추천 장소" → 이미지 검색에도 유입될 수 있음!

 

(2) 이미지가 안 뜰 때 대체로 보여줘요
모바일 환경이나 데이터가 불안정할 때
이미지가 깨지거나 안 뜨는 경우가 있어요.
그럴 때 alt 텍스트가 대체되어 사용자에게 의미 전달을 해줍니다.

 

(3) 접근성(Accessibility)을 높여요)
시각장애인 분들이 화면 낭독기를 사용해서 블로그를 볼 때,
이 텍스트가 소리로 읽혀져서 이미지 내용을 전달하게 됩니다.
특히 요즘은 접근성을 중요시하는 추세라서
검색엔진도 alt 태그를 높게 평가하고 있어요.

 

3. 어떻게 써야 하나요?

초보자도 쉽게 따라 할 수 있도록 예시로 보여드릴게요.

❌ 이렇게 쓰면 안 돼요

  • 이미지1
  • photo123.jpg
  • ㅇㅇㅇㅇ

→ 이런 건 아무 의미도 없고 검색엔진에도 무시돼요.

 

✅ 이렇게 쓰는 것이 좋아요

  • 경복궁 가을 단풍 풍경
  • 카페 내부 인테리어와 브런치 세트
  • 2024년 서울 벚꽃 개화 시기

사진을 설명하면서 키워드도 자연스럽게 포함시키는 게 핵심입니다.

 

4. 어디에 입력하나요? (티스토리 기준)

  1. 포스트 작성 화면에서 이미지 삽입
  2. 이미지를 클릭하면 작은 편집 아이콘이 나와요
  3. 클릭 후 "대체 텍스트" 항목에 설명 입력
  4. 저장 후 발행!

TIP: 꼭 정답처럼 길게 쓸 필요는 없고,
사진을 간단하게 설명해주는 수준이면 충분합니다.

 

이미지 대체 텍스트 삽입 위치

5. 얼마나 넣어야 할까?

모든 이미지에 넣는 게 가장 좋지만,
시간이 없거나 너무 많다면 핵심 이미지만이라도 alt 텍스트를 넣는 것을 추천드려요.

 

6. 마무리 요약

  • 대체 텍스트는 이미지 설명 + 검색엔진에 설명 역할
  • SEO, 접근성, 사용자 편의성 모두에 도움이 됨
  • 짧고 핵심 있는 설명으로 자연스럽게 키워드를 넣는 것이 팁
  • 티스토리에서도 이미지마다 직접 입력 가능
반응형

댓글