티스토리 이미지에 alt 태그 넣는 방법

 

 

<목차>

  1. alt 태그란

  2. 티스토리 이미지에 alt 태그를 넣어야 하는 이유

  3. 티스토리 이미지에 alt 태그 넣는 방법

 

---

1. alt 태그란

안녕하세요, 오늘은 티스토리 이미지에 alt 태그 넣는 방법에 대해 포스팅해보려고 합니다. 그전에 alt 태그가 무엇인지 먼저 알아보겠습니다. alt는 alternate(대체하다)의 줄임말로 주소가 잘못되었거나 서버 문제로 이미지를 불러오지 못하는 경우 alt 태그의 내용이 해당 이미지를 대체하여 나타냅니다. 또한 시각장애인 분들이 컴퓨터나 핸드폰을 사용할 때 이미지를 대체하여 인식할 수 있도록 해주는 것을 alt 태그라고 합니다.

 

조금 더 쉽게 설명을 하자면 구글에 '튤립'이라고 검색을 한 뒤 이미지를 누르면 alt 태그에 튤립이라고 적은 이미지들이 페이지에 나오게 됩니다. 하지만 간혹 튤립과 관계없는 이미지들이 페이지에 나오기도 하는데 이는 alt 태그를 작성하지 않았거나 잘못 작성된 것입니다. 구글은 이런 잘못된 이미지들이 검색되는 걸 막기 위해 alt 태그를 작성하여 명확한 이미지들을 설명할 수 있도록 방지하고 있습니다.

 

2. 티스토리 이미지에 alt 태그를 넣어야 하는 이유

네이버 블로그 같은 경우 alt 태그를 사용하지 않아도 네이버 검색에서 노출이 되어 굳이 사용할 필요가 없습니다. 하지만 티스토리 블로그는 구글 및 네이버에서 노출이 되려면 블로그에 올리는 사진에 alt태그를 넣어 검색 엔진을 최적화해줘야 합니다. 하지만 단순히 사람들의 이목을 끌기 위한 이미지는 무의미한 이미지기 때문에 alt 태그를 비워두는 것이 좋습니다.

 

3. 티스토리 이미지에 alt 태그 넣는 방법

티스토리 블로그에 들어가서 글을 쓰고 이미지를 먼저 넣어 줍니다. 그 다음 우측 상단에 기본 모드를 선택 한 뒤 HTML을 선택하면 아래와 같은 이미지가 나오게 됩니다. 

 

 

 

여기서 해당 이미지 파일을 찾아야합니다. 저는 이미지 파일명이 "제목을 입력해주세요.-001(2).png"기 때문에 이 뒤에 한 칸을 띄운 뒤 alt" " 을 입력해 줍니다. 입력을 했으면 " "안에 해당 이미지를 설명하는 내용을 작성해 주고 기본 모드로 다시 돌아가 주면alt 태그 넣는 것이 끝나게 됩니다.

 

 

<예시>  "제목을 입력해주세요.-001(2)png" alt"티스토리 이미지에 alt 태그 넣는 방법 이미지"

 

 

주의사항

글 내에 파일 이름 또는 alt태그 이름이 같은 게 있으면 안 됩니다. 또한 alt태그와 페이지 안에 있는 다른 alt태그의 이름이 같아서도 안됩니다. 각각의 고유한 alt태그를 넣어준다고 생각하시면 됩니다. 이미지를 하나만 넣으면 상관이 없겠지만 여러 이미지를 넣어야 할 경우 이점을 주의해주세요.