콘텐츠 검색 가능성을 높이는 이미지 SEO 모범 사례

게시 됨: 2022-11-09


2021년에 시각적 검색의 중요성을 고려하기 위해 예부터 시작하겠습니다.

다른 날, 나는 "Excel에서 vlookup을 수행하는 방법"을 검색했습니다. 몇 개의 기사를 훑어보았지만 여전히 불만족스러웠습니다. vlookup에 대해 읽고 싶지 않았고 보고 싶었습니다.

입력: 이미지의 힘.

"이미지"를 클릭하자 필요한 것을 빠르게 찾았습니다.

Excel 이미지 결과 페이지에서 vlookup을 수행하는 방법

나는 내가 혼자가 아니라는 것을 압니다. 실제로 요즘에는 모든 Google 검색의 절반이 사용자가 결과를 클릭하지 않고 검색 결과 페이지에서 끝납니다.

2021년 이후에는 중요한 마케팅 담당자가 SERP에서 새로운 고객에게 도달할 수 있는 강력한 기회로서 시각적 이미지의 중요성에 주목하기 시작합니다.

또한 HubSpot의 마케팅 관리자인 Kristen Baker는 "HubSpot 블로그에서 이미지 실험을 실행한 후 Google 이미지 팩의 순위가 우리 콘텐츠에 대한 노출과 클릭을 증가시킨다는 사실을 발견했습니다."라고 말했습니다.

하지만... 말처럼 쉽지 않죠?

여기에서는 이미지 SEO가 무엇인지 살펴보고 이미지 검색 결과에서 웹페이지를 더 쉽게 찾을 수 있도록 하기 위해 따라야 할 모범 사례를 살펴보겠습니다.

→ 지금 다운로드: SEO 스타터 팩 [무료 키트]

이미지 SEO 모범 사례

1. 사용자 접근성 및 SEO를 위해 관련성 있고 정확한 대체 텍스트를 사용합니다.

간단한 복습: 대체 텍스트는 이미지를 설명하는 서면 사본입니다. 예를 들어 Pipcorn의 팝콘 제품을 클릭하고 페이지를 검사하면 대체 텍스트가 제품 이미지를 "Popcorn Family Pack Popcorn Pipsnacks LLC"로 정확하게 설명하는 것을 볼 수 있습니다.

팝콘 패밀리 팩 pipsnacks 제품의 대체 텍스트

대체 텍스트는 SEO에서 두 가지 중요한 역할을 합니다.

첫째, 대체 텍스트(대체 태그 또는 대체 설명이라고도 함)는 검색 엔진 크롤러가 웹 사이트를 보다 효과적으로 색인화하도록 도와주므로 검색 결과에 긍정적인 영향을 미칩니다.

실제로 Google은 개발자 페이지에서 다음과 같이 말합니다. ”

둘째, 대체 텍스트는 사용자 경험을 향상시킵니다. 대체 텍스트는 시각 장애가 있는 독자에게 이미지를 설명할 수 있으며 독자가 장치에서 이미지를 올바르게 로드하거나 볼 수 없는 경우에도 도움이 됩니다.

고품질 대체 텍스트를 작성하는 방법에 대한 전체 설명을 보려면 이미지 대체 텍스트: 정의, 작성 방법 및 SEO에 중요한 이유를 살펴보십시오.

2. 캡션을 사용하여 이미지를 설명하는 것을 고려하십시오.

페이지의 컨텍스트가 이미지가 묘사하는 내용을 독자가 이해하는 데 도움이 될 수 있는 경우 일반적으로 캡션이 필요하지 않습니다. .

그러나 시각적 요소가 많은 웹 사이트가 있는 경우 독자가 이미지를 맥락에서 이해할 수 있도록 캡션을 사용하는 것이 좋습니다. 예를 들어, Tom Hull의 사진 포트폴리오에서 그는 시청자가 이미지가 나타내는 위치 또는 대상을 맥락화할 수 있도록 이미지에 캡션을 붙입니다.

Tom Hulls 사진 포트폴리오

캡션을 추가할 때는 현명한 판단을 내리세요. 하지만 캡션이 독자(및 봇)가 이미지를 더 잘 식별하는 데 도움이 된다고 생각되면 페이지에 추가할 가치가 있습니다.

3. 더 빠른 로드 시간을 위해 이미지를 압축합니다.

이미지 압축은 좋은 웹사이트 최적화 전략의 중요한 구성 요소입니다.

왜요?

간단히 말해 웹 페이지 로드 속도를 높여 더 나은 사용자 경험을 제공하고 웹 사이트의 검색 엔진 순위를 높이는 데 도움이 되기 때문입니다.

이미지를 효과적으로 압축하려면 Attrock의 Free Image Compression Tool , Compress JPEG 또는 Squoosh와 같은 도구를 사용해 보십시오.

일반적으로 좋은 파일 크기 측면에서 100KB 미만이 이상적입니다.

그러나 중요한 점은 Google이 각각의 개별 이미지 크기를 확인하지 않는다는 것입니다. 대신 전체 페이지 크기를 확인합니다.

따라서 품질 차이가 덜한 작은 이미지가 있는 경우 해당 이미지를 30-50KB로 압축할 수 있습니다. 이렇게 하면 특히 압축 후 이미지 품질이 저하되는 경우 다른 이미지를 30KB 더 크게 유지할 수 있는 추가 공간이 제공됩니다.

압축 후에도 이미지 품질이 여전히 걱정된다면 이미지를 고해상도로 유지하는 방법을 살펴보십시오.

4. 스톡 사진뿐만 아니라 원본 이미지를 게시합니다.

궁극적으로 Google(및 독자)은 원본 콘텐츠를 우선시합니다. 즉, 이미지가 이미지 결과 페이지에서 순위를 매기려면 원본 고유 이미지를 사용하는 것이 중요합니다.

이것은 전자상거래 웹사이트에서 일하고 있고 제품의 시각 자료를 게시하는 경우에 특히 중요합니다. 많은 쇼핑객이 이미지를 사용하여 소비재를 쇼핑합니다. 실제로 온라인 쇼핑객의 50%는 이미지 가 구매 결정에 도움이 되었다고 말합니다.

귀하의 이미지가 귀하의 제품을 정확하게 보여주지 않으면 경쟁업체의 더 나은 고품질 이미지에 묻힐 것입니다.

Canva 와 같은 제품을 사용하여 사내 인포그래픽, 그래프 또는 애니메이션 이미지를 디자인하여 검색 결과 페이지에서 브랜드를 돋보이게 하고 이미지를 더 많이 공유할 수 있도록 해보세요.

5. 파일 이미지를 업로드하기 전에 이름을 지정하십시오.

파일 이름은 검색 엔진 크롤러가 이미지를 얼마나 쉽게 해석하는지에 영향을 미칠 수 있으므로 파일을 웹 페이지에 업로드 하기 전에 파일 이름을 바꾸는 것이 좋습니다.

이름을 일반적인 "IMG_0883"으로 유지하는 대신 관련 키워드를 사용하여 대체 텍스트와 유사하게 이미지의 내용을 설명하십시오. 이렇게 하면 이미지 검색 결과 페이지에 이미지가 표시되어 사이트 트래픽이 증가합니다.

6. 반응형 이미지를 사용하세요.

반응형 이미지는 독자가 모든 유형의 장치에서 이미지를 볼 수 있도록 하는 데 중요합니다. 요즘에는 페이지가 모바일에 최적화되어 검색 엔진 순위와 사용자 경험에 영향을 미치는 것이 중요합니다.

이미지가 반응하지 않으면 페이지가 데스크톱에서처럼 모바일에서 깔끔하게 표시되지 않습니다. 이는 SEO와 브랜드에 대한 독자의 인식에 부정적인 영향을 미칩니다.

다행스럽게도 HubSpot을 비롯한 일부 웹사이트 호스팅 서비스는 자동으로 이미지가 반응하는지 확인합니다.

그러나 필요한 경우 빠른 코드를 사용하여 반응형 이미지를 만들 수 있습니다. 예를 들어 다음 코드를 HTML에 추가할 수 있습니다.

<img src=”https://blog.hubspot.com/marketing/nature.jpg” alt=”Nature” class=”responsive”>

또는 CSS에 대한 다음 코드:

.반응

폭: 100%;

높이: 자동;

7. 백링크 기회로 이미지를 활용하십시오.

고품질의 고유한 원본 이미지를 만드는 것은 자신의 웹사이트에 좋을 뿐만 아니라 다른 웹사이트에서 자신의 페이지에 이미지를 사용할 때 백링크를 얻을 수 있는 환상적인 기회이기도 합니다.

예를 들어 광대역 검색에서 만든 다음 그래프를 고려하십시오.

자연 검색 방문의 모바일 점유율 그래프

해당 이미지는 현재 이미지 검색 결과 페이지에서 "검색에 모바일을 사용하는 사람 수"라는 키워드에 대해 1위를 차지하고 있습니다.

또한 Ahrefs에 따르면 이 블로그 게시물에는 3,000개 이상의 백링크가 있습니다. 이러한 백링크는 부분적으로 자체 콘텐츠에 대해 광대역 검색의 고유한 그래프를 사용하려는 다른 회사 때문이라고 장담합니다.

고품질 이미지를 만드는 경우 다른 회사에서 비즈니스로 다시 연결되는 링크와 함께 자체 사이트에서 해당 이미지를 선보일 수 있습니다. 즉, 궁극적으로 이미지는 마케팅 활동을 통해 비즈니스에 대해 얻는 트래픽, 리드 및 고객의 양에 직접적인 영향을 미칠 수 있습니다.

8. 기존 사이트맵에 이미지를 추가합니다.

Google은 검색 엔진이 이미지를 찾을 수 있도록 기존 사이트맵에 이미지를 추가하거나 이미지 전용 사이트맵을 별도로 만들 것을 제안합니다. 특히 이는 자바스크립트 양식을 통해 액세스하는 이미지와 같이 Google이 크롤링을 통해 찾을 수 없는 이미지에 유용합니다.

다음은 두 개의 이미지가 포함된 샘플 사이트맵입니다.

기존 사이트맵에 이미지를 추가하는 코드

다행히 사이트맵에 수동으로 이미지를 추가하고 싶지 않다면 운이 좋은 것입니다. Angeldigital.Marketing(사용 가능한 유일한 무료 도구 중 하나!)과 같은 도구가 있으면 이미지 사이트맵을 한 번 자동으로 생성합니다. URL을 입력합니다.

이 모범 사례를 사용하여 검색 이미지 결과 페이지를 통해 레벨을 높이고 새로운 트래픽을 얻을 수 있기를 바랍니다. 사진 한 장은 천 단어의 가치가 있다는 것을 기억하십시오. 따라서 SEO에 최적화된 사진의 가치를 상상해 보십시오.

마케팅