이미지 SEO 란 무엇입니까 | +15 이미지 최적화 팁 및 기술

게시 됨: 2021-06-03

이미지는 인터넷의 자연스러운 부분이며 SEO의 자연스러운 부분이어야 합니다. 다른 콘텐츠와 마찬가지로 이미지는 SEO에 좋거나 나쁠 수 있습니다. 창의적인 콘텐츠를 위한 사진 및 기타 유사한 형식은 웹사이트의 성능에 막대한 영향을 미칩니다. 이 게시물에서는 이미지가 SEO와 어떤 관련이 있고 이미지를 최적화하는 방법을 살펴보겠습니다.

이미지 SEO란?

SEO의 대부분의 경우와 마찬가지로 이미지 SEO에서는 속도와 컨텍스트라는 두 가지 중요한 요소가 작용합니다. 한편으로, 우리는 사용자가 우리 웹사이트에서 우리가 특징으로 하는 이미지를 보는 속도를 최적화하려고 노력하고 있습니다. 그러나 다른 한편으로 우리는 Google이 검색 결과에서 그에 따라 우리 이미지를 이해하고 분류하고 순위를 매길 수 있도록 최대한 많은 컨텍스트를 제공하려고 노력하고 있습니다.

SEO에서 이미지 최적화는 검색 엔진에서 이미지를 더 쉽게 처리하고 이해하고 제공할 수 있도록 하여 검색 순위와 가시성을 높이는 관행입니다. 이미지 SEO에는 웹사이트에 있는 이미지의 크기, 파일 크기, 형식, 파일 이름 및 대체 텍스트 속성을 최적화하는 작업이 포함됩니다.

페이지에 적절한 순위를 부여하기 위해 Google은 이미지를 포함한 모든 콘텐츠를 판단합니다. 일반적으로 이미지와 관련된 모든 요소가 잘 어울려야 합니다. 이미지에 표시되는 내용, 목적, Google에서 이 이미지를 표시해야 하는 검색 유형에 대한 컨텍스트를 제공해야 합니다.

혼란스럽게 들리나요? 이제 정확히 어떤 요소가 이미지 SEO에 영향을 미치는지 조사할 것이므로 걱정하지 마십시오. 이를 통해 전반적인 SEO 노력에 기여하도록 이미지를 최적화하는 방법도 정확히 살펴보겠습니다.

SEO를 위해 웹사이트 이미지를 최적화하는 방법은 무엇입니까?

이미지 최적화는 생각보다 훨씬 간단한 작업입니다. 여기에는 다른 인기 있는 SEO 관행에서 공유되는 몇 가지 간단한 모범 사례를 따르는 것이 포함됩니다. 경험에 비추어 볼 때 이미지 SEO로 더 많이 작업할수록 이 습관을 SEO 프로세스에 구축할 때 모든 것이 더 쉬워진다는 것을 말씀드릴 수 있습니다.

다음 15가지 팁을 사용하여 SEO에 맞게 이미지를 최적화하십시오.

1. 항상 독특한 이미지를 사용하기 위해 노력합니다.

수십 개의 무료 스톡 사진 웹사이트와 동료 및 동료의 수많은 격려로 인해 종종 "스톡 이미지만" 사고방식으로 되돌아가기 쉽습니다.

그러나 원본 콘텐츠가 Google에서 더 나은 보상을 받고 훨씬 더 높은 순위에 있기 때문에 이것은 최적이 아닙니다. 이것은 원본 이미지에서도 마찬가지입니다. Reboot Online Marketing의 연구에 따르면 Google은 스톡 사진을 찍는 사이트보다 원본 이미지가 포함된 웹사이트의 순위를 더 높게 지정합니다.

그러나 어떻게 원본 이미지를 생성할 수 있습니까? 사진의 경우 스톡 사진에 창의적인 필터나 효과를 사용하면 사진을 충분히 다르게 만들 수 있습니다. 이렇게 하면 이미지가 브랜드에 맞는 특정 가이드라인을 따르는 브랜드 콘텐츠를 만들 수 있는 좋은 기회를 얻을 수도 있습니다.

그래프나 차트를 찾을 때 Canva와 같은 도구를 사용하면 몇 분 만에 다시 만들 수 있습니다. 또는 Freepik과 같은 웹 사이트는 통계를 시각적으로 표시할 수 있는 수많은 훌륭한 템플릿을 제공합니다.

2. 텍스트를 이미지로 바꾸지 마십시오.

SEO에 대해 이야기하지 않는 한 사진은 천 단어의 가치가 있습니다. Google은 이미지 인식을 지속적으로 개선하고 있지만 알고리즘은 텍스트 이해를 담당하는 알고리즘보다 훨씬 덜 발전되어 있습니다.

이렇게 생각하십시오. 작성된 콘텐츠가 순위를 매기는 가장 큰 이유입니다. 이미지가 케이크 위에 체리인 Google에서 순위를 매기기 위한 전제 조건입니다.

따라서 콘텐츠를 만들 때 반대 방향이 아닌 텍스트에 맞게 이미지를 계획하십시오. 이미지의 목적은 개념을 설명하고 주변 부분에 대한 컨텍스트를 제공하는 것입니다. 이것은 텍스트를 대체하지 않습니다(또는 적어도 되어서는 안 됩니다).

3. 이미지에 웹 친화적인 파일 형식 사용

브라우저와 사용자 장치는 거의 모든 이미지 형식을 지원하지만 유용성과 SEO 목적을 위해 올바른 이미지 형식을 사용해야 합니다. 잘못된 형식을 사용하면 이미지 크기가 커져 웹사이트 속도가 느려질 수 있기 때문입니다.

웹 사이트의 가장 일반적인 4가지 이미지 유형은 JPG, PNG, GIF 및 SVG입니다. 그들 모두는 가능한 가장 작은 크기에 최고의 품질을 제공하는 고유한 목적을 가지고 있습니다.

  • JPG 형식은 실제 사진에 가장 적합합니다.
  • PNG 형식은 디지털로 만든 모든 이미지에 적합합니다.
  • GIF 형식은 애니메이션 이미지에 사용됩니다. 예를 들어 GIF를 사용하여 시간 경과에 따른 그래프의 발전을 보여줄 수 있습니다.
  • SVG 형식은 래스터 그래픽을 지원하는 다른 모든 그래픽과 달리 벡터 그래픽을 제공합니다. 벡터 그래픽은 이미지 품질을 잃지 않고 확장할 수 있는 수학 방정식입니다. 이 형식은 로고와 같은 웹사이트의 디자인 요소에 가장 적합합니다.

4. SEO 친화적인 이미지 크기 사용

Squarespace의 조언에 따라 배너 또는 웹사이트의 영웅 섹션에 표시되어야 하는 전체 너비 배경 이미지의 경우 최대 1500px-2500px의 이미지 크기를 권장합니다.

큰 이미지를 사용하는 것은 품질을 보여줄 때 좋은 생각처럼 들릴 수 있습니다. 그러나 1500-2000픽셀 표시를 넘는 것은 과도합니다. 품질 향상은 미미하지만 파일 크기는 크게 증가합니다. 마찬가지로 대부분의 사용자는 최신 4K 화면을 사용하여 웹을 탐색하지 않으며 매우 큰 이미지를 사용할 필요가 없습니다.

5. 이미지 크기를 150kb로 줄입니다.

이미지가 작을수록 사용자가 더 빨리 다운로드할 수 있으며 사용자의 장치에서 더 빨리 표시할 수 있습니다. 이미지를 압축하면 웹사이트의 속도가 직접적으로 향상됩니다. 그리고 이전에 한 번도 해본 적이 없다면 그 양이 많을 수 있습니다.

이미지 크기를 효과적으로 줄이려면 먼저 위의 조언을 따르고 크기를 허용 가능한 크기로 줄이십시오. 완료되면 TinyPNG와 같은 이미지 압축 도구로 이동합니다. 압축기를 통해 이미지를 실행하면 이미지 품질이 거의 손상되지 않은 상태로 이미지 크기를 70-80%까지 줄일 수 있습니다.

TinyPNG는 해당 기능을 지원하지 않지만 SVG 및 GIF도 압축할 수 있습니다. SVG의 경우 SVGminify와 같은 웹사이트로 이동하십시오. 마찬가지로 GIF의 경우 Ezgif와 같은 도구를 사용할 수 있습니다.

마지막으로 대부분의 주요 CMS 플랫폼에서 플러그인을 사용하여 이 프로세스를 자동화할 수 있습니다. 여기서는 즐겨찾기를 선택하지 않으므로 "wordpress 이미지 최적화 플러그인" 과 같은 것을 구글링하는 것이 좋습니다.

6. 웹사이트에 이미지를 지연 로드

이름에 부정적으로 들리는 "게으름"이 있지만 이 기술은 훌륭합니다. 웹 사이트의 Netflix 이미지와 같은 지연 로딩을 생각할 수 있습니다. 기본적으로 지연 로딩은 필요할 때만 웹사이트에서 온디맨드로 이미지를 가져옵니다. 이는 사용자가 화면에 이미지가 나타날 만큼 충분히 스크롤할 때만 발생합니다.

이는 사용자의 장치가 웹사이트에 대한 요청을 적게 하여 정보를 덜 로드한다는 의미이기 때문에 페이지 속도 측면에서 매우 좋습니다. 이 두 가지 요소 모두 웹 사이트를 더 빠르게 만듭니다. 이 기술은 사용자가 귀중한 정보를 더 빨리 얻을 수 있다는 의미이므로 많은 이미지가 포함된 심층 블로그 게시물에 특히 유용합니다.

7. 이미지에 SEO 친화적인 파일 이름 지정

우리 중 많은 사람들이 이미지에 임의의 이름을 사용하는 경향이 있습니다. 그러나 이미지의 파일 이름은 이미지에 있는 내용에 대해 Google에 더 많은 컨텍스트를 제공하기 때문에 중요합니다. 그 때문에 Google은 이미지 콘텐츠에 대한 또 다른 정보를 가지고 있기 때문에 검색 결과에서 상황에 맞는 파일 이름을 가진 이미지를 추천할 가능성이 더 큽니다.

8. 관련성 있고 설명적인 alt 태그 추가

Alt 태그는 Google에 이미지에 대한 컨텍스트를 제공하는 또 다른 중요한 요소입니다. 대체 텍스트라고도 하는 alt 태그는 이미지를 표시할 수 없는 경우 이미지 대신 표시되는 HTML 속성입니다. 이 기사에서는 WordPress의 alt 태그가 무엇인지 자세히 설명합니다.

alt 태그를 작성할 때 타겟팅하는 일부 키워드를 사용하는 것을 잊지 마십시오. 이것이 기본 키워드일 필요는 없습니다. 대신 전체 콘텐츠에 더 많은 컨텍스트를 추가하는 LSI 키워드를 사용할 수 있습니다.

이 게시물은 WordPress에서 이미지에 alt 태그를 추가하는 방법을 정확히 알려줍니다. 여기에서 Alt 태그를 작성하는 가장 좋은 방법도 배우게 됩니다. 이 방법은 전체 프로세스를 단순화하는 동시에 이미지 SEO를 크게 향상시킵니다. 마지막으로 Alt 태그가 표시되지 않는 경우 이 기사에서 WordPress에 대한 빠르고 쉬운 수정 사항을 찾을 수 있습니다.

9. 대체 텍스트는 150자 이내로 작성하십시오.

코딩 측면에서는 제한이 없지만 대체 텍스트는 SEO의 경우 150-200자 이하여야 합니다. 이것은 충분한 공간이므로 문제가 되지 않습니다. 그리고 그것은 또한 우리의 다음 요점과 완벽하게 연결됩니다.

10. 키워드를 채우는 이미지 제목 및 대체 태그 피하기

예, 키워드는 페이지의 주제와 컨텍스트를 설정하기 때문에 Google에 중요합니다. 그러나 SEO의 모든 것과 마찬가지로 과용하지 마십시오. 기껏해야 Google은 스팸성 전략에 눈살을 찌푸리며, 최악의 경우 순위에 영향을 줄 수 있습니다.

11. 웹사이트의 CSS에 배경 이미지 추가

웹 개발과 SEO 모두에 대한 진입 문턱은 최근 몇 년 동안 점점 낮아지고 있습니다. 그 때문에 우리는 초보자의 실수와 오해를 많이 보는 경향이 있습니다. 특히 이미지에서 그러한 실수 중 하나는 코드에서 이미지가 표시되는 방식입니다. 컨텍스트의 일부인 모든 이미지는 <img> 태그를 사용하여 HTML의 실제 본문에 있어야 합니다.

그러나 순전히 디자인 목적으로 사용되는 것과 같이 컨텍스트를 추가하지 않는 이미지는 대신 CSS에 추가해야 합니다. 이미지 SEO 관점에서 이것은 디자인에 사용된 이미지가 대체 텍스트를 가져오지 않아야 함을 의미합니다. "alt=" 텍스트 속성은 HTML <img> 태그에만 적용할 수 있기 때문입니다.

12. 주변 텍스트 내에서 컨텍스트 제공

지금까지 설명한 것처럼 이미지 SEO에 대한 모범 사례에 따르면 대부분의 작업은 검색 엔진에 이미지에 대한 컨텍스트를 제공하는 것입니다. 그러나 간과된 요소 중 하나는 실제로 주변 텍스트 내에서 이미지를 설명하는 것입니다.

다음과 같이 생각하십시오. 사용자 관점에서 이미지의 내용을 설명하는 텍스트를 갖는 것이 합리적입니다. 그리고 SEO와 UX가 점점 더 빠른 속도로 병합되고 있다는 것을 알고 있습니다. 결과적으로 콘텐츠가 상황에 따라 서로 연결되어 있고 각 요소가 주변 요소에 대한 컨텍스트를 제공하는지 확인해야 합니다.

13. 구조화된 데이터로 이미지에 마크업

간단히 말해서 스키마 마크업은 검색 엔진이 선호하고 이해하는 형식으로 페이지 내용에 대한 정보를 제공합니다. 스키마 마크업 자체로는 Google의 1페이지에 웹사이트 순위가 지정되지 않습니다.

대신, 스키마는 이미 순위가 좋은 결과로 더 많은 트래픽을 끌어오는 데 도움이 될 수 있습니다. Google과 같은 검색 엔진은 추천 스니펫 또는 FAQ와 같은 리치 결과를 표시할 때 이 마크업을 사용하기 때문입니다.

제품 페이지 또는 블로그 게시물을 해당 스키마 유형으로 마크업하면 이미지를 추가할 수 있습니다. 그러면 Google에서 이 정보를 검색하는 사용자에게 제공할 수 있습니다. 이렇게 하면 사용자가 클릭하도록 유도하는 검색 결과를 만들 수 있으므로 클릭률에 좋습니다.

실제로 스키마는 일부 산업에서 클릭을 유도하는 성패를 가르는 요소가 될 수 있습니다. 예를 들어, 레시피를 마지막으로 검색한 시간을 기억하십니까? 클릭하는 위치에 가장 큰 영향을 미치는 요소는 Google에 표시된 미리보기 이미지에서 레시피가 어떻게 표시되는지였습니다.

14. 캐싱 솔루션을 사용하여 이미지를 더 빠르게 제공

방문자가 웹사이트를 방문할 때마다 웹 서버가 모든 콘텐츠를 다시 계산하여 보내야 한다는 사실을 알고 계셨습니까? 이는 추가적인 부담을 주고 호스팅 계획의 대역폭을 더 많이 사용합니다. 또한 상대방 컴퓨터에서 콘텐츠를 처리해야 하기 때문에 사용자는 더 오래 기다려야 합니다. 그러나 이 방법이 필요하지 않습니다!

기본적으로 페이지의 기존 버전을 "저장"하는 간단한 캐싱 솔루션으로 웹사이트 속도를 크게 높일 수 있습니다. 이를 통해 사용자가 사이트를 방문하면 웹 서버가 매번 다시 계산하는 대신 페이지의 "기성품" 사본을 제공합니다.

가장 좋은 부분? 오늘날 대부분의 CMS 플랫폼에는 단 몇 분 만에 무료 캐싱 솔루션을 설정할 수 있는 많은 플러그인이 있습니다. 올바른 캐싱 플러그인을 찾으려면 CMS 이름과 함께 Google에서 검색하면 됩니다.

15. CDN으로 이미지 로드 속도 최적화

마지막으로 사용자 장치의 성능도 중요하지만 서버의 성능도 중요합니다. 더 저렴하고 제한된 호스팅 계획을 사용하는 많은 소규모 웹 사이트의 경우 효과적인 솔루션은 콘텐츠 전송 네트워크를 사용하는 것입니다. 이를 통해 기본적으로 다른 웹 사이트에서 이미지를 호스팅하고 웹 서버와 독립적으로 해당 콘텐츠를 제공합니다.

마찬가지로 대규모 웹 사이트는 트래픽이 많기 때문에 CDN을 사용할 수 있습니다. 이것은 웹사이트 서버에 많은 부담을 줍니다.

CDN에 대한 주장은 방문자가 거주하는 지역을 고려할 때 훨씬 더 좋습니다. 당신이 국제적인 기업이라면 당신의 웹사이트를 방문하는 많은 사람들이 당신의 정확한 위치(또는 최소한 웹 서버의 위치)에 살고 있지 않다는 것을 기억하십시오. 이러한 경우 Cloudflare와 같은 CDN을 사용하면 전 세계의 많은 서버를 통해 이미지를 더 빠르게 전달할 수 있습니다. 대규모 인프라가 있다는 것은 방문자와 항상 가까운 서버가 있다는 것을 의미하므로 지연이 줄어듭니다.

SEO를 위한 최적의 이미지 파일 크기는 얼마입니까?

이미지의 파일 크기도 중요합니다. 이미지가 클수록 사용자의 장치가 해당 파일을 다운로드하고 표시하는 데 더 많은 시간이 걸립니다. 빠르게 로드되지 않는 웹 사이트는 사용자 경험에 부정적인 영향을 미치기 때문에 이는 우려되는 사항입니다. Google이 알고 있듯이 이미지가 더 빨리 로드되는 웹사이트도 홍보합니다. 반대로 Google은 느리게 로드되는 검색 결과 웹사이트에서 강등되는 경향이 있습니다.

웹상의 이미지 크기에 대한 상한선은 없지만 대부분의 웹사이트에서는 이미지당 최대 150KB의 이미지 파일 크기가 최적입니다. 파일 크기가 큰 이미지는 웹 사이트 속도가 느려지는 주요 원인 중 하나이며 사용자 경험을 악화시키고 연속적으로 SEO 순위를 매깁니다.

사용자의 59.5%가 모바일 장치에서 인터넷을 검색한다는 점을 고려하면 밀리초의 로드 시간이 얼마나 중요한지 알 수 있습니다. 그러나 문제는 보이는 것보다 훨씬 더 광범위합니다. 부정적인 사용자 경험은 사용자를 약간 짜증나게 할 뿐만 아니라 그보다 훨씬 더 많은 비용이 듭니다. 정확히 어떻게?

Google의 이 연구에 따르면 페이지 로드 시간이 1초 지연에서 3초 지연으로 증가하면 이탈률이 32% 증가합니다. 치열한 경쟁에 직면하고 모든 웹사이트 방문자를 위해 싸워야 하는 소규모 회사의 경우 이는 치명적일 수 있습니다. 그것은 단순히 더 적은 사람들이 고객으로 전환할 것이라는 것을 의미합니다.

그리고 이것은 대기업의 경우에도 마찬가지입니다. 페이지 로드 시간이 100밀리초 증가할 때마다 Amazon.com은 매출이 1% 감소하는 것을 관찰했습니다. 마찬가지로 Google의 연구에 따르면 검색 엔진이 검색 결과 페이지를 로드하는 데 500밀리초가 소요될 때마다 수익이 20% 감소했습니다. 매일 수십억 달러를 버는 기업의 경우 이는 막대한 규모의 잠재적 수익 손실을 의미합니다.

SEO용 이미지를 찾고 감사하는 방법은 무엇입니까?

SEO용 이미지를 정확하게 찾고 감사하려면 Google의 웹 크롤러와 유사하게 작동하는 웹사이트 크롤러를 사용해야 합니다. 웹사이트 상태 도구는 웹사이트의 문제와 잠재적 최적화 영역을 찾아 표시하므로 자연 검색 순위와 가시성을 향상시킬 수 있습니다. 이러한 도구는 다음을 보여줍니다.

  1. 깨진 이미지 이미지 현서란 무엇인가 깨진 이미지 수정
  2. 너무 큰 이미지 이미지 현서란 무엇인가요? 너무 큰 이미지 수정
  3. Alt 태그 누락 이미지 검색 엔진 최적화란 무엇입니까? 누락된 대체 태그 수정

따라서 Image SEO와 관련된 모든 웹사이트 문제와 빠르게 해결하는 방법을 볼 수 있습니다.

이미지 최적화 및 순위 및 가시성 향상

이미지는 더 나은 사용자 경험을 제공하고 콘텐츠를 최종 사용자와 더 관련성 있게 만들어 순위를 높이는 데 도움이 됩니다. 이미지를 최적화하는 방법에는 모든 SEO에서 공유되는 몇 가지 주요 측면, 즉 이미지 로드 속도와 검색 엔진이 이미지를 얼마나 잘 이해하는지가 포함됩니다. 이미지의 크기와 파일 크기를 최적화하면 순위를 높이기 위한 올바른 조치를 취했는지 확인할 수 있습니다. 또한 이미지의 제목과 대체 텍스트를 통해 상황에 맞는 정보를 제공하면 Google 검색에서 경쟁업체보다 높은 순위를 얻을 수 있습니다.