이미지 대체 태그(텍스트)를 작성하는 방법 – 해야 할 일과 하지 말아야 할 일

게시 됨: 2020-09-06

이미지는 단순한 텍스트를 매력적인 콘텐츠로 바꾸는 가장 인기 있고 효과적인 방법 중 하나가 되었습니다.

비주얼은 콘텐츠 마케팅에서 중요한 역할을 합니다. 사용자의 콘텐츠 읽기 욕구가 80% 증가한다는 사실을 알고 계셨습니까? 100단어당 이미지가 포함된 콘텐츠는 다른 콘텐츠보다 2배 더 많이 공유되는 것은 말할 것도 없습니다.

그러나 이미지의 목적은 콘텐츠를 더 매력적으로 만드는 것만이 아닙니다. 또한 웹사이트를 최적화하는 데 도움이 될 것입니다. 이것이 이미지 alt 태그가 중요한 이유입니다.

Alt 태그 또는 Alt 속성은 HTML 코드 내에 입력됩니다. 이미지가 제공하는 이미지가 무엇인지 설명합니다. 또한 이미지 대체 태그는 이미지를 볼 수 없는 사용자에게 시각적 개체를 설명합니다.

이미지 alt 태그의 관련성이 밝혀졌으므로 이제 alt 태그를 작성하는 프로세스를 다룰 차례입니다. 또는 더 정확하게 말하면 이러한 alt 태그를 작성할 때 해야 할 일과 하지 말아야 할 일입니다.

목차

이미지 대체 텍스트 쓰기

해야 할 일

대체 텍스트와 관련하여 염두에 두어야 할 기본 필수 사항부터 시작하겠습니다. Alt 태그가 이미지에 문맥적 관련성을 제공하도록 하려면 다음과 같이 작성해야 합니다.

1. 대화 언어 사용

모든 독자는 학력이나 직업에 관계없이 Alt 태그를 이해할 수 있어야 합니다. 가장 친한 친구나 가족에게 설명하려고 하는 것처럼 이미지를 설명하십시오. 즉, 일상적인 언어를 사용하십시오.

기술 전문 용어나 산업별 표현이 허용되는 유일한 상황은 특정 틈새 분야의 전문가를 대상으로 고도로 타겟팅된 콘텐츠를 작성하는 경우입니다. 이미지는 전문 용어를 정당화할 수 있도록 올바르게 설명하기 위해 기술적인 표현을 사용하도록 요구할 수 있습니다.

2. 간결하게 유지

이미지 alt 태그에 대한 간단한 설명을 작성하면 텍스트가 잘리지 않습니다. alt 태그 텍스트를 최대 100자까지 유지하십시오. 왜요? 125보다 길면 일부 화면 판독기에서 잘릴 수 있기 때문입니다.

길고 정교한 Alt 태그를 작성하는 것은 독자를 지루하게 할 것입니다. 다음과 같은 방식으로 alt 태그를 작성하는 것에 대해 생각해 보십시오.

가장 간결한 방식으로 이미지를 가장 잘 설명할 수 있는 방법은 무엇입니까?

필수 정보와 불필요한 정보를 구별할 수 있어야 합니다. 예를 들면: "해질녘에 껴안는 커플"은 괜찮지만 "빨간 셔츠와 청바지에 검은 머리를 한 남자가 일몰을 배경으로 검은 드레스를 입고 금발 머리를 한 여자를 껴안는다"는 압도적입니다. 사용자에게 필요하지 않은 정보를 제공합니다.

3. 구체적이어야 한다

Alt 태그를 작성할 때 목표는 사용자가 이미지를 볼 수 없는 경우에도 그림을 그릴 수 있는 설명을 작성하는 것입니다. 그것이 alt 태그의 용도이며 그렇게 작성되어야 합니다.

예를 들어 큐브 에임 산악 자전거 사진을 게시하는 경우 "자전거"라고 쓰는 대신 "검정색과 파란색 큐브 에임 산악 자전거"라고 쓰십시오. 차이점은 분명합니다. 독자는 특정 대체 태그를 작성하면 이미지가 무엇을 나타내는지 훨씬 더 쉽게 이해할 수 있습니다.

4. 키워드 사용

검색 엔진이 관련 검색에 대한 최상위 결과에서 페이지의 순위를 정하게 하려면 관련 키워드를 사용해야 합니다.

키워드를 추가할 수 있는 가장 권장되는 위치는 콘텐츠 제목, 자막, 물론 이미지 alt 태그입니다. 이미지와 관련이 있는 경우에만 대체 텍스트에 키워드를 추가하십시오.

다음을 염두에 두고 alt 태그에 키워드를 사용하십시오.

● 키워드는 관련성이 있어야 합니다.
● 키워드는 자연스럽게 배치되어야 합니다.
● 키워드는 드물게 사용해야 합니다.

이것은 alt 태그에 대상 키워드를 배치해야 한다고 확신하기 전에 체크해야 하는 상자입니다.

5. 대문자와 구두점 사용

Alt 태그는 일반 문장처럼 작성해야 합니다. 그게 무슨 뜻이야? 즉, 대문자와 구두점을 적절하게 사용해야 합니다. HTML에서 alt 태그를 작성하더라도 태그를 작성하는 방법에 따라 대상 고객에게 표시되는 방식이 결정됩니다.

소문자를 입력하거나 필요할 때 쉼표 또는 따옴표를 추가하지 않으면 설명이 지저분하고 비전문적으로 보일 수 있습니다. 잘 작성된 alt 태그는 잘 작성된 내용만큼 중요합니다.

6. 오래된 콘텐츠를 게시할 때 대체 텍스트를 다시 생각하십시오.

더 많은 트래픽을 유도하기 위해 오래된 콘텐츠를 다시 게시하는 것은 인기 있는 마케팅 방법입니다. 그러나 그렇게 할 계획이라면 이전 alt 태그가 여전히 관련이 있는지 확인해야 합니다.

콘텐츠 내에서 이미지를 변경해야 할 수도 있고 대체 태그 설명을 새로운 대상에 맞게 조정해야 할 수도 있습니다. 예를 들어 콘텐츠에 더 많은 트래픽을 유도할 수 있는 유사한 키워드가 있을 수 있습니다.

따라서 키워드의 측정항목을 확인하고 더 나은 옵션이 있으면 이를 대체해야 합니다.

일부 콘텐츠도 다시 작성해야 하는 경우, 틈새 시장의 트렌드에 맞게 콘텐츠와 키워드를 조정하는 데 도움을 줄 수 있는 작가와 편집자를 여기에서 확인할 수 있습니다.

하지마

이미지 alt 태그를 작성할 때 가장 중요한 사항을 다루었으므로 이제 하지 말아야 할 사항입니다. 다음은 피해야 할 가장 일반적인 이미지 alt 태그 실수입니다.

1. '이미지'나 '그림'을 쓰지 마세요.

"...의 이미지"를 쓰지 않아도 사람들은 자신의 앞에 이미지가 있음을 이해할 수 있습니다. 따라서 어떤 대가를 치르더라도 이것을 피하십시오.

이미지가 로드되지 않는 경우 "~의 이미지" 또는 "~의 사진"을 작성하는 것이 유용할 것이라고 생각한다면 다시 생각하십시오. 스크린 리더는 사용자가 지정하지 않아도 이미지임을 알립니다.

2. 키워드로 채우지 마세요

alt 태그의 키워드가 콘텐츠 최적화에 도움이 된다는 것을 알게 되면 가능한 한 많은 키워드를 추가하고 싶은 유혹을 받을 수 있습니다. 하지마.

alt 태그를 키워드로 채우면 설명의 명확성과 품질이 손상됩니다. 또한 alt 태그는 스팸처럼 보일 것입니다.

"빨간 드레스, 짙은 빨간색 드레스, 솔기가 있는 빨간 드레스, 빨간 플로럴 드레스, 여성용 빨간 드레스, 여성용 빨간 드레스, 여성용 빨간 캐주얼 드레스"와 같은 대체 태그를 만난다고 상상해보세요.

어떤 독자도 이러한 alt 태그의 이점을 얻을 수 없습니다. 그것은 그들을 혼란스럽게 할 뿐입니다.

3. 의미 없는 글은 쓰지 마세요

항상, 그리고 내 말은 항상, 이미지에 적합한 단어만 씁니다. SEO와 관련이 없는 단어를 쓰는 것은 큰 문제가 아닙니다.

alt 태그는 독자에게 의미를 제공해야 합니다. 눈을 감고 누군가가 Alt 태그를 읽어도 이미지를 이해하는 데 도움이 됩니다.

의미 있는 대체 태그를 작성하는 데 있어 어려운 상황은 인포그래픽이나 통계를 설명해야 하는 경우입니다. 모든 것을 기록해야 합니까 아니면 일부 정보를 제거해야 합니까?

해결책은 인포그래픽이 보여주는 것을 요약하는 것입니다. 또는 "65%의 사람들이 시각적 학습자"와 같은 짧은 통계가 있는 경우 alt 태그에 모두 쓸 수 있습니다. 설명을 줄여야 할 때와 모두 유지할 수 있을 때를 결정할 수 있어야 합니다.

4. 회사 로고를 설명하는 것을 잊지 마십시오.

많은 작가와 디지털 마케터가 간과하는 경향이 있는 것은 회사 로고의 이미지입니다. 아니요, 로고 이미지를 추가하는 것만으로는 충분하지 않습니다. 로고는 다른 이미지와 마찬가지로 alt 태그가 필요합니다.

브랜드 이름을 작성하여 로고를 설명하십시오. 그것만큼 간단합니다. 혼동하지 말고 "브랜드 로고"를 작성하십시오. 검색 엔진 크롤러에 관련성을 추가하지 않습니다. Alt 태그를 사용하려면 브랜드 이름을 작성해야 합니다.

5. CTA에 alt 태그를 생략하지 마십시오.

클릭 유도문안(CTA)은 종종 시각적 형태를 취합니다. 그것은 그들을 더 매력적으로 만들고 가장 중요하게 더 눈에 띄게 만듭니다. CTA에 alt 태그를 추가할지 여부에 대한 딜레마가 있는 경우 답이 있습니다. 예, 추가해야 합니다.

다음 질문은 CTA를 설명하는 방법입니다. 글쎄요, 구독, 이메일 작성, 전화, 구매, 지금 신청, 검색 등 CTA가 요구하는 것을 작성하십시오.

결론적으로

이미지 대체 태그는 이미지 주변에 더 많은 컨텍스트를 추가하고 더 유용하게 만듭니다. 훌륭한 대체 태그는 웹사이트에 대한 고품질 트래픽을 유도하고 콘텐츠를 독자에게 더 즐겁게 만들 수 있습니다. 이러한 해야 할 일과 하지 말아야 할 일을 통해 지침을 얻을 수 있으므로 콘텐츠에 도움이 되는 관련 대체 태그를 작성할 수 있습니다.