완전한 전자 상거래 이미지 최적화 가이드 2023

게시 됨: 2022-11-04

소개

마케팅은 시장에서 문제를 찾아내고 고객에게 솔루션을 판매하는 것입니다. 즉, 문제에 대한 인식을 만들고 확산시키는 것입니다. 인지도를 높이는 동안 마케팅 담당자로서 올바른 소비자와 소통하고 있다는 점을 고려하는 것이 중요합니다.

검색 엔진 최적화는 적절한 잠재고객을 찾아 웹사이트 트래픽을 늘리는 데 매우 중요합니다. SEO는 검색 쿼리에 의해 구동되는 검색 결과의 콘텐츠 순위를 지정하는 데 도움이 됩니다. 이는 세 가지 구성 요소로 구성됩니다.

  1. 온페이지 SEO
  2. 오프 페이지 SEO
  3. 전문인

온페이지 SEO는 페이지에 있는 콘텐츠를 다룹니다. 이미지는 ON-Page SEO의 필수적인 부분이며 웹 페이지로의 트래픽과 귀하의 평가를 높이는 훌륭한 매체입니다.

목적과 이 안내서는 누구를 위한 것입니까?

Google을 사용하여 온라인 콘텐츠를 관리하는 경우 이 가이드가 적합합니다. 이 가이드의 학습 결과는 다음과 같습니다.

  • 검색 엔진 최적화의 기본 사항 알아보기
  • Google에서 이미지 최적화의 중요성 알아보기
  • Google에서 페이지 및 이미지를 최적화하기 위한 기술 요구사항을 배우고 이해합니다.
  • 이미지 최적화를 위한 모범 사례 학습 및 이해

Google 검색을 통해 온라인 콘텐츠를 소유, 관리, 수익화 또는 홍보하는 경우 이 가이드가 적합합니다. 당신은 번창하는 비즈니스의 소유자, 수십 개의 웹사이트 소유자, 웹 에이전시의 SEO 전문가 또는 검색 메커니즘에 열정적인 DIY SEO 전문가 가 될 수 있습니다. 이 가이드는 당신을 위한 것입니다.

Google의 모범 사례에 따라 이미지를 더 잘 최적화하기 위한 기술에 대한 포괄적인 개요를 찾고 있다면 제대로 찾아오셨습니다. 주목해야 할 중요한 점은 이 가이드가 Google에서 귀하의 사이트 순위를 자동으로 지정하는 비밀을 공개한다는 것입니다.

그러나 모범 사례를 따르면 검색 엔진이 콘텐츠를 더 쉽게 크롤링, 색인 생성 및 이해할 수 있습니다.

이미지 최적화

Google에서 이미지를 최적화하면 전환율을 높이고 매출을 최대 9%까지 높일 수 있습니다. 또한 사용자 경험을 향상시키는 데 도움이 될 것입니다. 구글 검색의 약 10.1%가 이미지입니다.

이미지는 콘텐츠를 발견하는 방법이기도 합니다. 이미지를 검색하는 동안 사용자는 이미지가 제공하는 콘텐츠에 대해 읽고 싶어할 수 있으며 이것이 웹페이지로 더 많은 트래픽을 유도하는 방법입니다.

검색 엔진은 이미지를 읽을 수 없다는 한계가 있습니다. 대신 이미지가 가진 내용에 초점을 맞춥니다. 이 때문에 사용자가 이미지 검색을 통해 더 많은 방문자를 유치할 수 있도록 이미지의 최적화 기술이 필수적입니다.

Google 이미지는 콘텐츠 검색에 중요할 수 있습니다. 데이터에 따르면 전반적 으로 Google 검색의 20%는 이미지 검색을 통해 발생합니다 . 또한 Google의 이미지 순위 지정은 콘텐츠 순위 지정보다 시간이 덜 걸립니다.

이미지 방문은 관련성 있고 필수적인 콘텐츠 검색을 더 쉽게 만들어주기 때문에 트래픽을 웹사이트로 가져오는 데 중요한 역할을 할 수 있습니다. 이미지는 설명이나 비하인드 스토리에 대한 사용자의 마음에 관심을 불러일으킵니다.

또한 이미지를 최적화하는 것도 사용자 경험을 향상시키는 데 중요합니다. 로딩 속도는 이미지의 품질과 크기에 직접적인 영향을 받습니다. 페이지 로드 시간이 더 오래 걸리면 방문자가 이 페이지에서 이탈하여 이탈률이 증가할 가능성이 있습니다.

Google은 또한 웹사이트 속도를 순위 요소로 사용하기 시작했습니다. 웹사이트의 성능은 방문자 수에 영향을 미칩니다.

보고서에 따르면 최적화되지 않은 이미지는 최대 75%의 무게를 차지하여 끔찍한 사용자 경험을 제공합니다.

문제와 관련된 답변이나 콘텐츠를 찾으려고 한다고 가정해 보겠습니다. 그러나 접속한 웹사이트가 로드되는 데 시간이 오래 걸리면 다른 웹사이트로 이동할 가능성이 있습니다.

반면에 방문자는 콘텐츠에 이미지가 없으면 웹사이트를 떠나게 되어 끔찍하고 이해하기 어렵습니다.

제품에 대한 이미지를 최적화하고 추가하면 고객이 제품의 모양을 이해할 수 있기 때문에 전환율도 높아집니다.

이미지 최적화를 위한 6가지 기본 팁

웹사이트 소유자는 앞서 설명한 것처럼 더 나은 성능을 위해 웹 페이지를 최적화해야 합니다. 웹사이트의 성능을 향상시키려면 사용자 경험, 기술 SEO 및 콘텐츠 가독성과 같은 영역에서 작업해야 합니다.

사용자 경험

더 나은 사용자 경험을 만들면 웹사이트의 성능과 순위도 높아집니다. 웹사이트의 이탈률이 더 높으면 웹사이트 순위에 부정적인 요소가 될 수 있습니다.

Google의 정책에 따르면 2010년부터 웹사이트의 성능은 순위 요소였습니다. 사용자 경험이 향상된다는 것은 사용자가 자신의 필요와 검색 의도에 따라 콘텐츠와 웹사이트를 찾는다는 것을 의미합니다.

다음 KPI는 사용자 경험을 측정할 수 있습니다.

  • 세션 속도
  • 이탈률
  • 세션당 페이지 수.

Google Analytics는 웹사이트의 성능을 이해하는 데 도움이 되므로 웹사이트에 문제가 있는 부분을 분석할 수 있습니다.

사용자 경험을 개선하기 위해 가장 먼저 해야 할 일은 사람들을 위한 글을 작성하는 것입니다. Google의 새로운 업데이트에서는 사람들이 필요로 하는 콘텐츠를 작성해야 합니다. 최적화는 온페이지, 오프페이지 및 기술적으로 수행되는 세 가지 영역이 있습니다.

사용자에게 필요한 콘텐츠를 제공하면 웹사이트의 분석이 향상됩니다. 위에서 언급한 KPI를 사용하여 Google 콘솔 또는 Google 애널리틱스에서 웹사이트의 성능을 추적할 수 있습니다.

그림, 그래프 및 이미지를 추가하여 콘텐츠를 풍부하게 만드십시오. 전자 상거래 웹 사이트에서 이미지는 웹 사이트만큼 중요합니다. 전자 상거래 웹사이트의 경우 이미지가 제품을 뒷받침하지 않는다면 웹사이트가 필요하지 않습니다.

웹사이트의 주요 목적은 제품에 대한 시각적 설명을 제공하고 사용자에게 스토리를 설명하는 것입니다. 또한 대부분의 사용자는 이미지를 통해 설명하면 내용을 쉽게 이해하고 기억할 수 있습니다.

Google은 콘텐츠 제작자가 검색 엔진이 아닌 사용자를 위한 콘텐츠를 만들 것을 권장합니다. 몇 가지 모범 사례를 따르면 이미지 가시성을 높일 수 있습니다.

웹페이지 콘텐츠의 품질은 Google 이미지에서 이미지의 순위를 매기는 데 중요한 역할을 합니다. Google의 이미지는 더 많은 컨텍스트를 제공하고 결과를 더 실행 가능하게 만듭니다. 페이지의 콘텐츠는 이미지에 대한 순위 요소로 사용될 수 있는 이미지에 대한 텍스트 스니펫을 생성합니다.

인터페이스와 사이트를 모든 장치에 대해 사용자 친화적으로 만들어 사용자 경험이 향상됩니다. 보고서에 따르면 많은 Google 이미지가 데스크톱이 아닌 휴대기기를 통해 검색됩니다.

사용자가 콘텐츠나 이미지에 접근하기 어려운 경우 이탈률이 증가할 가능성이 높습니다. 웹 페이지의 성능과 순위 사이에는 직접적인 관계가 있습니다. 최고의 성능은 웹 페이지에서 이미지의 순위를 높일 것입니다.

Google은 이미지의 URL 경로를 파일 이름으로 사용하여 이미지를 이해하기 때문에 사용자 친화적인 URL 구조는 웹사이트의 성능을 향상시킵니다.

속도 향상

이미지 최적화 기술을 올바르게 적용하여 웹사이트의 속도를 향상시키십시오. 상황과 용도에 따라 적절한 이미지 형식을 선택해야 합니다. 이미지 형식에는 벡터와 래스터의 두 가지 유형이 있습니다.

벡터는 로고, 텍스트 또는 아이콘과 같은 단순한 기하학적 모양으로 구성된 이미지에 적합합니다. 벡터 이미지는 모든 해상도에서 최상의 결과를 제공하므로 더 나은 결과를 위한 이상적인 형식입니다.

그러나 이미지를 설명할 때 벡터 그래픽은 부족합니다. 이미지의 경우 파일 저장을 위한 JPEG, JPG 또는 WebP와 같은 형식입니다. 래스터 이미지는 고해상도 요구 사항에 적합하지 않기 때문에 두 형식 모두 장단점이 있습니다. 다음 이미지는 래스터와 벡터 이미지 간의 결과를 설명합니다.

이미지 최적화에는 명확한 매개변수가 없습니다. 대신 더 나은 결과를 표시하기 위한 다양한 기술 집합입니다. 또 다른 필수 요소는 더 나은 픽셀 치수와 인코딩된 데이터를 위한 최적의 설정을 찾는 것입니다.

이미지의 크기를 설정할 때 옳고 그름은 없습니다. 그렇기 때문에 최적의 치수 설정을 찾기 위해서는 신중한 분석이 필요합니다.

그러나 특정 전자 상거래 사이트는 이미지를 배치하는 사이트에 따라 규칙을 고안했습니다. 이미지에 사용할 수 있는 공간에 따라 이러한 사이트는 사용자에게 특정 크기의 이미지를 업로드하도록 요청합니다.

이상적인 웹 성능을 위한 성공적인 이미지 최적화는 가장 작은 파일 크기와 최고 품질의 이미지를 사용하는 데 달려 있습니다. 이 조합은 이미지 최적화에 기여하여 최고의 웹 성능을 제공합니다.

대체 텍스트 속성

이미지 태그의 구조는 다음과 같습니다.

<img src=”img_girl.jpg” alt=”재킷을 입은 소녀” width=”500″ height=”600″>

데이터에 따르면 검색엔진 최적화 전문가의 약 90%가 이미지 최적화의 필수 측면을 활용하지 않는 것으로 나타났습니다. 바로 이미지 태그 속성에 "alt" 텍스트를 사용하는 것입니다. 이미지를 설명하는 키워드를 추가하면 검색 엔진이 이미지가 사용되는 의도를 식별하는 데 도움이 됩니다.

스크린 리더를 사용하거나 대역폭 연결이 낮은 사람들은 "alt" 텍스트 속성을 사용하여 이미지에 액세스할 수 있습니다. 우리는 검색 엔진을 위한 기반을 구축했으며 앞서 논의한 바와 같이 검색 엔진은 이미지를 읽을 수 없습니다. 이미지 설명을 더 잘 이해하기 위해 대체 텍스트에 의존합니다.

이미지를 가장 잘 설명하는 유용하고 가치 있는 키워드를 추가하는 데 중점을 두어야 합니다. "alt" 속성은 검색 쿼리 결과에 필수적입니다. 이것이 키워드 스터핑을 피하는 것이 나쁜 사용자 경험으로 끝날 수 있는 이유입니다. W3의 지침에 따라 대체 텍스트를 조정하는 것이 중요합니다. 다음은 나쁜 이미지 태그와 좋은 이미지 태그 및 "alt" 텍스트 속성의 예입니다.

  • 불량 : <img src=”tshirt.jpg”/> (대체 텍스트 누락)
  • 나쁨 : <img src=”puppy.jpg” alt=”검은 셔츠 멋진 셔츠 남학생 셔츠
  • Boy design Boy Tshirt Black Awesome shirts 민소매 셔츠 Cool Dude Shirts”/> ( keyword stuffing)
  • 더 나은 : <img src= “BMW-i8-White.jpg” alt= “BMW i8 Black” />
  • 최고 : <img src=”Tesla-model-s-red.jpg” alt=”Model s Tesla Red Color”/>

Google은 느린 네트워크 연결을 사용하여 콘텐츠를 테스트하고 접근성을 감사할 것을 사용자에게 조언합니다.

Google이 많은 속성과 가이드라인을 통해 소비자를 지원함에 따라 더 나은 이미지 색인 생성을 위한 다른 기술 요구 사항이 있습니다.

이미지 태그 <img> 사용

Google은 이미지 인덱싱을 위해 페이지의 HTML을 구문 분석하지만 CSS를 인덱싱할 수는 없습니다. Google에서 색인을 생성할 수 없기 때문에 표시를 위해 CSS에 이미지를 추가하는 것은 쓸모가 없습니다. 이것이 Google이 더 나은 인덱싱을 위해 시맨틱 마크업 사용을 권장하는 이유입니다.

  • 나쁨: <div style=”background-image: URL(crikcet_bat.jpg)”>그레이 니콜스 발리스터</div>
  • 좋음: <img src=”crikcet_bat.jpg” alt=”그레이 니콜스 발리스터” />

Google에서 지원하는 이미지 형식

Google 이미지는 색인 생성을 위해 다음 형식의 이미지만 지원합니다.

  • BMP
  • GIF
  • JPEG
  • PNG
  • 웹피
  • SVG.

반응형 이미지

반응형 이미지를 추가하면 웹페이지의 사용자 경험이 향상됩니다. 사용자는 다양한 장치에서 반응형 이미지를 사용하여 최상의 사용자 경험을 제공할 수 있습니다.

향상된 사용자 경험과 순위 사이에 직접적인 연결이 있기 때문에 반응형 이미지는 이제 이미지 최적화의 요소입니다.

전자 상거래 관리자의 최우선 순위는 고객에게 최상의 사용자 경험을 제공하는 것입니다. 사용자 경험은 반응형 디자인, 로딩 속도, 최적화된 이미지로 구성됩니다.

최적화를 위한 추가 팁:

위에서 언급한 것은 통합하는 데 중요한 기본 이미지 최적화 기술입니다. 다음 기술은 이미지 최적화를 새로운 차원으로 향상시킬 수 있습니다.

자동으로 생성된 텍스트

Google 이미지는 사용자 쿼리의 검색 결과를 설명하는 제목 링크와 텍스트 스니펫을 자동으로 생성합니다. 이러한 텍스트 결과는 사용자가 이미지가 의도에 맞는지 여부를 이해하는 데 도움이 됩니다.

Google은 메타데이터, 제목 설명 및 메타태그와 같은 링크와 스니펫을 생성하기 위해 여러 소스를 사용합니다. 다음은 사용자에게 더 나은 결과를 제공하기 위해 제목 링크와 텍스트 스니펫을 생성하는 Google의 모범 사례입니다.

  • 웹 페이지의 모든 제목 태그 <title> 에는 특정 제목이 있어야 합니다.
  • <title> 에는 설명적이고 간결한 텍스트가 있어야 합니다.
  • 제목 태그에는 "집" 또는 "프로필"과 같은 제목이 없어야 합니다.
  • 웹 페이지의 제목 태그에는 고유한 키워드가 있어야 합니다. 독특한 제목 텍스트는 사용자가 전자 상거래용 웹 페이지를 이해하고 구별하는 데 도움이 됩니다.
  • 웹페이지의 제목은 웹사이트의 브랜딩을 위한 장소이기도 합니다. 비즈니스에 대한 태그라인을 추가하여 추가 정보를 제공할 수 있습니다.

<title>Facebook – 사람들을 연결하는 장소</title>

  • Google은 제목 링크 또는 다음과 같은 스니펫을 생성하기 위해 다음 소스를 사용하므로 웹페이지의 제목 텍스트는 명확해야 합니다.
    • 제목 태그의 내용
    • 시각적 제목은 웹페이지에 표시됩니다.
    • 제목 요소
    • 앵커 텍스트
    • 링크 내의 텍스트는 다른 페이지로 리디렉션됩니다.
  • 동일한 스크립트를 웹페이지의 기본 스크립트로 사용해야 합니다. Google 봇은 페이지 제목을 기본 페이지와 연결합니다. Google에서 페이지 제목이 기본 스크립트와 일치하지 않는다고 판단하면 새 텍스트 파일을 생성합니다.
  • 이 모든 것 외에도 모든 검색 엔진이 크롤링하도록 허용했는지 확인하는 것이 필수적입니다. Google이 페이지에 액세스하지 않으면 텍스트 파일을 생성하기 위해 페이지 외부 속성을 사용합니다.

눈에 띄는 배지 추가

구조 데이터를 추가하면 이미지가 리치 결과로 표시됩니다. 이러한 리치 결과는 사용자에게 관련 정보를 제공하는 눈에 띄는 배지와 함께 표시됩니다.

위의 이미지와 같이 귀뚜라미 방망이 이미지는 이 방망이를 판매하는 웹사이트에서 가져온 것임을 알 수 있습니다. 사용자가 박쥐를 사고 싶다면 이미지를 클릭하여 거래 사이트로 리디렉션할 수 있습니다.

Google은 구조적 데이터를 표시하기 위한 가이드라인을 제공합니다.

  • 웹 페이지는 지원되는 세 가지 이미지 형식 중 하나로 표시되어야 합니다.
    • JSON-LD
    • 마이크로데이터
    • RDFa
  • 제어 수단을 사용하여 데이터 페이지를 구성하는 Google 봇을 차단하지 않은 것이 가장 좋습니다.
  • 리치 결과에는 오래된 정보가 표시되지 않으므로 최신 정보 제공
  • 오해의 소지가 있는 정보에 구조화된 데이터를 사용하지 마세요.
  • 구조 데이터는 페이지 콘텐츠에 대한 정확하거나 관련성 높은 정보를 제공해야 합니다.
  • Google에서 다음 배지로 분류하는 관련 정보를 제공해야 합니다.
  • 기사
  • 책
  • 빵 부스러기
  • 회전 목마
  • 강의
  • 데이터세트
  • 교육 Q&A
  • 고용주 종합 평가
  • 예상 급여
  • 이벤트
  • 사실 확인
  • 자주하는 질문
  • 가정 활동
  • 어떻게
  • 이미지 메타데이터
  • 구인 공고
  • 학습 비디오
  • 지역 사업
  • 심벌 마크
  • 수학 해결사
  • 영화
  • 팟캐스트
  • 연습 문제
  • 제품
  • Q&A
  • 레시피
  • 리뷰 스니펫
  • 사이트링크 검색창
  • 소프트웨어 앱
  • 말할 수 있는
  • 구독 및 유료 콘텐츠
  • 동영상
  • 배지에 가장 구체적인 범주를 사용하려고 하면 가장 좋습니다.

Google은 사용자가 가이드라인을 따를 수 있는 경우 눈에 띄는 배지를 할당합니다.

이미지 사이트맵

이미지의 URL은 웹페이지에서도 제공할 수 있으며 이를 위해 이미지에 사이트맵도 포함해야 합니다. 그렇지 않으면 Google에서 파일을 이해하거나 찾을 수 없습니다.

이미지 사이트맵에는 다른 도메인의 이미지가 포함되며 도메인 간 제한이 적용됩니다. 도메인 간 제한을 통해 CDS(콘텐츠 전달 시스템)를 사용할 수 있으므로 서버 부하를 줄이고 사이트 성능을 개선하며 분석을 기반으로 대상을 세분화할 수 있습니다.

<?xml 버전=”1.0″ 인코딩=” UTF-8″?>

<urlset xmlns=”http://www.sitemaps.org/schemas/sitemap/0.9″

xmlns:image="http://www.google.com/schemas/sitemap-image/1.1″>

<url>

<loc>http://example.com/sample1.html</loc>

<이미지:이미지>

<image:loc>http://example.com/image.jpg</image:loc>

</이미지:이미지>

<이미지:이미지>

<image:loc>http://example.com/photo.jpg</image:loc>

</이미지:이미지>

</url>

<url>

<loc>http://example.com/sample2.html</loc>

<이미지:이미지>

<image:loc>http://example.com/picture.jpg</image:loc>

</이미지:이미지>

</url>

</urlset>

아피미오 최적화

이미지 최적화 여부를 분석하고 이해하는 데 도움이 되는 Apimio라는 제품 정보 관리 소프트웨어가 있습니다. 당사 PIM은 Shopify 사용자의 경험을 향상시키기 위해 다음 작업을 수행합니다.

Apimio는 제품 여정의 모든 부분을 보다 효율적으로 만듭니다. 온라인 상점에서 최적화된 제품 데이터를 시작하는 것이 그 어느 때보다 빠르고 쉬워졌습니다. 이를 통해 Shopify 사용자는 대량 제품 데이터를 가져와 최적화를 개선할 수 있습니다.

PIM은 이미지를 분석하고 매개변수를 기반으로 최적화 점수를 반환합니다. 다음 속성은 Apimio PIM이 분석합니다.

  1. 이미지 크기
  2. 체재
  3. 크기

이 이미지 중 기능에 따라 점수가 매겨집니다. 언급된 두 가지 기능이 완료되지 않으면 100% 최적화되지 않은 이미지가 되며 그 반대의 경우도 마찬가지입니다.

위 이미지는 파일 형식, 크기, 크기 등의 속성이 최적화 기준에 맞지 않음을 보여주는 화면 예시입니다.

또한 Shopify는 약 $2의 플러그인을 제공하여 사용자를 용이하게 합니다. 사용자가 자동으로 이미지 크기를 조정하고 압축할 수 있으므로 수천 개의 이미지를 압축하고 크기를 조정하는 시간을 절약할 수 있습니다.