이미지 alt 태그의 중요성과 alt 태그로 SEO 최적화하기

 

안녕하세요.

오늘은 이미지 alt 태그로 SEO 최적화하는 법에 대해 함께 알아보기로 해요!

 

 

이미지 alt 태그란?

 

 

alt는 Alternative Text의 약자

말 그대로 대체텍스트 라는 뜻입니다.

 

이미지에 대한 alt 태그를 추가하면 검색엔진이 이미지를 인식할 수 있도록 돕고, 시각 장애인 사용자가 화면 리더로 블로그를 이용할 때도 정보를 제공할 수 있습니다.

alt 태그(대체 텍스트)는 HTML 이미지 태그에 포함된 속성 중 하나로, 이미지가 로드되지 않거나 시각적 장애가 있는 사용자가 이미지의 내용을 이해할 수 있도록 텍스트로 대체 정보를 제공합니다.

쉽게 말해, 이미지를 설명하는 텍스트를 의미합니다.

이는 SEO(검색엔진 최적화)에도 중요한 역할을 하며, 웹 접근성을 높이는 데에도 기여합니다.

 

alt 태그가 중요한 이유

 

1. 웹 접근성 향상

 

 

시각 장애가 있는 사용자가 화면 읽기 프로그램을 통해 이미지의 의미를 파악할 수 있도록 돕습니다.

화면 읽기 프로그램은 alt 태그를 읽어서 사용자가 이미지를 이해할 수 있도록 합니다.
  
2. SEO 최적화

 

 

검색 엔진은 이미지의 내용(혹은 그 의미)을 텍스트로 이해할 수 없습니다.

하지만 alt 태그를 통해 이미지를 설명하면 검색 엔진이 해당 이미지에 대한 내용을 이해하고,

검색 결과에서 더 잘 노출될 수 있게 됩니다.

 

3. 이미지 로딩 실패 시 대체 텍스트 제공

 

 

인터넷 연결이 불안정하거나 이미지를 불러올 수 없는 경우, alt 태그에 지정된 텍스트가 이미지 대신 표시되어 사용자가 이미지를 유추할 수 있도록 도와줍니다.

 

예시

</img src="hospital_building.jpg" alt="병원 외관의 전경" >

여기서  alt="병원 외관의 전경" 부분이 이미지를 설명하는 텍스트입니다.

사용자가 이미지를 볼 수 없는 상황에서도 대체 텍스트로 해당 이미지에 대한 정보를 알 수 있습니다.

SEO 측면에서도, 검색 엔진은 "병원 외관의 전경"이라는 키워드를 통해 해당 이미지와 관련된 콘텐츠를 더 잘 파악할 수 있습니다.

 

티스토리에서 alt 태그 작성하는 법

 

 

이미지 alt 태그의 중요성과 alt 태그로 SEO 최적화하기

 

 

티스토리 글쓰기 창에서 이미지 선택 후 오른쪽 톱니바퀴 모양을 클릭하여 입력하시면 됩니다.

 

또한 이미지 설명란에도 설명을 채워 넣어주면 좋습니다. 위 alt 태그와 동일해도 무방합니다.

 

✔️ 팁 1 : 이미지의 핵심을 간결하고 명확하게 설명합니다.
✔️ 팁 2:  SEO를 고려해 관련된 주요 키워드를 자연스럽게 포함할 수 있습니다. 검색량이 많은 키워드 중, 내 블로그 지수에서 노려볼만한 키워드를 전략적으로 타게팅하는 것도 중요하겠죠.

✔️팁 3 :  "이미지"와 같은 불필요한 단어는 제외하고, 바로 이미지의 내용을 설명하는 것이 좋습니다.

 

구글에서도 아래와 같이 사이트 접근성 개선하는 법에서 alt 태그를 언급하고 있으니 참고해보세요!

 

사이트 접근성 개선하기 - 사이트 도구 고객센터

 

 

alt 태그를 잘 활용하면 어떤 효과가 있을까?

 

 

✔️검색엔진 최적화(SEO)에 도움을 주어 더 많은 사람들이 병원 블로그를 찾을 수 있습니다.
✔️ 사용자들이 접속한 이후에도 체류 시간이 길어질 수 있도록, UX(사용자 경험)을 개선하여, 모든 방문자가 사이트를 쉽게 탐색할 수 있도록 도와줍니다.

 

---

 

이렇게 오늘은 이미지 alt 태그의 중요성과 alt 태그로 SEO 최적화하는 법에 대해 함께 알아보았습니다.

 

알려드린 내용이 도움이 되었다면 구독 & 좋아요를 눌러주세요!

앞으로 좋은 정보를 계속 알려드리는 것에 큰 힘이 됩니다.

 

 

 

그럼 다음 시간에 또 일상을 풍요롭게 하는 소식으로 다시 찾아오겠습니다.

모두 행복한 하루 되시길 바라요!