Google에서 더 많은 트래픽을 유도하는 8가지 전자상거래 이미지 최적화 팁

게시 됨: 2019-07-15

온라인 상점과 관련하여 제품 이미지는 가장 중요한 자산 중 하나입니다. 제품 사진은 WooCommerce 매장의 매출과 직접적인 관련이 있으므로 전자 상거래 이미지를 최적화하는 것이 필수적입니다.

이 게시물에서는 이미지 최적화를 마스터해야 하는 3가지 이유에 대해 이야기하고 Google에서 더 많은 트래픽을 유도하고 WooCommerce 스토어에서 더 많은 수익을 올리는 데 도움이 되는 8가지 전자상거래 이미지 최적화 팁을 공유합니다.

이미지 최적화를 마스터해야 하는 3가지 이유

최적화된 이미지는 모든 유형의 웹사이트를 즉시 개선할 수 있지만 전자 상거래 사이트의 경우 이미지 최적화가 가장 중요합니다. 다음은 이미지 최적화를 마스터해야 하는 세 가지 주요 이유입니다.

더 많은 쇼핑객 유치

제품 이미지와 웹사이트의 다른 모든 사진은 Google에서 색인을 생성합니다. 그런 다음 사용자가 관련 용어를 검색할 때 이미지에 대한 검색 엔진 결과에 표시될 수 있습니다.

제품 이미지를 최적화하는 데 시간을 할애하면 검색 엔진 결과에 더 잘 나타나며 더 많은 쇼핑객을 온라인 상점으로 끌어들이는 데 도움이 됩니다.

페이지 로딩 시간 개선

이미지는 느린 로딩 시간의 주요 원인 중 하나입니다. 큰 이미지 파일은 다운로드하여 브라우저에 표시하는 데 시간이 오래 걸리기 때문에 일반적으로 파일 크기가 크기 때문입니다. 느린 로딩 시간은 방문자가 제품 페이지의 로딩이 끝날 때까지 기다리지 않고 좌절하고 떠나기 때문에 전환율에 부정적인 영향을 미칩니다.

최적화된 이미지는 파일 크기가 줄어들어 다운로드 시간이 단축됩니다. 그러면 WooCommerce 스토어가 로드되는 속도가 향상됩니다. 장기적으로 상점이 충분히 빠르게 로드되지 않기 때문에 방문자와 판매를 잃지 않을 것입니다.

검색 엔진에서 더 나은 순위

마지막으로 최적화된 이미지는 페이지 로딩 시간을 개선하고 더 많은 쇼핑객을 매장으로 끌어들일 뿐만 아니라 검색 엔진에서 더 나은 순위를 매기는 데 도움이 됩니다. 이것은 위에서 논의한 페이지 로딩 시간 및 아래에서 논의할 몇 가지 다른 이미지 최적화 기술과 직접적으로 관련이 있습니다.

Google에서 더 많은 트래픽을 유도하는 8가지 전자상거래 이미지 최적화 팁

이미지 최적화가 왜 중요한지 더 잘 이해했으므로 이제 제품 이미지를 최적화하여 Google 및 기타 검색 엔진에서 더 많은 트래픽을 유도할 수 있는 팁을 살펴보겠습니다.

이미지 유형 이해

무엇보다도 가장 적절한 형식으로 저장할 수 있도록 다양한 이미지 형식을 이해하는 것이 중요합니다. 이렇게 하면 이미지가 흐릿해지지 않고 전체 파일 크기에도 도움이 됩니다.

스토어에 이미지를 업로드하는 가장 일반적인 세 ​​가지 형식은 JPG, PNG 및 GIF입니다.

JPG는 가장 오래된 이미지 형식 중 하나이며 웹과 가장 일반적으로 연결됩니다. 수백만 가지 색상이 포함되어 있으며 인물, 풍경 및 제품 사진을 표시할 때 탁월한 선택입니다. JPG 이미지의 또 다른 이점은 상당히 압축할 수 있어 품질의 심각한 손실 없이 파일 크기를 줄일 수 있다는 것입니다.

PNG 형식은 투명도가 필요한 이미지에 가장 많이 사용됩니다. 상점 로고나 흰색 또는 투명한 배경의 제품 이미지를 생각하십시오. PNG 이미지는 패턴이나 단색 배경과 같은 배경 이미지에도 사용됩니다. 단점은 종종 큰 파일 크기를 생성하지만 결과적으로 더 높은 품질의 이미지를 생성한다는 것입니다.

GIF 이미지는 JPG 이미지보다 품질이 낮고 일반적으로 아이콘이나 애니메이션 이미지에 사용됩니다. 몇 가지 색상만 사용하는 더 작은 이미지를 추가해야 할 때 훌륭한 선택입니다. 그들은 큰 파일 크기를 생성하므로 사이트 속도가 상당히 느려지기 때문에 큰 제품 사진에서는 잘 작동하지 않습니다.

이를 염두에 두고 이미지 형식과 관련된 주요 사항은 다음과 같습니다.

  • 대부분의 제품 사진에 JPG 이미지를 사용하십시오.
  • 로고용 PNG 이미지를 예약하거나 투명한 배경의 제품 사진이 필요하거나 파일 크기보다 이미지 품질이 더 중요한 경우
  • 아이콘에 GIF를 저장하거나 이미지에 애니메이션을 적용하려면 GIF를 저장하세요.

항상 대체 텍스트 추가

항상 이미지에 대체 텍스트를 추가해야 합니다. 이미지에 대체 텍스트를 추가해야 하는 세 가지 이유가 있습니다.

  • 대체 텍스트는 검색 엔진 봇에 대한 추가 컨텍스트를 제공합니다.
  • 대체 텍스트는 보조 기술이 온라인에서 찾은 사진을 해석하는 또 다른 방법입니다.
  • 대체 텍스트는 이미지를 제대로 로드할 수 없을 때 표시되고 브라우저에 있어야 할 내용을 알려줍니다.

따라서 이미지에 대한 자세한 정보를 제공하려면 대체 텍스트를 사용해야 합니다. 제품 이미지가 이미지 결과 페이지에 표시되고 유기적 트래픽 증가로 이어질 수 있는 제품 키워드를 포함하는 것은 또 다른 기회입니다.

대체 텍스트를 추가하는 것은 WordPress에서 쉽습니다. 제품 사진을 WooCommerce 스토어에 업로드할 때 뿐만 아니라 나중에 할 수 있습니다. 연필 아이콘을 클릭하여 이미지를 편집하고 해당 상자에 대체 텍스트를 입력하기만 하면 됩니다.

적절한 이미지 크기 사용

이미지 최적화와 관련하여 또 다른 중요한 팁은 적절한 이미지 크기를 사용하는 것입니다. 최종 이미지 크기인 너비와 높이는 테마 요구 사항에 따라 결정해야 합니다.

예를 들어 테마에서 이미지의 너비가 1200픽셀, 높이가 1800픽셀이어야 하는 경우 WooCommerce 스토어에 업로드하기 전에 해당 크기로 이미지 크기를 수동으로 조정해야 합니다. 이렇게 하면 테마에 따라 이상한 각도로 잘리는 대신 제품 이미지가 원래대로 표시되도록 할 수 있습니다. 또한 이미지의 최종 파일 크기를 줄이는 데 도움이 됩니다.

Photoshop을 사용하여 제품 이미지의 크기를 적절한 크기로 쉽게 조정할 수 있습니다. 또는 Gimp 또는 Picmonkey와 같은 무료 프로그램을 사용하는 것이 좋습니다.

이미지에 설명적인 이름 지정

카메라에서 할당한 기본 이름을 사용하는 대신 이미지에 설명적인 이름을 지정해야 합니다. 이를 달성하는 가장 쉬운 방법은 제품을 있는 그대로 설명하는 것입니다.

예를 들어 제품 이미지의 이름은 남성용 레드 폴로 셔츠 또는 블랙 크로스바디 가죽 가방으로 지정할 수 있습니다. 이것은 검색 엔진이 귀하의 이미지가 무엇인지 더 잘 이해하는 데 도움이 될 뿐만 아니라 보조 기술을 사용하는 쇼핑객이 이미지가 표시되는 내용을 이해하는 데에도 도움이 됩니다.

또한 설명이 포함된 이름을 사용하면 제품과 관련된 키워드를 통합하여 전체 사진을 검색 엔진과 더 관련성 있게 만드는 데 도움이 됩니다.

이미지 사이트맵 활용

지금쯤이면 사이트맵을 제출하면 검색 엔진이 사이트의 모든 페이지를 크롤링하고 사이트 구조를 더 잘 이해할 수 있다는 것을 알고 있을 것입니다. 그러나 더 많은 유기적 트래픽을 유도하기 위해 제품 이미지를 최적화하려면 사이트맵에 다른 콘텐츠 위에 이미지가 포함되어야 합니다.

시작하기에 좋은 곳은 Yoast SEO 플러그인을 사용하는 것입니다. 상점의 다른 SEO 측면을 개선하는 데 도움이 되는 WooCommerce 애드온과 함께 제공될 뿐만 아니라 이미지와 비디오를 사이트 사이트맵에 추가합니다.

다양한 각도 표시

온라인 쇼핑은 편리하지만 한 가지 단점이 있습니다. 고객이 제품을 직접 만지거나 만지거나 뒤집을 수 없다는 점입니다. 이 때문에 제품 사진으로 다양한 각도를 보여주는 것이 중요합니다.

WooCommerce를 사용하면 각 제품에 여러 이미지를 쉽게 업로드하고 미니 제품 갤러리를 만들 수 있습니다. 아래 스크린샷에서 볼 수 있듯이 제품 갤러리 이미지 추가를 클릭하고 해당 제품과 관련된 모든 이미지를 선택하기만 하면 됩니다.

제품을 여러 각도에서 표시해야 하지만 적절한 크기로 크기를 조정하는 데 주의해야 합니다. 이렇게 하면 제품 이미지가 균일해져서 시각적으로 더 매력적인 모양을 만들 수 있습니다.

제품 썸네일 활용

제품 미리보기 이미지를 활용하세요. 썸네일은 일반적으로 관련 제품 이미지로 나타나며 평균 주문량을 늘리고 제품을 더 많이 판매할 수 있는 좋은 방법입니다.

이러한 제품 미리보기 이미지는 개별 제품 페이지 하단에 표시되는 경우가 많으며 WooCommerce를 통해 상향 판매 또는 교차 판매로 표시할 제품을 효과적으로 제어할 수 있습니다.

Wondershop 테마 제품 페이지에서 사용 중인 제품 썸네일의 예를 볼 수 있습니다.

이미지 테스트

마지막 팁은 제품 이미지의 성능을 지속적으로 최적화하고 테스트하는 것입니다. 이것은 A/B 테스트의 변형일 수 있으며 제품 이미지가 판매에 미치는 영향을 결정하는 데 도움이 되는 좋은 방법입니다.

예를 들어 여러 제품 이미지를 추가하는 대신 단일 제품 이미지를 추가하는 실험을 할 수 있습니다. 또는 다양한 이미지 각도로 실험하고 어떤 각도가 더 많은 구매로 이어지는지 확인할 수 있습니다.

WooCommerce 스토어를 A/B 테스트하는 데 도움이 되는 수많은 플러그인이 있습니다. 그러한 플러그인 중 하나는 Nelio A/B Testing입니다.

WooCommerce와 완벽하게 호환되며 이미지뿐만 아니라 제품 제목, 제품 설명까지 테스트하고 주문을 전환 액션으로 사용할 수 있습니다. 이것은 구독 서비스로 제공되는 프리미엄 플러그인이지만 매장 전환 개선에 대해 진지하게 생각한다면 확실히 투자할 가치가 있습니다.

마지막 생각들

WooCommerce 스토어에서 더 많은 매출을 보고 검색 엔진에서 더 나은 순위를 얻으려면 이미지를 최적화하는 것이 중요합니다. 운 좋게도 이미지 최적화는 수반되는 내용을 알고 나면 그리 어렵지 않습니다. 이 기사에서 공유하는 팁을 사용하면 이미지를 최적화하고 Google에서 더 많은 유기적 트래픽을 얻을 수 있습니다.