이미지 SEO: 검색을 위해 이미지를 최적화하는 방법

10개의 파란색 링크보다 더 많은 검색이 있습니다. MozCast 에 따르면 검색의 36% 이상이 이미지를 포함합니다.

Google 이미지 검색을 사용하여 수행한 모든 검색은 말할 것도 없습니다. 이는 브랜드에 대한 엄청난 양의 잠재적인 웹사이트 참여입니다. 그러나 많은 웹사이트 제작자는 자신의 사이트에 사용하는 이미지를 최적화하는 데 시간을 들이지 않습니다. 그들은 단순한 대체 텍스트 줄만으로도 Google의 복잡한 이미지 SEO 알고리즘을 만족시키기에 충분하다고 믿습니다.

그러나 Google의 알고리즘은 나날이 똑똑해지고 있습니다.

다행히도 검색을 위해 웹사이트 이미지를 최적화하는 데 복잡한 SEO 전략과 공식을 구현하는 데 수많은 시간이 필요하지는 않습니다. SEO를 위한 이미지 최적화에는 몇 가지 간단한 단계가 필요합니다. 이미지 크기, 속도, 설명 및 콘텐츠와 같은 요소에 초점을 맞추면 더 나은 사용자 경험을 제공하고 Google에서 이미지를 정의하고 구성하는 데 도움이 될 수 있습니다.

사용자 경험을 위한 이미지 최적화

모든 SEO 전략가는 자신의 콘텐츠가 Google에서 높은 순위를 차지하기를 원하지만 훌륭한 UX(사용자 경험)를 제공하는 콘텐츠를 만드는 것이 중요합니다. 더 나은 UX를 제공할수록 참여 및 전환 가능성이 높아집니다. 그렇기 때문에 최상의 이미지 최적화에는 컨텍스트, 관련성 및 사이트 품질이 포함됩니다.

사용자 경험을 위해 이미지를 최적화하는 방법은 다음과 같습니다.

이미지 배치 고려

웹 페이지에서 이미지를 배치할 위치를 선택하면 컨텍스트와 관련성에 가장 큰 영향을 미칩니다. 많은 사이트 제작자는 텍스트를 분할하는 방법으로 웹 페이지의 임의 섹션에 한두 개의 이미지를 던집니다. 그러나 이렇게 하면 청중을 혼란스럽게 하고 산만하게 할 수 있습니다. 이미지는 방문자에게 컨텍스트를 제공하기 위해 가장 관련성이 높은 텍스트 근처에 배치해야 합니다. 다음 섹션의 이미지가 텍스트와 어떤 관련이 있는지 주목하십시오. 이것은 또한 Google이 관련 검색어에 적절한 이미지를 제공하는 데 도움이 됩니다.

고품질의 고유한 이미지 사용

스톡 사진은 많은 웹사이트 소유자가 찾는 곳입니다. 결국, 그들은 종종 무료이고 사용하기 쉬우며 귀하의 사이트와 관련된 한두 가지가 있을 수밖에 없습니다. 문제는 다른 모든 웹사이트 제작자가 동일한 작업을 수행할 가능성이 높다는 것입니다. 즉, 귀하가 사용하는 스톡 이미지가 귀하와 같은 다른 10개 사이트에서 발견될 수 있음을 의미합니다.

Google의 John Mueller가 설명하는 것처럼 "Google 이미지에서 순위를 지정하려는 경우 다른 많은 사이트와 동일한 이미지를 사용하는 것은 그다지 도움이 되지 않습니다."

최적화 워크플로의 일부로 귀하의 사이트에만 사용되는 고유한 이미지를 만드는 것이 좋습니다. 고품질 사진에 투자하면 특히 매력적인 제품 사진 이 필요한 전자 상거래 상점이 있는 경우 훨씬 더 높은 참여율을 얻을 수 있습니다.

모바일 친화성 확보

모바일 사용 은 전체 웹 트래픽의 50% 이상을 차지하므로 이미지를 모바일 친화적으로 만드는 것이 중요합니다. Google은 웹페이지를 스캔하고 모바일 사용을 위해 테스트하는 간단한 모바일 친화적인 테스트 를 제공하여 이미지를 더 잘 최적화할 수 있는 방법에 대한 조언을 제공합니다. 이 테스트에 실패한 페이지의 경우 사용자가 액세스하는 장치에 따라 크기가 조정되는 반응형 이미지를 사용하는 것이 좋습니다.

일반적으로 HTML, CSS 및 Javascript의 조합을 사용하여 장치에 따라 올바른 크기의 이미지를 제공합니다. 대부분의 사이트는 이미 모바일 친화적입니다. 아주 오래된 사이트에서 작업 중이거나 확실하지 않은 경우 웹 브라우저의 너비를 조정하십시오. 브라우저 창 크기가 변경되면 이미지 크기가 조정되는 것을 볼 수 있습니다. 이 가이드 에서 반응형 이미지를 만드는 방법에 대해 자세히 알아볼 수 있습니다.

사이트 품질을 잊지 마세요

이미지 최적화는 훌륭한 사용자 경험을 보장하는 한 부분일 뿐입니다. 웹 페이지에 다른 고품질 콘텐츠가 있으면 관련성과 유용성이 더욱 높아집니다. Google은 사이트 품질 을 고려할 때 보안, 전문성, 가치, 신뢰성, 조직 등 다양한 요소를 고려합니다. 웹 페이지가 전체적으로 더 발전할수록 사람들에게 더 큰 이익이 되고 Google이 관심을 가질 가능성이 높아집니다.

속도를 위해 이미지를 최적화하는 방법

Google 보고서 에 따르면 "페이지 로드 시간이 1초에서 3초로 단축"됨에 따라 방문자가 웹 페이지에서 다른 곳으로 이동할 확률이 32% 증가합니다. 이 높은 통계는 로드 속도가 웹 페이지 성공에 영향을 미치는 요인임을 보여줍니다. 로드하는 데 너무 오래 걸리는 이미지보다 페이지 속도를 늦추는 것은 없습니다.

다행히 페이지 로드 속도를 높이기 위해 이미지를 최적화할 수 있는 여러 가지 방법이 있습니다.

올바른 이미지 형식 선택

올바른 이미지 형식을 선택하는 것은 이미지가 빠르고 적절하게 로드되도록 하는 첫 번째 단계입니다. 그러나 속도 최적화에 가장 적합한 이미지 형식은 어떻게 결정합니까? 첫 번째 단계는 Google에서 지원하는 이미지 형식으로 사용할 수 있는 옵션을 확인하는 것입니다.

1. PNG : PNG 형식은 일반적으로 배경 투명도를 유지해야 하는 그래픽, 스크린샷 또는 이미지에 사용됩니다.
2. JPEG : 가장 잘 알려진 이미지 형식인 JPEG는 큰 사진이나 일러스트레이션에 적합합니다.
3. SVG : 다양한 크기로 볼 수 있는 사용자 정의 로고 또는 아이콘에 가장 적합합니다.
4. WebP : 더 작은 크기의 이미지에 대한 고품질 결과를 위한 최상의 옵션입니다.
5. BMP : 더 구식 옵션으로 간주되는 BMP는 비트맵 이미지에 사용됩니다.
6. GIF : 움직이는 그래픽이나 애니메이션용.

최적화 관점에서 GIF 또는 비디오가 더 나은지에 대한 이미지 최적화에 대한 큰 논쟁이 있습니다. 두 형식 모두 장단점이 있습니다. 동영상은 참여도가 가장 높은 경향이 있습니다. 거의 70%의 소비자 가 동영상을 본 후 제품을 구매할 가능성이 더 높습니다. 동시에 동영상은 gif보다 로드 시간이 오래 걸리는 경향이 있어 페이지 속도가 느려질 수 있습니다. 선택할 항목은 웹 페이지에 있는 다른 요소에 따라 다릅니다. 텍스트가 많은 경우 GIF를 사용하는 것이 좋습니다. 페이지에 있는 내용이 적은 경우 로드 속도를 희생하지 않고도 비디오를 안전하게 사용할 수 있습니다.

이미지 압축률 기억

올바른 형식을 선택했으면 이미지 압축률도 고려해야 합니다. 이미지 압축을 너무 많이 하면 이미지 품질이 저하되고 너무 적게 압축하면 파일 크기가 엄청납니다. 많은 사진 편집 사이트와 앱에서 압축 크기를 실험할 수 있습니다. Google은 손실 압축과 같은 용어를 포함하여 이미지에 적용할 수 있는 압축 방법에 대한 가이드를 제공했습니다.

압축 이미지 파일 크기에 대한 "정답"은 없지만 80%부터 시작하는 것이 좋습니다. 가장 중요한 경우를 제외하고는 이미지 품질 저하를 거의 느끼지 못할 것입니다.

이미지 최적화를 위해 WordPress 플러그인 사용을 고려하십시오. MarketMuse 블로그에서는 Kraken 을 사용합니다. 설정이 완료되면 CMS에 업로드되는 이미지를 자동으로 압축합니다. 이는 효율적인 워크플로를 만드는 데 적합합니다.

올바른 이미지 크기 선택

올바른 크기의 이미지를 제공하는 것은 이미지가 페이지 로드 속도와 사용자 편의성에 부정적인 영향을 미치지 않도록 하기 위한 마지막 단계입니다. 너무 큰 이미지를 제공하면 대역폭이 낭비되고 불필요한 오버헤드가 추가됩니다. 대부분의 콘텐츠 관리 시스템에서 이 작업을 대신 처리하지만 시작하려면 적절한 크기의 원본 이미지가 있어야 합니다.

Chrome 브라우저 검사 도구를 사용하면 적절한 크기를 빠르게 결정할 수 있습니다. 렌더링된 크기는 이미지가 표시되는 크기입니다. MarketMuse 블로그에서 열 너비는 760픽셀로 이미지가 표시되는 최대 너비입니다. 고유 크기는 WordPress(당사 CMS)에 업로드된 이미지의 크기입니다. 일반적으로 고유 너비는 렌더링된 너비보다 커서는 안 됩니다.

규칙의 예외는 방문자가 작은 크기의 이미지에서 놓칠 수 있는 모든 세부 사항을 볼 수 있도록 하는 스크린샷입니다. 예를 들어, MarketMuse 블로그에서는 종종 우리 플랫폼의 스크린샷을 보여줍니다. 그러나 760픽셀 열 너비 제한으로 인해 특정 기능을 정확하게 식별하기 어려운 경우가 많습니다.

따라서 원본 이미지(이 경우 너비 1644픽셀)가 WordPress에 업로드되고 너비가 더 작은 760픽셀 크기로 제공됩니다. 독자가 이미지를 클릭하면 전체 크기로 열리고 세부 사항이 모든 영광에서 볼 수 있습니다.

참고 사항 : 이미지 압축이 충분하지 않은 경우 CDN(콘텐츠 전달 네트워크) 사용을 고려하십시오. CDN은 인터넷 콘텐츠의 빠른 전달을 제공하기 위해 함께 작동하는 지리적으로 분산된 서버 그룹입니다. 속도의 차이는 상당히 클 수 있으며 비용은 최소이며 어떤 경우에는 무료입니다. 자세히 알아보려면 Cloudflare 의 이 가이드를 읽어보세요.

검색을 위한 이미지 SEO

이미지가 발견되지 않으면 Google에서 순위를 매길 수 없습니다. 이와 관련하여 두 가지 항목이 도움이 될 수 있습니다. 이미지 사이트맵 및 시맨틱 마크업.

이미지 사이트맵 활용

이미지 사이트맵이란 무엇이며 Google에서 이미지를 찾는 데 어떻게 도움이 됩니까? 이미지 사이트맵은 사이트의 모든 이미지 URL을 나열하기 위한 전용 XML 사이트맵입니다. 사이트맵은 본질적으로 Google이 사이트에서 관련 URL을 찾고, 이해하고, 크롤링하는 데 도움이 되는 청사진입니다.

기술적으로 사이트맵이 필요하지 않습니다. Google Search Console을 통해 URL을 제출하면 됩니다. 그러나 특히 새 콘텐츠가 게시될 때 자동으로 업데이트되는 경우 하나를 갖는 것이 훨씬 더 효율적입니다.

MarketMuse 블로그의 경우 다른 SEO 작업에서 사이트맵을 처리하는 WordPress 플러그인 RankMath 를 사용합니다. 그것은 거의 설정하고 잊어 버립니다. 수동으로 사이트맵을 생성해야 하는 경우 사이트맵 생성에 대한 Google의 이 가이드가 도움이 될 수 있습니다.

시맨틱 마크업 고려

처음에는 "시맨틱 마크업"이라는 문구가 처음에는 복잡해 보일 수 있습니다. 고맙게도 걱정해야 할 지나치게 복잡한 소프트웨어는 아닙니다. 시맨틱 마크업은 특정 페이지의 콘텐츠 마크업 또는 HTML을 나타냅니다. 사람과 검색 엔진이 페이지의 콘텐츠를 더 잘 이해할 수 있도록 도와줍니다. 따라서 이미지 최적화에 이상적입니다.

모든 HTML은 컴퓨터와 사람 모두를 위해 사이트를 설명하는 정보를 전달해야 합니다. 이 문제에 대한 최고의 팁과 요령을 알아보려면 HTML에 대한 시맨틱 마크업에 대한 Google의 견해를 읽어보십시오.

인덱싱을 위한 SEO 이미지 최적화

Google에서 이미지의 색인을 정확하게 생성하도록 하기 위해 할 수 있는 몇 가지 작업이 있습니다.

설명하기

설명적인 제목, 설명 및 파일 이름을 사이트의 일부로 포함하면 Google과 사람이 사이트를 더 잘 이해하는 데 도움이 됩니다. 모든 텍스트 요소가 설명적인지 확인하는 가장 좋은 방법은 검색 엔진 에서 눈에 띄게 표시될 텍스트에 키워드를 전략적으로 배치하는 것입니다. 또한 텍스트 설명을 짧지만 효과적으로 유지하십시오. Google 알고리즘이 밑줄과 같은 기호를 인식하지 못하므로 사용을 피하십시오. 사용하는 모든 단어는 검색 결과에 대한 목적을 제공해야 합니다.

구조화된 데이터 통합

Google에서 풍부한 결과를 얻을 수 있도록 가능한 경우 구조화된 데이터를 이미지에 포함하세요. 리치 결과를 통해 Google은 사용자가 이미지 검색을 수행하는 동안 페이지에 대한 추가 관련 정보를 제공하는 배지를 제공할 수 있습니다. Google은 제품, 동영상, 레시피에 대한 구조화된 데이터를 지원합니다.

또한 Google은 구조화된 데이터를 이미지 SEO에 통합하는 전체 프로세스를 설명하는 심층적인 구조화된 데이터 가이드라인을 보유하고 있습니다. 자세한 내용은 여기 를 참조하세요. 가장 중요한 팁은 정보와 데이터를 최신 상태로 유지하고 사용자를 오도할 수 있는 관련 없는 데이터를 구성하지 않는 것입니다.

대체 태그 사용

페이지에 이미지가 로드되지 않으면 이미지를 설명하는 데 도움이 되는 대체 텍스트가 대신 표시됩니다. 또한 사이트에 액세스하는 시각 장애가 있는 개인의 경우 이 대체 태그를 사용하면 Google 이미지의 내용을 이해할 수도 있습니다. 마지막으로 올바른 대체 텍스트를 사용하면 Google에서 이미지와 이미지가 있는 페이지를 더 잘 이해하는 데 도움이 되는 몇 가지 추가 정보가 제공됩니다.

이미지를 최적화하는 좋은 대체 텍스트 를 작성하기 위한 몇 가지 핵심 팁이 있습니다.

• 타겟 키워드 사용 : 대체 텍스트로 타겟 키워드를 추가하는 것은 사이트를 관련 주제와 연결하고 검색 엔진에서 가시성을 높이는 데 도움이 되는 주요 방법입니다.
• 최대한의 접근성 을 위해 80~125자(약 16단어)로 짧게 유지합니다 . Google 이미지 검색 순위에 대한 최대 50단어.
• 불필요한 문구 제거 : "이것은 ____의 이미지입니다." 또는 "____의 사진입니다."와 같은 문구로 alt 태그를 시작하지 마십시오. 이것은 중복되고 중요한 공간을 차지합니다. 간결함과 명확성을 위해 이미지의 소스로 바로 이동합니다.

참고 사항 : 색인 생성과 관련하여 일반적인 질문은 Google이 CSS 이미지를 색인화하는지 여부입니다. 대답은 '아니오. Google의 John Mueller는 일반 이미지 태그와 이미지를 가리키는 alt 속성을 사용하는 것이 더 낫다고 말했습니다.

테이크아웃

이미지 검색을 위한 이미지 최적화는 유용하고 관련성 높은 웹 페이지를 만들 때 구현해야 하는 또 다른 SEO 전략입니다. 보시다시피 이미지 SEO는 많은 측면을 다룹니다. Google 이미지 검색에서 좋은 순위를 얻으려면 이미지 크기, 속도, 콘텐츠, 형식 및 관련 데이터를 고려해야 합니다. 또한 설명이 포함된 대체 텍스트, 제목 및 페이지 내 텍스트를 작성하면 전반적으로 더 나은 웹 페이지를 만드는 데 도움이 됩니다. 이미지 최적화를 올바르게 수행하면 검색 순위가 향상되고 사용자가 몇 번이고 다시 방문하게 될 웹사이트가 될 수 있습니다.