이미지 최적화란 무엇이며 SEO에 왜 중요한가요?
게시 됨: 2019-08-13
최종 업데이트 - 2021년 7월 8일
시각적 콘텐츠는 오늘날 모든 웹사이트에 없어서는 안될 필수 요소로, 80% 이상의 마케터 가 디지털 캠페인에 리치 미디어를 사용하고 있습니다. Google 이미지 검색 인터페이스의 마지막 업데이트는 페이지 순위에서 시각적 콘텐츠의 중요성을 더욱 높였습니다. 이미지를 최적화하면 페이지 로드 속도가 감소하고 페이지 순위가 크게 향상됩니다. 이미지 최적화가 무엇이고 SEO에 왜 중요한지 자세히 읽어보세요.
이미지 최적화란 무엇입니까?
이미지 최적화는 가능한 한 작은 크기를 유지하면서 고품질 이미지를 제공하는 프로세스를 말합니다.
이미지 최적화에는 크기 조정, 캐싱 또는 압축의 세 가지 주요 방법이 있습니다. 크기 조정은 이미지의 크기를 줄여 가장 작은 크기와 가장 좋은 품질을 얻는 것을 의미합니다. 캐싱 방법은 이미지 파일을 브라우저 캐시에 저장하여 페이지 로드 시간을 줄입니다.
이미지 최적화가 왜 중요한가요?
Google에 따르면 매일 수억 명의 사람들이 Google 이미지를 사용하여 웹 콘텐츠를 시각적으로 검색합니다. 이미지 검색 은 미국의 상위 10개 웹 검색 속성에서 생성된 모든 쿼리의 27%를 나타냅니다.
Google의 "이미지 보기" 버튼이 이미지 검색에서 "[페이지] 방문"으로 업데이트되었습니다. 그 결과 분석 플랫폼이 이미지 검색에서 생성된 세션의 증가를 기록했습니다. 이로써 호스트 페이지에 대한 콘텐츠 가시성이 향상되었습니다. 이미지는 중요한 트래픽 소스이며 우리는 이를 활용해야 합니다.
이미지를 최적화하면 페이지 로드 시간이 줄어듭니다. 따라서 사용자가 페이지가 로드될 때까지 기다리는 평균 시간이 2초이므로 방문자가 웹사이트에 머무를 가능성이 더 높습니다. 페이지 로드가 빠를수록 방문자의 사이트 지속성이 높아집니다. 게다가 구글은 더 빠른 사이트를 우선시하고 느린 사이트를 처벌하기 때문입니다. 요약하면 이미지를 최적화하면 두 가지 주요 측면에서 도움이 될 수 있습니다.
페이지 로드 속도
이미지는 웹페이지 무게의 절반 이상을 포함합니다. 그렇기 때문에 이미지 크기를 최적화하는 것이 로드 속도를 최소화하는 가장 간단한 방법입니다.
SEO 순위
모든 마케터와 웹 관리자라면 황금색 왼쪽 모서리를 달성하는 것이 목표입니다. 따라서 SEO에 대한 이미지 최적화는 필수입니다. 다음 섹션에서 몇 가지 팁과 기술을 다룰 것입니다.
전자상거래 사례
이미지를 최적화하는 것은 전자 상거래 상점의 경우 명확하고 매력적인 카탈로그를 제공하는 데 특히 중요합니다. 즉, 검색 엔진 결과에서 더 높은 순위를 얻으려면 SEO 기능이 내장된 견고한 전자 상거래 플랫폼이 필요합니다.
3대 전자 상거래 플랫폼인 Shopify, Magento 및 Woocomerce는 SEO를 위한 이미지 최적화의 중요성을 강조합니다. 예를 들어 Shopify에는 품질과 크기의 비율로 인해 다른 형식보다 JPG 파일을 선호하여 SEO 및 변환을 위해 이미지를 최적화하도록 사용자에게 권장 하는 온라인 자습서 가 있습니다.
따라서 최고의 SEO 기능을 제공하는 플랫폼을 선택하는 것이 최적화된 이미지의 효과를 극대화하는 열쇠입니다. 세 가지 주요 전자 상거래 플랫폼을 빠르게 검토해 보겠습니다.
우커머스
상점의 소스 코드에 대한 액세스를 제공하고 다양한 사용자 정의를 사용할 수 있으므로 SEO 친화적으로 간주됩니다. 따라서 WordPress 콘텐츠 관리 시스템의 확장은 WordPress SEO 플러그인과 호환됩니다. 이 통계 에 따르면 가장 인기 있는 전자 상거래 플랫폼 중 하나입니다 .
WooCommerce에 사용할 수 있는 일부 SEO 플러그인은 다음과 같습니다.
- 몬스터 인사이트
- 올인원 SEO 팩
- Google XML 사이트맵
- W3 총 캐시
- BZ 지연 로드
- SEO 최적화 이미지
가격 — 무료 업데이트가 포함된 무료 전자 상거래 플러그인으로 49달러부터 시작하는 SEO용 가격 확장 기능을 제공합니다.
보안 — 강력한 암호와 제한된 로그인이 필요한 호스트 또는 타사 공급업체에서 판매하는 SSL 인증서를 설치해야 합니다.
성능 — WooCommerce는 버전이 많은 이미지를 로드할 때 느려지는 경향이 있습니다.
마젠토
가장 널리 사용되는 플랫폼 중 하나인 종단 간 관리형 전자 상거래 플랫폼입니다.
SEO —중형 및 대형 온라인 상점을 위해 확장할 수 있는 강력한 SEO 내장 기능을 제공합니다. Magento에서 사용할 수 있는 일부 SEO 확장 은 다음과 같습니다.
- Magento SEO Suite Pro 확장 v9.5.2
- Mirasvit의 고급 SEO 제품군
- Creare의 무료 Magento SEO 확장 프로그램
- AheadWorks v1.3.8의 궁극적인 SEO 제품군
가격 — 무료 커뮤니티 에디션이 포함된 오픈 소스입니다. Magento Enterprise Edition은 견적을 요청하여 가격을 책정하는 유료 버전입니다. WooComerce와 마찬가지로 유료 SEO 확장을 제공합니다.
성능 - 콘텐츠 관리 시스템으로 작동하며 Adobe의 지원을 받아 민첩하고 사용자 친화적입니다.
쇼피파이
클라우드 기반 전자 상거래 플랫폼인 무제한 판매 기능으로 인기가 높습니다.
SEO — Shopify 앱은 앱을 위한 자체 마켓플레이스와 함께 기능을 확장하는 플러그인과 같습니다.
Shopify를 위한 최고의 SEO 앱은 다음과 같습니다.
- SEO 이미지 최적화 도구
- SEO 메타 관리자
- 울트라 SEO
가격 책정 — 14일 평가판부터 다양한 가격 책정 계획이 제공됩니다. 기본 계획은 $29에서 시작하여 $279까지 올라갑니다.
성능 - Shopify의 가장 좋은 기능 중 하나는 페이지의 빠른 로딩 속도입니다. 이는 Shopify가 이미지 최적화에 최우선 순위를 둔 결과입니다.
웹 및 성능을 위해 이미지를 최적화하는 방법
다음은 최상의 성능을 위해 이미지를 최적화하는 데 도움이 되는 몇 가지 팁입니다.
#1. 자연스럽게 이미지 파일 이름 지정
SEO에 이미지를 포함하는 가장 간단한 방법은 이미지에 이름을 지정하는 것입니다. 이미지의 순위를 매길 수 있는 키워드를 사용하여 이미지의 논리적 이름을 찾습니다.
예를 들어, 손으로 만든 보석을 판매하는 전자 상거래 상점이 있고 아래 이미지에서 "실버 담요"라는 이름의 귀걸이를 판매한다고 가정해 보겠습니다.
사진 이름을 "image17797.jpg"로 지정하거나 "earrings-seed-beads-woven.jpg"로 이름을 지정할 수 있습니다. 잠재 고객이 귀하의 제품을 찾는 데 사용할 수 있는 검색 키워드에 따라 더 적합합니다.
마찬가지로 이미지 대체 및 제목 속성은 검색 시 이미지 순위를 높여 사용자 경험을 개선합니다. 이것은 차례로 시간이 지남에 따라 페이지 관련성을 구축하여 검색 엔진이 페이지를 더 높은 순위에 올릴 가치가 있는 페이지로 식별하게 합니다.
이러한 속성을 간결하고 문법적으로 논리적으로 작성하여 접근성 독자를 돕고 모든 사용자의 경험을 개선하십시오. 페이지의 이미지 캡션과 이미지를 둘러싼 키워드에도 동일하게 적용되어 검색 엔진이 이미지에 대한 더 많은 컨텍스트를 얻을 수 있습니다.
이제 호스트 페이지의 HTML 제목 태그가 이미지 검색 결과에 표시되므로 이미지와도 관련이 있어야 합니다.
#2. 올바른 크기와 형식 사용
다양한 종류의 형식으로 작업하면 웹사이트의 무게를 일정하게 유지하는 데 도움이 될 수 있습니다. 예를 들어 SVG는 가볍고 단순한 이미지와 제한된 색상에서 잘 작동하기 때문에 로고나 아이콘에 사용할 수 있습니다.
PNG는 배경이 투명한 이미지와 함께 사용하는 것이 좋지만 가장 무거운 유형이므로 아껴서 사용하십시오. JPG는 많은 디테일과 색상을 허용하기 때문에 가장 일반적으로 사용되는 이미지 유형입니다. 그러나 페이지에 너무 많은 무게를 추가하지 않으려면 JPG 이미지를 100KB 및 1920픽셀보다 가볍게 유지해야 합니다.
큰 이미지를 저장해야 하는 경우 이미지가 로드될 때 점진적으로 표시되기 시작하는 프로그레시브 JPG로 설정할 수 있습니다.
GIF는 256색으로 제한되어 있으므로 간단한 색 구성표로 간단한 애니메이션을 저장해야 합니다.
#삼. A/B 이미지 테스트
이미지를 개선하는 방법의 좋은 예는 Unilever 사례입니다. Unilever는 모바일 사용자의 경험을 개선하기 위해 기존의 팩샷 대신 영웅 이미지로 시장을 혁신했습니다. 이 영웅 이미지 는 패키지 클로즈업과 소비자가 가장 관심을 가질 만한 요소를 보여주는 스트립으로 더 많은 정보를 전달합니다.
#4. 이미지 호스팅 및 캐싱
이미지는 브라우저가 페이지 로드를 완료하기 전에 서버에 대한 요청 수를 증가시켜 페이지 속도를 늦출 수 있습니다.
이미지 스프라이트와 호스트된 이미지는 이미지 검색 및 로드 속도를 높이는 데 유용했습니다. 오늘날에는 설정에 따라 HTML 파일과 동일한 호스트에서 이미지를 호스트하는 것이 더 빠를 수 있습니다.
도메인에서 이미지를 호스팅하면 이미지를 콘텐츠에 포함할 때 잠재적인 링크 자산을 캡처하는 데 도움이 됩니다. 다른 이점으로는 캐시 제어, 브랜딩 및 리디렉션 제어가 있습니다.
CDN(Content Delivery Network)을 사용 하면 서버를 사용자 위치에 가깝게 하여 로드 시간을 단축 할 수 있습니다.
캐싱에 관하여. 이미지는 모든 이미지 유형에 대해 서버 만료를 설정하여 캐싱 시간이 가장 긴 자산이어야 합니다.
캐싱과 관련하여 모든 이미지 유형에 대해 서버 만료 시간이 설정되어 있는지도 확인하십시오. 이미지는 캐싱 시간이 가장 긴 리소스 중 일부여야 합니다(보통 몇 주).
#5. 디지털 자산 관리 솔루션 사용
디지털 자산 관리 솔루션은 이미지 라이브러리를 구성할 뿐만 아니라 이미지 최적화에도 도움이 될 수 있습니다. 좋은 DAM 솔루션 에는 자동 태그 지정 기능이 있어 검색 가능한 올바른 키워드로 이미지 이름을 적절하게 관리할 수 있습니다.
#6. 지연 로딩 사용
이미지를 로드하는 방법에 따라 실제로 페이지 속도가 느려질 수 있습니다. 지연 로딩 기술을 사용하면 방문자가 페이지를 아래로 스크롤할 때 오프스크린 이미지가 로드되더라도 페이지가 로드를 완료할 수 있습니다.
이렇게 하면 페이지 속도가 향상될 수 있지만 이미지를 올바르게 인덱싱하도록 주의해야 합니다. 이와 관련하여 이미지 사이트맵을 사용하면 색인 생성에 도움이 되어 검색 및 크롤링이 향상됩니다.
이 YouTube 자습서 에서 Shopify 또는 WooComerce와 같은 전자 상거래 사이트에 이미지를 최적화하는 방법에 대해 자세히 알아볼 수 있습니다 .
요약: 이미지를 사용하여 SEO 향상
이미지는 콘텐츠에 대한 좋은 시각적 보조 수단일 뿐만 아닙니다. 요즘에는 이미지가 실제로 콘텐츠에 대한 트래픽을 유도하여 영구성을 구축하고 페이지 순위를 높일 수 있습니다. 따라서 검색을 유도하기 위해 이미지를 최적화하는 것은 SEO를 개선하려는 모든 웹사이트의 필수 사항입니다.