이미지 대체 텍스트란 무엇이며 왜 중요한가요?

게시 됨: 2022-06-29

마케팅 전략을 강화할 때 비주얼이 비즈니스의 전반적인 결과에 미치는 영향뿐만 아니라 청중에게 미치는 영향에 대해서도 생각하는 것이 중요합니다. 이미지 대체 텍스트가 무엇인지 모르고 왜 중요한지 의아해할 수 있습니다. 결국, 그것은 꽤 구식으로 들립니다. 그러나 이미지 대체 텍스트는 귀하의 회사가 모든 고객의 요구에 적용되는 최상의 SEO 관행 을 갖도록 하기 위해 오늘날에도 여전히 매우 관련성이 있습니다.

이미지 대체 텍스트란 무엇입니까?

이미지 대체 텍스트는 표시되는 이미지를 설명하는 HTML 코드에서 사용되는 텍스트입니다. 이는 잠재고객에게 더 나은 사용자 경험을 제공하고 더 많은 사용자가 브랜드를 사용하도록 초대하는 보다 포괄적인 환경을 생성하기 때문에 SEO 를 개선하는 데 중요합니다 . 이미지 대체 텍스트는 로드되지 않는 경우 이미지 대신 표시되기 때문에 중요하므로 문제가 있는 경우에 대비해 두는 것이 좋습니다.

대체 텍스트는 모든 비즈니스가 이미지와 함께 있어야 하는 것입니다. 대체 텍스트를 사용하면 검색 엔진이 귀하의 사이트를 스캔하고 순위를 매길 가능성이 높아져 SEO가 향상되고 키워드를 표시할 기회가 더 많아집니다. 이 텍스트를 사용하면 시각 장애인이 사이트에 있는 이미지에 대한 설명을 얻을 수 있습니다. 이를 통해 모든 사람이 귀하의 비즈니스를 설명하는 영상을 즐길 수 있습니다. 대체 텍스트 는 SEO에서 여전히 중요 합니다.

잘못된 이미지 대체 텍스트

대체 텍스트

이러한 아이디어를 좀 더 세분화해 보겠습니다. 대체 텍스트란 무엇입니까? "대체 텍스트"라는 단어는 "대체 텍스트"의 줄임말로, 볼 수 없을 때 이해할 수 있는 이미지에 대한 설명입니다.

이미지 대체 텍스트의 예

이제 이미지 대체 텍스트가 무엇이고 왜 중요한지 살펴보았지만 여전히 이미지 대체 텍스트가 어떻게 생겼는지 명확하지 않을 수 있습니다. 함께 이것을 쉽게 시각화할 수 있도록 합시다. 좋은 이미지와 나쁜 이미지 대체 텍스트 의 예를 살펴보겠습니다 . 이것들은 당신이 생각해낸 대체 텍스트 설명에 대해 원하는 것과 그렇지 않은 것을 이해하는 데 도움이 될 것입니다.

좋은 이미지 대체 텍스트

좋은 이미지 대체 텍스트를 얻으려면 간단한 키워드보다 더 자세한 내용이 필요합니다. 이렇게 하면 사이트에 배치된 이미지가 실제로 표시되어 시청자에게 독특하고 특별하게 보입니다. 이미지는 모호하지 않은 방식으로 가능한 한 구체적으로 설명되어야 합니다. 야구 선수라면 단순히 "야구 선수"가 아니라 누구이고 소속팀이 무엇인지 기술하십시오.

예: "컵스의 외야수 크리스 브라이언트가 리글리 필드에서 홈런을 쳤다."

이 예에서 사용자는 플레이어가 누구이며 무슨 일이 일어나고 있는지에 대한 컨텍스트가 제공됩니다. 이미지 자체가 없는 경우 사진을 최대한 말로 시각화할 수 있는 기회가 주어집니다.

사진에는 항상 맥락이 중요합니다. 그러나 상황에 따라 문맥을 이해하기가 쉽지 않을 수 있습니다. 모르는 위치에 이름을 모르는 사람이 있는 스톡 이미지일 수 있습니다. 이 경우 사이트에서 이미지를 계속 사용할 수 있으며 허용되는 이미지 대체 텍스트를 가질 수 있습니다. 이 상황에서 귀하의 사이트와 관련하여 귀하의 이미지가 무엇인지에 대한 컨텍스트 내에서 형용사를 사용하십시오. 그 사람을 "여자"라고 부르는 대신 사진의 맥락에서 그녀를 무엇이라고 부르십시오. 이것은 "비즈니스 전문가" 또는 "음악 교수"이거나 그 사람이 누구인지 자세히 설명하는 데 도움이 되는 기타 형용사일 수 있습니다.

예: “음악 교수가 교실에 있는 스마트 보드를 가리킵니다.”

이 예에서는 특정 사람이나 장소의 이름이 지정되지 않았지만 여전히 사진에서 무슨 일이 일어나고 있는지 쉽게 시각화할 수 있습니다.

좋은 이미지 대체 텍스트

잘못된 이미지 대체 텍스트

잘못된 이미지 대체 텍스트는 사진이 너무 모호하게 설명된 경우입니다. 즉, 사진을 충분히 표현하지 못하는 텍스트의 집합입니다. 사진에 개가 있는 경우 "개"만 넣지 마십시오. 그 개가 무엇을 하는지, 그리고 그것을 설명하는 형용사를 알아내십시오.

나쁜 예: "개 앉아"
좋은 예: "골든 리트리버는 주인을 기다리며 슬프게 앉아 있다"

나쁜 예는 좋은 예처럼 사진의 맥락을 시각화하는 것을 허용하지 않습니다. 기사가 개를 위한 교제의 중요성에 관한 것이라면 첫 번째 예는 별로 의미가 없으며 사용자는 관련성에 의문을 제기할 것입니다. 좋은 예는 기사의 요점으로 돌아가 더 명확하고 더 나은 SEO를 허용하는 사양을 제공합니다. 설명이 많을수록 SEO에 더 좋습니다. 귀하의 사이트를 검색 상단에 표시할 키워드가 더 많기 때문입니다.

최고의 이미지 대체 텍스트를 만드는 열쇠는 눈을 감고 설명을 읽고 머리 속에 있는 이미지를 명확하게 그릴 수 있는 능력입니다.

이미지에 대한 대체 텍스트의 중요성

우리는 이미지에 대한 대체 텍스트의 중요성에 대해 간략하게 언급했지만 이러한 아이디어를 더 세분화해 보겠습니다. 여러 가지 이유로 모든 이미지에 이를 포함해야 합니다.

시각 장애가 있거나 기타 장애가 있는 사용자가 사이트에 더 쉽게 액세스할 수 있도록 합니다.
귀하의 사이트에 더 많은 키워드 제공
링크 구축 전략 제공
주제에 대한 명확한 이해
SEO 향상
컴퓨터 알고리즘 개선
Google은 귀하의 이미지와 사이트가 무엇에 관한 것인지 더 잘 이해할 것입니다.
검색 결과 후 Google 이미지에 이미지가 표시될 가능성이 높아져 더 많은 사용자가 귀하의 사이트를 방문하게 됩니다.
사용자에게 더 나은 경험 제공
이미지 트래픽 개선
이미지를 하이퍼링크된 검색 결과로 바꿉니다.

이미지 대체 텍스트

대체 텍스트 사양

이미지 대체 텍스트가 무엇이며 왜 중요한지에 대해 더 알아야 할 사항이 있습니다. 대체 텍스트는 그림에 사용해야 할 뿐만 아니라 그래픽 글머리 기호 및 그래픽 수평 규칙과 같은 그래픽 콘텐츠에도 사용해야 합니다. 로고에도 대체 텍스트가 있어야 하지만 이미지에 대한 일반적인 대체 텍스트처럼 매우 설명적일 필요는 없습니다. 로고 대체 텍스트는 로고 이름만 식별할 수 있어야 합니다. 도구 모음 이미지 디자인에도 대체 텍스트가 있어야 하지만 이는 공백 태그일 수 있습니다.

alt 태그가 전혀 없으면 텍스트는 단순히 "이미지"로 읽히며, 이는 사용자가 무엇이 누락되었는지 궁금해하게 만드는 모호한 설명입니다. "파란색 도구 모음 디자인"이라는 대체 텍스트 설명도 문제가 될 수 있습니다. 디자인이 사이트 전체에 퍼질 수 있기 때문입니다. 이로 인해 이 대체 텍스트가 여러 번 반복될 수 있습니다. 이것은 사용자에게 반복적이고 과도한 읽기 작업을 생성합니다.

캡션 대 대체 텍스트

이미지 캡션은 이미지 대체 텍스트와 다릅니다. 캡션은 저작권 및 이미지 출처와 관련된 이미지에 대한 정보와 함께 이미지 아래의 캡션 텍스트로 이동합니다. 캡션은 문장 형태의 설명처럼 보이지만 대체 텍스트는 링크처럼 보입니다. 대체 텍스트는 사진에 대한 대체 옵션이며 항상 있어야 하는 반면 이미지 캡션은 가끔 있는 사진에 대한 추가 추가 기능으로 보아야 합니다. 대부분 뉴스 이벤트나 역사 책과 같이 사진이 더 화제가 되는 곳에서 캡션을 찾을 수 있습니다.

이미지 대체 텍스트의 중요성

시작하기

이제 이미지 대체 텍스트가 무엇이고 왜 중요한지 알았으므로 이를 사이트에 구현하는 방법을 알고 싶을 것입니다. 이미지 대체 텍스트를 추가하는 것은 사용 중인 소프트웨어에 따라 매우 간단합니다. 방법에 대한 단계별 프로세스를 제공하는 데 도움이 될 수 있는 온라인 비디오가 많이 있습니다. 많은 프로그램에서 사진을 클릭하고 시작하도록 합니다. 특히 Microsoft Word 의 경우 사진을 클릭한 다음 "형식"을 찾은 다음 "대체 텍스트" 옵션이 나타납니다. 설명을 작성할 수 있는 옵션이 제공됩니다. 이전의 파란색 도구 모음 예제와 같이 이미지가 단순히 장식용 그래픽인 경우 여기에서 해당 옵션을 표시하고 설명을 공백으로 둡니다.

그 후에는 대체 텍스트가 잘 표시되어야 합니다. 스크린 리더는 "이미지" 이상으로 이미지 설명을 읽을 수 있으므로 대체 텍스트를 무시하지 않는 것이 매우 중요합니다. 웹사이트에 대체 텍스트를 통합하는 데 여전히 도움이 필요한 경우 주저하지 말고 SEO Design Chicago 팀에 연락하십시오. 다양한 방법으로 웹사이트를 최적화하여 가장 많은 잠재고객에게 다가갈 수 있도록 도와드립니다.