검색엔진 최적화(SEO)를 위한 티스토리 이미지 alt 속성 태그 추가하는 방법

"검색엔진 최적화(SEO)를 위한 티스토리 이미지 alt 속성 태그 추가하는 방법"

 

구글, 네이버 등 검색엔진은 사용자가 손쉽게 검색할 수 있도록 검색엔진 최적화(SEO, Search Engine Optimization) 된 포스팅을 우선으로 노출합니다.

 

티스토리 이미지 alt 속성 태그 추가

 

검색 엔진 최적화(SEO, Search Engine Optimization)는 검색 엔진으로부터 웹사이트나 웹페이지에 대한 웹사이트 트래픽의 품질과 양을 개선하는 과정입니다. 웹 페이지 검색엔진이 자료를 수집하고 순위를 매기는 방식에 맞게 웹 페이지를 구성해서 검색 결과의 상위에 나올 수 있게 하는 것을 말합니다. 

 

HTML 코딩

HTML의 img 태그에서 쓰이는 alt 속성은 그림이 렌더링 되지 못할 때 나타날 문자열을 지정하기 위한 값으로 시각장애인 등을 위해 문서의 내용을 목소리로 변환해 주는 소프트웨어(TTS, Text to Speech)에서 활용됩니다. 수많은 검색 엔진은 그림에 대한 정보를 alt 속성을 읽어서 얻고 있으나 최근에는 AI의 발달로 이미지 자체를 읽기도 합니다.

 

  <img src="주소" alt="그림" />

 

위와 같이 HTML의 img 태그 안에 alt 속성을 추가하여 사용된 이미지가 어떤 이미지인지 정보를 추가하는것이 검색 엔진 최적화에 유리하게 작용됩니다.

 

티스토리는 img 태그 안에 alt 속성을 추가하기가 불편하여 블로거들이 직접 HTML을 수정하거나 변환 프로그램을 이용하는 등 불편이 많았습니다.

이제는 손쉽게 에디터 상에서 alt 속성을 이미지 안에 추가할 수 있어 좀 더 검색 엔진 최적화에 유리할 것으로 보입니다.

 

 

"검색엔진 최적화(SEO)를 위한 티스토리 이미지 alt 속성 태그 추가하는 방법"

 

 

 

티스토리 에디터 이미지 alt 속성 태그 추가하는 방법

티스토리 에디터에서 이미지를 추가한 후 아래의 방법으로 alt 속성을 추가할 수 있습니다.

 

티스토리 alt 속성 대체 텍스트 삽입

이미지를 선택 후 상단의 아이콘에서 맨 우측의 "대체 텍스트 삽입"을 선택합니다.

 

대체 텍스트 문구 입력

대체 텍스트를 입력합니다. 이 때 띄어쓰기 대신 하이픈(-)이나 언더바(_)를 입력하는 것이 좋습니다. 코딩 중간에 들어가는 텍스트이므로 띄어쓰기는 지양하는 것이 좋습니다.

 

HTML alt 속성

위와 같이 '대체 텍스트'로 입력한 내용이 alt 속성 값으로 입력된 것을 확인할 수 있습니다. 이제 좀 더 SEO에 도움될 수 있는 이미지 삽입이 가능해졌습니다.

 

매번 삽입하는 이미지마다 alt 속성을 입력하는 것이 번거로운 수 있지만 보다 검색 엔진에 최적회가 되어 상단에 노출될 가능성이 높아진다는 것을 생각하면 꼼꼼하게 챙겨야 할 부분이라 생각합니다.

 

오늘은 검색엔진 최적화(SEO)를 위해 티스토리 에디터에서 이미지 alt 속성을 추가하는 방법에 대해 알아보았습니다.

 

[관련 글]

네이버 블로그 구글 검색 상위 노출 검색엔진 최적화(SEO) 방법

네이버 블로그 구글 검색 상위 노출 검색엔진 최적화(SEO) 방법

티스토리 포스팅 URL 통일하기 '?category' 꼬리표 제거 방법

티스토리 포스팅 URL 통일하기 '?category' 꼬리표 제거 방법

구글 애드센스 수익공개!! 애드센스로 돈벌기~

구글 애드센스 수익공개!! 애드센스로 돈벌기~