대체 텍스트: SEO를 향상시킬 수 있는 중요한 이유 및 모범 사례

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

대체 텍스트는 이미지를 볼 수 없는 사람들을 위해 이미지의 대안 역할을 하는 사본입니다. 이미지가 페이지에 로드되지 않으면 이미지의 대체 텍스트가 표시될 수 있습니다. 화면 판독기를 사용하는 시각 장애인 방문자의 경우 대체 텍스트는 온라인 콘텐츠의 이미지에 대한 컨텍스트를 제공합니다.

마찬가지로, 검색 엔진은 시각적 정보를 문자 그대로 "볼" 수 없기 때문에 이미지에 첨부된 대체 텍스트는 이미지에 포함된 내용과 이미지가 나머지 페이지의 컨텍스트에 어떻게 맞는지에 대한 중요한 정보를 제공합니다.

웹 페이지의 소스 코드를 보면 다음과 같이 HTML에 포함된 대체 텍스트를 볼 수 있습니다.

 <img src=“image.jpg” alt=“image description”>

대체 텍스트가 왜 중요한가요?

기능적 관점에서 alt 태그는 웹 페이지에서 이미지를 볼 수 없는 사람들을 위해 접근성을 향상시킵니다. 접근성은 모든 사람에게 긍정적인 사용자 경험을 보장하기 때문에 Google에 중요합니다.

SEO 관점에서 볼 때 대체 텍스트는 중요합니다. Google은 이미지의 내용을 이해하기 위해 페이지의 콘텐츠와 함께 대체 텍스트를 사용하기 때문입니다. 이미지를 링크로 사용하면 대체 텍스트가 검색 순위의 중요한 요소인 앵커 텍스트 역할을 합니다.

대체 텍스트 및 SEO

대체 텍스트가 사람과 검색 엔진 모두에게 중요한 이유를 다루었으므로 이제 대체 텍스트를 SEO 이미지 최적화 전략의 더 큰 부분으로 사용하는 방법에 대해 자세히 알아보겠습니다.

Google은 대체 텍스트에 많은 가치를 부여합니다. 이미지의 대체 텍스트를 사용하여 페이지에 있는 내용을 결정할 뿐만 아니라 주변 텍스트와 관련되는 방식도 결정합니다.

Google 이미지 모범 사례에 대한 기사에서 이미지 대체 텍스트를 추가하면 자연 트래픽에서 전환율을 향상시킬 수 있다고 암시하기까지 합니다.

"이미지 주변에 더 많은 컨텍스트를 추가하면 결과가 훨씬 더 유용해져서 사이트에 고품질 트래픽이 발생할 수 있습니다."

Google 검색 센터 – 콘텐츠별 가이드라인

대체 텍스트 모범 사례 – 기억해야 할 5가지

대체 텍스트를 만들 때 키워드를 적절하게 사용하고 페이지의 콘텐츠에 맞는 유용하고 유익한 콘텐츠를 만드는 데 중점을 둡니다. 검색에 최적화된 alt 태그를 작성하는 것은 괜찮지만 가장 먼저 시각 장애가 있는 사용자에게 도움이 되기 위한 것임을 잊지 마십시오.

다음은 사용자와 검색 엔진에 똑같이 도움이 되는 이미지용 SEO에 최적화된 대체 텍스트를 만드는 데 도움이 되는 몇 가지 지침입니다.

1. 구체적이어야

이미지 대체 텍스트 작성에 대한 가장 좋은 조언은 전화로 누군가에게 이미지를 간략하게 설명하는 방법을 상상하는 것입니다. 몇 단어로 충분할 수도 있고 완전한 문장이 필요할 수도 있습니다. 대부분의 스크린 리더는 대체 텍스트를 약 125자로 잘라서 더 이상 사용자에게 도움이 되지 않습니다.

2. 소개로 Alt 태그를 시작하지 마십시오.

특정 문자 제한 내에서 작업하기 때문에 소중한 공간(및 사용자 시간)을 낭비하고 각 이미지를 식별하여 소개하고 싶지 않습니다.

예를 들어 다음과 같은 구문으로 alt 태그를 시작할 필요는 없습니다.

• 의 사진입니다
• 이 사진은 보여줍니다
• 다음은 의 스크린샷입니다.

3. 키워드를 통합하되 키워드 스터핑을 피하십시오

관련성이 있는 경우 대체 텍스트에 키워드를 사용하십시오. alt 태그에 키워드를 넣으면 부정적인 사용자 경험이 생깁니다. 예를 들어 내 페이지에 "추천 스니펫을 얻는 방법"에 최적화된 블로그 게시물에서 가장 일반적인 유형의 추천 스니펫을 보여주는 원형 차트가 있는 경우. "일반적인 추천 스니펫 유형의 파이 차트"라는 대체 태그를 작성할 수 있습니다.

그러나 "추천 스니펫 을 얻는 방법을 알 수 있도록 도와주는 일반적인 추천 스니펫 유형의 파이 차트"는 키워드 스터핑으로 간주됩니다.

4. 콘텐츠를 반복하지 마십시오

대체 텍스트의 목적은 시각적 정보에 대한 디지털 사본을 제공하는 것이므로 대체 태그 내에서 기존 콘텐츠를 반복할 필요가 없습니다.

예를 들어, 타이어 교체 단계를 보여주는 인포그래픽이 있고 게시물의 콘텐츠에 이러한 단계가 나열되어 설명되어 있다면 alt 태그에서 동일한 정보를 반복할 필요가 없습니다.

이미지에 텍스트가 있으면 alt 태그에 포함해야 합니까?

때에 따라 다르지. Google이나 스크린 리더는 이미지의 텍스트를 디코딩할 수 없으므로 Alt 태그에 포함할지 여부는 해당 텍스트가 페이지의 정보에 얼마나 중요한지에 따라 달라집니다.

몇 가지 예는 다음과 같습니다.

• 책 표지의 제목.
• 인포그래픽의 제목입니다.
• 관련 브랜드 이름

5. 장식 그래픽에 Alt 설명을 사용하지 마십시오.

WCAG(웹 콘텐츠 접근성 지침)에 따르면 이미지는 보이는 것 이상의 기능이 없으면 "장식"입니다.

이미지가 그래픽 구분선이나 배경 이미지와 같이 순전히 장식적인 경우 대체 텍스트를 포함하지 마십시오. 이미지는 대체 텍스트의 설명을 포함하여 가치 있는 정보를 제공하지 않기 때문에 화면 읽기 경험을 "혼잡"하게 만들 것입니다.

좋은 대체 텍스트와 나쁜 대체 텍스트의 예

대체 텍스트는 길지 않아도 됩니다. 사용자에게 도움이 되는 데 필요한 만큼 상세하고 설명적으로만 작성하십시오. 위에서 설명한 대체 텍스트 모범 사례를 기반으로 이미지에 대한 대체 텍스트의 좋은 예와 좋지 않은 예가 있습니다.

나쁜: 이것은 소녀의 사진입니다.

좋음: 디지털 태블릿을 사용하여 집에서 침대에 앉아 있는 어린 소녀.

나쁜: 재단사

좋음: 작업실에서 재킷을 변경하면서 줄자를 사용하는 전문 재단사.

나쁨: 파이 차트.

좋음: 일반적인 추천 스니펫의 원형 차트입니다. 70%는 단락, 19.1%는 목록, 6.3%는 표, 4.6%는 비디오입니다.

그래프와 차트의 경우 항상 본문에 데이터 소스에 대한 링크를 포함하십시오. 이미지에 인용만 추가하면 시각 장애가 있는 사용자는 더 많은 데이터에 액세스할 수 없습니다.

차트와 그래프는 때때로 긴 설명을 요구할 수 있습니다.

훌륭한 대체 텍스트를 작성하는 것이 중요하지만 더 큰 SEO 이미지 최적화 전략의 일부일 뿐입니다. 콘텐츠의 이미지가 전반적인 SEO 성능에 도움이 되고 해를 끼치지 않는지 확인할 수 있는 다른 방법에 대해 알아보겠습니다.

SEO 이미지 최적화를 높이는 5가지 방법  

1. 이미지 이름에 키워드 사용

이미지 파일의 이름을 지정하는 것이 중요합니다! SEO용 이미지의 이름을 지정하는 방법에 관해서는 alt 태그에 대해 따르는 것과 동일한 논리를 따르기를 원합니다. 이미지 파일의 이름은 관련성 있고 설명적이어야 하며 키워드를 포함해야 합니다.

SEO용 이미지 이름을 지정할 때 이미지 파일 이름의 시작 부분에 키워드를 포함하고 하이픈(-)으로 단어를 구분합니다. 예를 들어, 위에 포함된 원형 차트의 경우 가능한 파일 이름은 다음과 같습니다.

• 파이 차트.png
  이 파일 이름은 설명이 충분하지 않으며 키워드를 포함하지 않습니다.
• Featured-snippets-types-pie-chart.png
  이 파일 이름은 키워드로 시작되고 설명적입니다. 하이픈으로 구분하기 때문에 Google은 파일 이름의 단어를 구분할 수 있습니다.

2. "올바른" 형식 사용

웹사이트에서 사용하는 이미지에 보편적으로 올바른 형식은 없습니다. 선택하는 형식은 이미지의 종류와 사용 방법에 따라 다릅니다.

다음은 몇 가지 지침입니다.

• JPEG는 선명도를 유지하기 위해 큰 이미지에 가장 적합합니다. 이 경우 "더 크다"는 것은 파일 크기가 아니라 차원을 의미하며, 이는 아래에서 논의할 다른 고려 사항입니다.
• PNG를 사용하면 배경 투명도를 유지할 수 있습니다.
• SVG(Scalable Vector Graphics)는 2001년에 도입된 비교적 새로운 이미지 형식으로 어떤 해상도나 크기에서도 선명하고 선명한 상태를 유지합니다. SVG는 애니메이션으로 만들 수 있으며 PNG는 배경 투명도를 유지합니다.

3. 이미지 크기 조정

먼저 이미지 크기와 파일 크기의 차이를 명확히 하고 싶습니다. 이미지의 크기는 크기를 나타냅니다(예: 1024 x 680픽셀). 파일 크기는 서버에 저장하는 데 필요한 공간의 양을 나타냅니다(예: 5000킬로바이트). 첫 번째는 페이지에서 이미지가 차지하는 공간과 관련이 있고, 두 번째는 로드하는 데 걸리는 시간과 관련이 있습니다.

고해상도 및 큰 치수의 이미지에는 많은 시각적 정보가 포함되어 있습니다. 즉, 파일 크기가 크고 페이지 로드 시간이 느려질 수 있습니다.

기억하다:

이미지를 업로드 하기 전에 크기를 조정해야 합니다. CMS(예: WordPress)에서 디스플레이 크기 옵션을 사용하여 이미지 크기를 조정해도 페이지에서 디스플레이 크기가 렌더링되기 전에 전체 크기 이미지를 로드해야 하기 때문에 페이지 로드 시간이 향상되지 않습니다.

4. 캡션 사용

이론적으로 이미지 캡션은 키워드가 포함된 경우 SEO에 영향을 미칠 수 있지만 특히 자연 검색을 위해 최적화하지 않는 것이 좋습니다. 파일 이름에 키워드를 사용하고 이미지의 대체 텍스트는 검색에서 검색 가능성에 직접적인 영향을 미치지만 이미지 캡션은 동일한 기능을 제공하지 않습니다. 이미지 캡션에 키워드를 추가하면 과도하게 최적화되어 도움이 되는 것보다 순위가 더 나빠질 수 있습니다.

대신, 긍정적인 사용자 경험을 만드는 렌즈를 통해 이미지 캡션을 봅니다. 머리글, 글머리 기호 목록, 강조 표시된 텍스트 및 굵게 표시와 같이 이미지 캡션은 페이지 스캔을 향상시킵니다. 우리는 사람들이 온라인에서 읽은 콘텐츠를 대충 훑어보는 경향이 있다는 것을 알고 있습니다. 따라서 도중에 이정표를 제공하면 공유하는 정보를 흡수하는 데 도움이 됩니다.

전설에 따르면 광고 아이콘인 David Ogilvy는 사본에 이미지를 포함하는 것에 대한 연구를 의뢰했습니다. 오늘날에도 여전히 마케터들에게 반향을 불러일으키는 그가 공유한 사실 중 하나는 다음과 같습니다.

이미지에 캡션을 사용하지 않으면 독자의 참여를 유도할 기회를 놓칠 수 있습니다.

*원래 데이터 소스에 대한 경로를 추적할 수 없기 때문에 이를 "진실"이라고 부르므로 사실로 인용할 수 없습니다.

5. 대체 텍스트 추가

이미지에 대체 텍스트를 추가하는 것은 접근성 및 SEO에 중요합니다. 확신하지 못하셨나요? "대체 텍스트가 중요한 이유"를 검토할 수 있습니다.

이미지 제목 태그는 어떻습니까?

이미지 제목은 이미지에 대한 정보를 제공할 수 있는 또 하나의 속성입니다.

이미지의 제목 속성은 시각 사용자를 위한 도구 설명을 생성할 수 있지만 화면 판독기는 해당 텍스트를 건너뜁니다. 따라서 이미지 제목에서 중요한 정보를 분리하지 마십시오. 시각 장애인 방문자는 액세스할 수 없습니다.

SEO 이미지 최적화를 위한 무료 도구

다음은 SEO용으로 이미지 최적화를 시작하는 데 도움이 되는 몇 가지 무료 도구입니다.

이미지 최적화 도구

빠른 Google 검색을 통해 다양한 무료 이미지 최적화 도구를 확인할 수 있습니다. 다음은 내가 좋아하는 몇 가지입니다.

• JPEG 옵티마이저
• 어피니티 포토
• 픽셀
• Kraken(대량 압축)
• 옵티미질라

이미지 최적화를 위한 WordPress 플러그인

• 요스트 SEO
• 짧은 픽셀
• EWWW 이미지 최적화
• WP 스무시
• 작은PNG

부하 속도 테스트

이미지를 최적화한 후 페이지 로드 속도를 테스트하는 데 권장하는 도구는 단 하나뿐입니다. Google PageSpeed ​​Insights는 모바일 및 데스크톱 장치의 로드 속도를 분석하고 성능 점수를 제공하며 개선 기회를 식별합니다. (페이지 속도가 왜 중요한지 모르십니까? Google Ranking Factors를 읽고 검색 결과 상단에 도달하기 위한 가장 중요한 사항을 알아보세요.)

SEO 이미지 최적화에 대한 도움 받기

대체 텍스트를 사용하고 검색을 위해 이미지를 최적화하는 것은 많은 경쟁자들이 놓치고 있는 SEO 기회를 나타냅니다. 이미지 검색의 힘을 활용하기 시작할 때 고려해야 할 많은 변수가 있지만 혼자 갈 필요는 없습니다. 무료 SEO 상담을 예약할 때 웹사이트의 이미지 최적화 기회에 대해 문의하십시오.