티스토리 검색 노출 최적화 이미지 alt 대체 텍스트 추가.

티스토리 글 작성시 이미지를 추가하게 되면서 대부분의 경우 귀찮다는 이유로, 또는 몰라서 작성을 하지 못하는 부분으로 검색 노출 최적화의 글을 작성할때 놓치고 있는 부분으로 alt태그, 또는 대체 텍스트라고 할 수 있을것 같습니다.

 

티스토리 블로그 글을 작성하고 검색 노출 최적화에 따른 방문자, 조회수 증가를 고민하고 계신다면 앞으로는 반듯이 alt태그 또는 대체텍스트를 반듯이 작성해야 겠습니다.

 

더불어 대체 텍스트는 과거부터 계속해서 발전해 오고 있지만 많이 알려지지 않아서 사회적으로 시각적 약자에 해당하는이들이 인터넷을 접하는데 어려움을 느끼게 하는 요인으로 작용하고 있고 "국가정보화기본법"과 "장애인차별금지법"에서 대체 텍스트를 작성해야 하는 근거도 찾아볼 수 있는 이유와 함께 자신의 티스토리 블로그 방문자, 조회수 증가와 애드센스 수익증가를 원한다면 사소한 부분의 대체 텍스트를 잊지 말고 작성해 주는것이 좋겠습니다.

 

▼ 목차

1. alt태그, 대체 텍스트.

2. 대체 텍스트와 검색 노출의 상관 관계.

3. 티스토리 블로그 대체 텍스트 작성 방법.

---

1. alt태그, 대체 텍스트?

alt태그와 대체 텍스트는 무엇인지 먼저 살펴 보도록 하겠습니다.

alt태그와 대체 텍스트는 서로 동일한 의미를 갖는 단어로 글을 작성하면서 업로드한 이미지를 텍스트로 설명하는것으로 alt태그를 사용하여 작성하는것을 말하는것으로 이것을 alt태그 또는 alt속성, 대체 텍스트라고 하는것입니다.

 

이미지를 업로드하는것은 본문의 글을 좀 더 쉽게 이해시키기 위해서 시각적인 이해를 돕기 위함인데, 시각적 장애를 겪는 이들에게는 이러한 이미지를 볼수도없고, 읽을수도 없습니다.

따라서 이러한 시각적 약자를 배려하기 위한것으로 이미지를 텍스트로 읽을 수 있도록 하고 이미지에서 설명하고 있는것이 무엇인지 알 수 있도록 하기 위해서 이미지가 담고 있는 내용을 텍스트로 설명하는것으로 html태그내에 그 내용을 작성하는것이라고 할 수 있습니다.

 

2. 대체 텍스트와 검색 노출의 상관 관계.

alt태그와 대체 텍스트는 동일한 의미를 갖는것으로 이하 본문에서는 대체 텍스트로 통일해서 작성하도록 하겠습니다.

글을 작성하면서 이미지를 업로드하는 이유로 본문의 글을 좀 더 쉽게 이해시키거나 시각적 효과로 본문의 글을 읽도록 유도하려는 생각에서 이미지를 업로드하게 될텐데, 이러한 이미지를 텍스트로 설명하는것이 검색 노출과 어떠한 상관 관계를 갖고 있는지 간단하게 설명해 보도록 하겠습니다.

우선 검색 플랫폼의 검색봇에 의해서 사용자의 검색어에 맞춰서 티스토리 블로그가 노출되고 그중에서 사용자가 원하는 정보를 담고 있을만한 블로그를 클릭하게 될것입니다.

 

그런데 이러한 검색봇은 우리가 업로드한 이미지가 무엇을 뜻하거나 의미하는지 읽을수 없기 때문에 대체 텍스트를 입력하지 않은 이미지를 업로드하는것은 블로그의 속도저하만 일으킬뿐 검색 노출의 영역에 있어서는 뒤로 밀려날수밖에 없고 그만큼 동일한 검색어에 노출되는 회수가 줄어들고 순위역시 뒤로 밀려나기 때문에 내가 작성한 글을 클릭해서 들어올 확률이 낮아질 수 있다는것입니다.

 

따라서 정보를 전달하기 위한 글을 작성하고 글을 읽는데 불편을 느낄 수 있는 사회적 약자를 배려하면서 궁극적으로 검색 노출 회수를 증가 시켜 조회수를 증가시키고자 한다면 이미지를 업로드 할때 대체 텍스트를 작성해야 한다고 볼 수 있겠습니다.

 

3. 티스토리 블로그 대체 텍스트 작성 방법.

사실 이미지에 대한 대체 텍스트를 작성하는것은 글을 작성하는 입장에서 굉장히 번거롭고 귀찮을 수 있습니다.

티스토리 글쓰기 플랫폼이 업데이트 되기 이전에는 일일이 html모드로 들어가서 첨부된 이미지 코드 안에 alt="이미지 설명(대체 텍스트)"를 작성해 주어야 하는 번거로움까지 있었습니다.

 

하지만 현재 티스토리 글쓰기 플랫폼 업데이트 이후에는 대체 텍스트를 아주 간단하게 입력하는것으로 alt태그가 생성되도록 되어 있기 때문에 글쓰기 기본 모드와 html모드를 왔다 갔다 하면서 글을 작성하는 번거로움은 사라진것이죠.

 

이미지 업로드시 톱니바퀴 모양의 아이콘을 클릭해서 대체 텍스트를 작성 할 수 있음.

이미지를 업로드 하면 위에 이미지를 첨부한것과 같이 톱니바퀴 모양의 아이콘을 클릭하게 되면 대체 텍스트를 작성 할 수 있고, 대체 텍스트를 작성 후 html모드로 진입해서 확인해 보면 alt태그가 생성되면서 대체 텍스트에 작성한 내용이 alt태그 내에 작성된것을 확인해 볼 수 있습니다.

 

본문에서 설명하고 있더라도 이미지를 설명해야 하는 번거로움이 사라진것은 아니지만 alt태그를 html태그내에서 작성해야 하는 번거로움이 사라졌기 때문에 대체 텍스트를 입력하는것이 아주 간단하게 바뀌었다고 볼 수 있습니다.

 

따라서 대체 텍스트를 작성해 주는것으로 동일한 검색어에 노출되는 글 중에서 조금이라도 상위 노출을 원한다면 이러한 대체 텍스트를 작성해 줘야 겠습니다.