SEO 심화 - 이미지에 alt 텍스트를 추가하는 법

 웹사이트 이미지에 alt 텍스트를 추가하는 것은 방문자가 처음 웹사이트에 어떻게 찾았는지에 관계없이 방문자에게 더 나은 사용자 경험을 제공 할 수 있는 척도로 작용하며 검색엔진에서 더 나은 노출을 기대할 수 있기에 필요한 작업입니다.

 

이미지에 alt 텍스트 추가하는 법

이미지에 alt텍스트 추가하는 법은 웹페이지의 HTML 소스 코드에서 직접 입력하거나, 웹사이트를 운영 중인 플랫폼에서 이미지에 텍스트를 삽입하는 기능을 제공하는 경우 더욱 간단하게 추가할 수 있습니다.  

 

(1)

alt 텍스트 추가시 사용하는 코드: <img src=“파일명.jpg” alt=“텍스트 추가”>

예시: <img src=“strawberry_cheesecake.jpg” alt=“strawberry cheesecake with cream”>

 

 

(2)

▼워드프레스 플랫폼에서 이미지에 alt텍스트를 추가하는 화면 예시

 

 

 

 

이미지에 alt 텍스트를 추가할 때 고려해야 할 사항은 구체적으로 작성하되 이미지와 관련 없는 내용은 제거하고 너무 많은 키워드를 넣지않는 것입니다. alt 텍스트가 이미지의 컨텍스트를 고려하지 않고 관련 없는 키워드들로 임의 작성한 경우 SEO에는 오히려 악영향을 끼칠 수 있습니다.

 

 

 

alt 텍스트 제대로 추가하는 법

이미지 alt 텍스트는 구체적으로 작성되어야하는 것이 맞지만, 지원하는 웹페이지의 주제를 대표하는 것이 더 중요합니다. 

 

 

1. 이미지를 구체적으로 설명하세요. 

이미지의 주제와 컨텍스트를 모두 사용하여 작성합니다.

 

 

2. 페이지 주제와 관련된 컨텍스트를 추가합니다. 

이미지에 알아볼 수 있는 장소나 사람이 없으면 내용에 따라 컨텍스트를 추가하세요. 

예를 들어, 컴퓨터를 입력하고 있는 사람이 있는 스톡 이미지를 사용할 경우 alt텍스트는 "Woman optimizing WordPress website for SEO" 또는 "Woman researching free blogging platforms," 으로 작성될 수 있습니다.

 

 

3. 텍스트를 125자 미만으로 유지하세요. 

시각 장애인을 위한 화면 읽기 툴은 보통 이미지를 말로 표현할 때 장황한 텍스트는 차단하도록 프로그래밍되어 있습니다. 이것은 검색엔진 알고리즘도 마찬가지입니다. 그러므로 텍스트는 125자 미만으로 유지하는 것이 좋습니다.

 

 

4."picture of..." 또는 "Image of..." 로 텍스트를 시작하지 마세요. 

화면 읽기 툴(&검색엔진 알고리즘)은 페이지의 HTML 소스 코드에서 이미지를 이미 '이미지=이미지'로 식별하기때문에 '이미지'라는 키워드를 alt 태그에 별도로 작성할 필요가 없습니다. 이미지 키워드를 작성하는 건 중복으로 작용합니다. 

 

 

5. 키워드를 아껴서 사용하세요. 

alt 텍스트에는 의미 체계 키워드를 넣거나 롱테일 키워드 내에서 가장 중요한 키워드만 넣으세요. 

예를 들어, 페이지의 헤드 키워드가 "how to generate leads," 인 경우 대체 텍스트에 "lead generation"로 사용할 수 있습니다. "how to"는 이미지보다는 텍스트에 자연스러운 표현이므로 이미지 alt 태그에는 자연스러운 표현이 아닐 수 있기 때문입니다.

 

 

6. 모든 이미지 alt 텍스트에 키워드들을 넣지 마세요. 

예를 들어, 게시물에 5개의 '얼굴' 이미지가 포함된 경우 5개 모든 이미지에 '얼굴' 이라는 키워드를 입력하지 않고 그 중 하나의 이미지에만 '얼굴' 키워드를 포함하는 것입니다. 게시물의 모든 이미지에 핵심 키워드를 넣는 경우 해당 키워드를 남발하는 것으로 간주될 수 있습니다. 주제를 가장 잘 표현한다고 생각되는 대표적인 이미지를 식별하고 해당 이미지에만 핵심 키워드를 지정시키는 것이 효과적입니다. 

 

 

7. 맞춤법 오류를 검토하세요. 

이미지 alt텍스트의 철자가 잘못된 경우 사용자 경험을 손상시키거나 사이트를 크롤링하는 검색 엔진을 혼란스럽게 할 수 있습니다. 페이지의 다른 콘텐츠와 마찬가지로 이미지의 텍스트에도 맞춤법 오류를 검토하세요.

 

 

 

<예시>

안 좋은 텍스트 예시 alt="Baseball player hitting a ball at a baseball field" 

좋은 텍스트 예시 alt="David Ortiz of the Boston Red Sox batting from home plate at Fenway Park"

 

 

위 이미지에 alt 텍스트를 추가할 때 alt="Baseball player hitting a ball at a baseball field" 작성한 경우 틀리다고 말할 수는 없지만 좋은 예라고 하기는 어렵습니다. 이유는 alt텍스트에 설명만 포함하고 특징적인 키워드를 넣지 않았기 때문입니다. 위의 이미지는 야구장과 야구공을 치는 선수를 보여주는 이미지가 맞으나 Fenway Park 선수의 사진이기도 합니다. 그리고 Red Sox의 #34 David Ortiz가 우익수에서 1루타를 기록한 특징이 있는 사진 있습니다. 위 이미지의 alt 텍스트는 다음과 같이 넣는 것이 더 효과적이겠습니다.

 

alt="David Ortiz of the Boston Red Sox batting from home plate at Fenway Park"