더 많은 유기적 트래픽을 유도하기 위한 12가지 이미지 SEO 모범 사례

게시 됨: 2021-04-22

웹사이트에 더 많은 유기적 트래픽을 생성하기 위해 키워드 작업, 콘텐츠 최적화 및 다양한 온페이지 SEO 전략을 시작합니다.

우리는 또한 더 많은 백링크 및 소셜 공유 획득과 같은 오프 페이지 SEO 요소에 대해 작업합니다.

왜 똑같은 방식으로 계속해서 자신을 제한합니까?

더 많은 유기적 트래픽을 유도하기 위한 매우 과소평가된 전략은 검색 엔진을 위해 이미지를 최적화하는 것입니다.

좋아요. Google 이미지 검색을 사용하면 웹사이트에 더 많은 방문자와 트래픽을 유도할 수 있습니다!

훌륭한 콘텐츠는 텍스트와 이미지 사이의 적절한 균형을 이룰 때입니다.

텍스트도 중요하지만 이미지도 마찬가지로 중요합니다. 길고 지루한 텍스트에 꼭 필요한 시각적 감각을 더해줍니다.

Buzzsumo에서 수행한 백만 개 이상의 기사에 대한 연구에 따르면, 75-100단어마다 한 번씩 기사에 이미지를 포함하는 것이 더 적은 수의 이미지가 있는 기사에 비해 공유 수를 두 배로 하는 데 도움이 된다는 것을 발견했습니다. 이것은 확실히 웹사이트의 트래픽을 높이는 데 도움이 됩니다!

텍스트 콘텐츠를 검색했다면 시각적 콘텐츠도 검색했을 것입니다. 그리고 구글 이미지 검색이 작동하는 곳입니다.

Google에서 검색하면 때때로 결과 페이지 바로 위에 이미지가 표시됩니다. 이미지는 Google 검색 쿼리의 27.3%에 대해 반환됩니다. (모즈, 2020).

요컨대, 이미지 검색은 웹사이트에 대한 잠재적인 트래픽의 미개척 소스이며, 이제 이미지 SEO 전략도 강화해야 할 때입니다. 아직 하지 않았다면 바로 그것입니다!

이 기사에서는 이미지 SEO에 관한 몇 가지 기본 사항, 이것이 필수적인 이유 및 이미지 순위에 영향을 미치는 요소를 다룹니다. 마지막으로 미개척 트래픽 소스를 가져오기 위해 이미지를 최적화하는 몇 가지 팁을 다룰 것입니다.

그래서, 시작하기 위해…

이미지 SEO란?

검색 엔진 크롤러가 더 쉽게 액세스할 수 있도록 웹사이트 이미지를 최적화하는 프로세스가 이미지 SEO입니다.

일반적으로 검색 엔진은 웹 사이트 콘텐츠를 크롤링하여 사용자에게 가장 관련성 있고 정확한 결과를 제공합니다. 이미지에도 동일한 알고리즘이 사용됩니다.

이미지 SEO는 트래픽 증가를 위해 웹사이트에 필요한 판도를 바꾸는 전략일 수 있습니다.

결국, 밀레니얼 세대의 62%는 다른 검색 유형보다 시각적 검색을 선택합니다. (출처: 비즈니스 와이어)

다음은 이미지 검색에 대한 몇 가지 흥미로운 사실입니다.

Google에서 검색 쿼리의 30% 이상에 대해 이미지가 반환됩니다(출처: Moz).
Google 이미지 검색 사용자의 일일 페이지뷰 수가 10억 이상(출처: Quora)

그러나 우리는 이 잠재적인 SEO 전략을 충분히 활용하지 못하고 있습니다!

이미지 SEO가 왜 중요한가요?

몇 가지 더 흥미로운 사실부터 시작하겠습니다.

뇌가 소비하는 정보의 90%는 시각적 정보입니다.
두뇌는 텍스트보다 60,000배 더 빠르게 시각적 콘텐츠를 처리합니다.
40%는 텍스트 콘텐츠보다 시각적 콘텐츠에 더 잘 반응합니다.
인포그래픽을 포함하면 트래픽이 추가로 12% 증가합니다.

(출처: 허브스팟)

우리가 포함할 수 있는 더 많은 사실이 있습니다. 이 모든 것이 텍스트에 시각적 개체를 포함하면 전체 웹사이트 트래픽이 증가한다는 단순한 사실을 알 수 있습니다.

이미지는 SEO에 필수적입니다. 페이지/게시물에 이미지를 포함하면 방문자가 귀하의 콘텐츠에 계속 관심을 갖게 하고 더 많은 참여를 유도하며 콘텐츠를 공유할 수도 있습니다.

콘텐츠에 소비하는 시간이 늘어남에 따라 웹사이트의 이탈률도 감소합니다. 이탈률이란 무엇입니까?

이탈률은 웹사이트/웹페이지에 방문했다가 아무 작업도 하지 않고 떠나는 사람들의 비율을 측정하는 데 사용됩니다. 그들은 링크를 클릭하거나 웹사이트의 다른 페이지로 이동하지 않으며 양식을 작성하지도 않습니다.

간단히 말해서 아무런 조치도 취하지 않고 웹사이트에서 '바운스'됩니다. 다양한 이유 중에서 이것은 방문자가 관심 있는 항목을 찾지 못한 경우에 주로 발생합니다.

기사에 관한 한 방문자는 페이지에서 끝없는 텍스트 콘텐츠만 보고 지루하면 떠날 수 있습니다. 즉, 사용자 경험을 개선하는 좋은 방법이기도 합니다.

이미지는 Google에서 순위를 높이고 더 많은 트래픽을 얻는 데 도움이 됩니다. 즉, 이미지 순위에 영향을 미치는 요인을 아는 것이 가장 좋습니다.

SEO 이미지 순위에 영향을 미치는 요소

이미지 순위에 영향을 미치는 요소를 이해하는 것부터 시작합니다. 이 점이 명확해지면 다음 섹션에서 순위를 높이는 팁을 다룹니다.

1. 이미지를 찾을 수 있습니까?

검색 엔진에서 발견되지 않으면 잠재적인 트래픽을 많이 놓치게 됩니다.

검색 엔진은 봇을 보내 웹 사이트를 크롤링하고 색인을 생성합니다. 웹사이트를 크롤링하는 동안 봇은 콘텐츠(예: 텍스트와 이미지)의 색인을 생성합니다.

이미지가 검색 엔진에서 검색, 크롤링 및 인덱싱되도록 해야 합니다.

XML 사이트맵에 이미지를 포함하면 검색 엔진이 이미지를 더 쉽게 검색, 크롤링 및 색인화할 수 있습니다.

기존 사이트맵에 이미지를 포함하거나 이미지를 포함할 전용 XML 사이트맵을 만들 수 있습니다. 선택은 궁극적으로 당신의 몫입니다.

robots.txt 파일에서 Googlebot-Image 봇이 이미지에 액세스하는 것을 막고 있지 않은지 확인하세요.

또 다른 팁은 페이지에 noimageindex 지시문이 없는지 확인하는 것입니다. 즉, 페이지에 다음 코드 줄이 있어서는 안 됩니다.

<메타 이름=”로봇” 콘텐츠=”noimageindex”>

이 코드 줄을 사용하면 검색 엔진이 페이지의 이미지를 인덱싱하지 않도록 합니다.

2. 귀하의 도메인 및 페이지 권한은 무엇입니까?

여기에서 예를 들어보겠습니다.

'wordpress'를 검색하고 처음 몇 개의 결과를 확인하십시오.

고유한 상위 5개 결과는 다음과 같습니다.

워드프레스.org
Wikipedia.org
iThemes.com

글쎄요, WordPress.org는 세 가지 경우에 기능합니다.

WordPress.org의 (도메인 권한) DA 및 (페이지 권한) PA가 무엇인지 아십니까?

MOZ 막대는 WordPress.org의 경우 PA가 100이고 DA가 98임을 나타냅니다.

그리고 Wikipedia의 경우 PA와 DA는 각각 81과 94입니다.

DA와 PA는 무엇입니까?

MOZ는 도메인 또는 페이지가 갖는 권한을 나타내는 메트릭, 즉 도메인 권한 및 페이지 권한을 개발했습니다. 페이지 또는 도메인이 해당 틈새 시장에서 갖는 관련성과 우위를 나타냅니다.

1에서 100까지의 숫자로 100이 최대값입니다. 숫자가 높을수록 웹사이트가 검색 결과 페이지에서 더 높은 순위에 오르기 쉽습니다.

일을 단순하게 유지하기 위해 웹사이트가 인기 있고 특정 주제와 관련된 정보의 전부이자 최종적인 것으로 여겨지면 많은 백링크와 사회적 공유를 얻습니다.

이것은 고려 중인 사이트가 신뢰할 수 있는 사이트임을 Google에 알려줍니다. 따라서 도메인 점수가 증가하여 결국 사이트 순위를 높이는 데 도움이 됩니다.

우리의 주제로 돌아가서, 귀하의 이미지가 그러한 권위 있는 웹사이트/웹페이지에 있다면, 자연스럽게 이점을 얻게 됩니다.

3. 이미지와 페이지 콘텐츠가 관련이 있습니까?

페이지 내용과 이미지는 함께 이동합니다. 텍스트 콘텐츠와 전혀 관련이 없는 이미지를 포함하는 것은 순위에 전혀 도움이 되지 않습니다.

그리고 왜 그렇게 말합니까?

Google의 Cloud Vision API로 이동합니다.

기계 학습의 발전 덕분에 Google은 이미지가 무엇인지 이해하기 위해 alt 태그(이미지에 할당한 대체 텍스트)나 유효한 파일 이름을 요구하지 않습니다.

예를 들어 Alt 태그나 캡션이 전혀 없는 'Screen Shot 2021-04-07 at 9.28.00 am'이라는 파일 이름의 이미지를 추가했습니다. 생성된 보고서에서 알 수 있듯이 Google Cloud의 Vision API는 이 이미지가 무엇인지 거의 알려줄 수 있습니다.

따라서 다음에 게시물에 이미지를 추가할 때 콘텐츠와 관련된 이미지를 추가하는 것을 재고해야 할 수도 있습니다!

4. 웹사이트 이미지가 빨리 로드됩니까?

페이지 속도는 중요한 순위 요소입니다. 웹사이트 이미지가 더 빨리 로드되도록 해야 하는 이유가 더 많습니다.

올바른 이미지 형식, 올바른 이미지 크기 선택 및 이미지 압축을 확인하기 위한 몇 가지 팁(이 기사 뒷부분에서 더 많은 팁을 다룹니다).

5. 스키마

스키마를 사용하여 이미지를 마크업하시겠습니까? 스키마를 사용하여 검색 엔진 결과 페이지에서 추천 스니펫을 획득하시겠습니까?

스키마 마크업을 사용하여 콘텐츠에 대한 모든 이미지를 마크업할 수 있습니다. 이것은 검색 엔진이 문맥을 이해하는 데 도움이 되며 추천 스니펫 위치를 차지할 기회도 얻을 수 있습니다.

스니펫에 포함된 이미지를 사용하면 군중에서 눈에 띄게 될 뿐만 아니라 더 많은 클릭률을 얻을 수 있습니다.

당신이 알아야 할 SEO 이미지 최적화 팁

이제 이미지 최적화에 영향을 미치는 요소를 살펴보았으므로 이미지를 최적화하고 더 많은 트래픽을 유도하는 몇 가지 팁을 살펴보겠습니다.

1. 올바른 이미지 형식 선택

사이트에 이미지를 추가하기 전에 올바른 파일 형식을 선택했는지 확인해야 합니다.

선택할 수 있는 다양한 이미지 형식이 있지만 PNG 및 JPEG는 웹에서 가장 일반적인 파일 형식입니다.

PNG를 사용하면 훨씬 더 나은 품질의 이미지를 얻을 수 있지만 파일 크기가 더 커집니다. 반면에 JPEG를 사용하면 품질과 파일 크기를 조정하여 적절한 균형을 맞출 수 있습니다.

이상적으로는 로고, 스크린샷 및 컴퓨터 생성 그래픽에 사진 및 PNG와 같은 더 크고 시각적인 이미지를 사용할 때 JPEG를 사용합니다.

JPG, GIF, PNG, ICO, SVG 또는 WebP를 사용하는지 여부에 관계없이 각 이미지 형식은 특히 이미지 압축과 관련하여 고유한 기능을 제공합니다. 따라서 이미지 형식을 바로 앞에 두는 것이 중요한 측면입니다.

2. 이미지 압축

이미지가 웹 페이지 전체 무게의 평균 25%를 차지한다는 사실을 알고 계셨습니까? (출처: HTTP 아카이브)

페이지 속도는 사이트 순위를 결정하는 필수 요소이므로 파일 크기에 상당한 중요성을 부여해야 합니다. 바이트가 줄어들더라도 분명히 원인에 도움이 될 것입니다.

이미지를 사이트에 업로드하기 전에 압축하십시오. 최적화된 이미지를 만드는 데 사용할 수 있는 Photoshop과 같은 도구를 사용합니다. 그러나 그러한 이미지 편집 도구로 작업하는 것이 불편하다면 어떻게 하시겠습니까?

땀 없습니다! 이를 도와줄 다양한 도구가 있습니다. 온라인 도구에서 WordPress 사이트에 설치할 수 있는 플러그인에 이르기까지 이미지를 압축하는 데 사용할 수 있는 몇 가지 인기 있는 도구를 나열했습니다.

이러한 플러그인은 파일 크기를 줄이고 이미지 품질을 손상시키지 않으면서 수행합니다. 이미지 압축이 해당 서버의 외부에서 발생하는지 확인하십시오. 이렇게 하면 사이트의 로드 시간에 영향을 주지 않습니다.

작은PNG

PNG 및 JPEG 파일을 압축하는 또 다른 도구입니다. 이번에는 온라인에서 이미지를 압축합니다. WordPress 사이트에 설치하는 것에 대해 걱정할 필요가 없습니다.

TinyPNG를 사용하면 온라인에서 이미지를 압축할 수 있습니다. 한 번에 20개의 이미지를 압축할 수 있습니다. 한 번에 20개 이상의 이미지를 압축하고 싶으십니까? Pro 버전으로 이동하십시오!

상상하다

Imagify는 WordPress 대시보드에서 바로 이미지를 최적화할 수 있는 가장 진보된 WordPress 플러그인입니다.

클릭 한 번으로 품질 저하 없이 훨씬 밝은 이미지를 얻을 수 있습니다.

활성화되면 WordPress에 업로드할 때 모든 이미지가 자동으로 최적화됩니다.

무료로 Imagify를 사용해 보세요.

짧은 픽셀

ShortPixel은 사용하기 쉬운 무료 WordPress 플러그인입니다. 그냥 설치하고 잊어버리세요. ShortPixel WordPress 플러그인을 사용하면 한 번의 클릭으로 모든 이미지와 PDF 문서를 압축할 수 있습니다.

새 이미지는 WordPress 사이트에 업로드할 때 자동으로 압축되고 최적화됩니다.

스무시

Smush는 백만 개 이상의 활성 설치가 있는 매우 인기 있는 WordPress 플러그인입니다.

Smush를 사용하면 WordPress 대시보드 내에서 이미지 최적화, 지연 로드 활성화, 이미지 크기 조정 및 압축을 모두 수행할 수 있습니다.

다른 WordPress 플러그인의 경우와 마찬가지로 이미지는 일단 설치되면 사이트에 업로드될 때 자동으로 압축됩니다.

3. 올바른 이미지 파일 이름 만들기

이미지 파일 이름이 어떻게 되나요?

이전의 임의 파일 이름인 'Screen Shot 2021-04-07 at 9.28.00 am.png'를 기억하십니까? 글쎄, 우리가 그것을 덜 볼수록 더 좋습니다!

올바른 파일 이름을 만들 때 해당 페이지에 타겟팅하는 키워드를 포함하는 것이 좋습니다. SEO에 좋습니다.

Google의 Cloud Vision API는 이미지 이면의 컨텍스트를 이해하지만 SEO 친화적인 이미지 이름을 추가하면 이미지의 주제가 Google에 표시됩니다.

임의의 파일 이름(위에서 사용한 것과 같은)은 Google에서 이미지가 무엇인지 이해하는 데 도움이 되지 않습니다.

그래서 대신 'seo-course.png'와 같은 파일 이름이 정말 머리에 못을 박습니다.

4. 독특한 이미지 만들기

자, 간단히 말해서 많은 기업 웹사이트와 컨설팅 회사에서 흔히 볼 수 있는 한 가지는 무엇입니까?

그들은 같은 경영진과 그들을 위해 일하는 사람들이 있습니다. 어떻게 왔는지 궁금하십니까? 그들은 모두 거의 동일한 스톡 이미지를 사용하기 때문입니다!

그리고 구글이 얼마나 혼란스러울지 상상해 보십시오.

진지하게 말하지만 군중에서 눈에 띄고 싶다면 일반 스톡 사진보다 원본 사진과 이미지를 사용하십시오.

스톡 사진은 최적화가 잘 되더라도 원본의 고품질 이미지와 같은 효과나 SEO 이점을 갖지는 못할 것입니다.

큰 이미지를 사용하면 Google 디스커버에 표시되는 데 도움이 될 수도 있습니다.

5. SEO 친화적인 대체 텍스트 사용

아래와 같이 이미지 위로 마우스를 가져가면 설명 텍스트가 표시되는 것을 본 적이 있습니까?

이것을 ALT 텍스트 또는 대체 텍스트라고 합니다.

어떤 이유로 이미지가 로드되지 않으면 어떻게 됩니까? 작은 이미지일 경우 눈에 띄지 않을 수 있습니다. 반대로 페이지에서 차지하는 공간이 많은 이미지라면 방문자에게 잘 어울리지 않을 수 있습니다.

ALT 텍스트는 대체 계획입니다.

어떤 이유로든 이미지 로드에 실패하면 ALT 텍스트가 그 자리에 나타납니다. 깨진 이미지가 있는 것이 이상적이지는 않지만 Google은 ALT 텍스트를 추가하는 것을 좋은 페이지 SEO 방법으로 고려합니다. 이미지 파일의 내용을 Google에 전달하는 데 도움이 됩니다.

이미지가 로드되지 않으면 왼쪽 상단 모서리에 alt 태그가 있는 이미지 상자가 나타납니다. alt 태그가 이미지와 맞고 그림이 관련성이 있는지 확인하십시오.

따라서 다음에 ALT 텍스트를 이미지에 추가할 때 관련 텍스트를 추가하고 싶을 것입니다.

다음은 고려할 수 있는 팁입니다. ALT 텍스트 내에서 페이지 키워드를 사용하십시오.

예를 들어, 초보자를 위한 SEO 과정을 홍보하는 경우 이미지 ALT 텍스트가 'SEO 과정'일 필요는 없습니다. 대신 '초보자를 위한 SEO 과정'으로 가질 수 있습니다.

따라서 이와 같은 이미지에 ALT 텍스트를 포함하는 대신

훨씬 더 좋은 방법은,

6. 페이지 제목 및 설명

페이지 제목과 설명이 이미지 검색 결과 페이지에 어떻게 표시되는지 확인하셨습니까?

Google 이미지는 각 결과를 가장 잘 설명하는 제목과 스니펫을 생성합니다. 이것은 방문자가 결과를 클릭할지 여부를 결정하는 데 도움이 됩니다.

Google은 페이지 제목, 설명, 메타 태그 등과 같은 다양한 소스에서 이 정보를 가져옵니다. 이 정보를 제공하고 Google의 제목 및 스니펫 가이드라인을 따르면 Google이 페이지에 표시되는 제목과 스니펫 품질을 개선하는 데 도움이 됩니다.

7. 이미지 크기 정의

웹 페이지를 방문할 때 이미지가 로드되는 동안 페이지가 어떻게 이동하는지 확인하십시오. 왜 이런 일이 발생합니까? 이미지 너비와 높이가 지정되지 않았기 때문입니다.

이미지의 너비와 높이를 정의하는 것이 좋습니다. 브라우저가 이미지의 크기를 조정할 수 있게 하고 페이지가 로드될 때 페이지가 점프하는 것을 중지합니다. 결국 훨씬 더 나은 사용자 경험으로 이어집니다.

Google의 핵심 Web Vitals가 주요 순위 요소가 될 수 있다는 점을 고려하면 CLS(누적 레이아웃 이동)를 방지하기 위해 이미지 크기를 포함하는 것을 고려해야 합니다.

CLS는 페이지의 전체 수명 동안 발생하는 모든 개별 레이아웃 전환 점수의 합계를 측정하는 데 사용되는 메트릭입니다. 노력해야 하는 이상적인 CLS 점수는 0.1 이하입니다.

이미지 너비 및 높이 속성을 포함하는지 확인하는 것이 핵심입니다. 예를 들어, 이전 예를 살펴보면 다음과 같은 것이 있어도 괜찮습니다.

이상적인 접근 방식은 다음과 같습니다.

이미지 크기가 너비와 높이가 100인 것을 고려한 것입니다.

이미지의 너비와 높이를 포함하면 얼마나 많은 공간이 필요한지 브라우저에 명확하게 지시하고 콘텐츠 이동을 방지하고 CLS 점수를 줄입니다.

8. 적절한 이미지 파일 구조 만들기

Google 이미지 가이드라인의 주요 업데이트 중 하나는 파일 이름과 파일 경로를 사용하여 이미지 순위를 지정하는 것입니다.

예를 들어 온라인 상점에 여러 제품이 있는 경우 모든 이미지를 일반 미디어나 이미지 폴더에 업로드하는 것보다 범주 및 하위 범주를 만드는 것이 좋습니다.

따라서 남성 및 여성용 티셔츠와 셔츠를 판매하는 의류 매장이 있는 경우 다음과 같은 폴더에 이미지를 업로드하는 대신:

/images/tshirt-men-1.jpg
/images/t-shirt-women-1.jpg

이에 대해 더 나은 방법은 다음과 같은 폴더를 갖는 것입니다.

/images/men/tshirts/white.jpg
/images/women/tshirts/white.jpg

이미지를 이러한 범주 및 하위 범주로 구조화하는 것은 Google도 이해하는 데 도움이 되는 더 나은 옵션입니다.

9. 반응형 이미지 만들기

모바일 검색이 데스크톱 검색을 능가한다는 점을 고려할 때 사이트는 반응형이어야 합니다.

웹사이트용 기본 Googlebot 크롤러가 이제 모바일 크롤러라는 것을 알고 계셨습니까?

1000px 너비의 이미지를 사이트에 업로드한다고 가정해 보겠습니다.

사용자가 더 작은 디스플레이(예: 너비 320px)가 있는 모바일 장치에서 사이트를 방문하는 경우 브라우저는 1000px 이미지 스틸을 로드해야 합니다.

1000px 이미지는 완벽하게 보입니다. 모바일 장치의 320px 너비 이미지도 마찬가지입니다.

여기서 문제를 확인했습니까?

1000px 및 320px 너비 이미지 모두 모바일 장치에서 완벽하게 잘 보입니다. 그렇다면 1000px 이미지를 로드하고 대역폭을 낭비하는 이유는 무엇입니까? 페이지 로드가 길어지면 SEO에 영향을 미칩니다.

srcset 을 입력하십시오.

이 간단한 코드는 브라우저에 다양한 화면 해상도에 대해 다른 버전의 이미지를 로드하도록 지시합니다.

srcset 속성을 사용하여 크기 설명과 함께 이미지 URL 목록을 지정합니다. 브라우저가 srcset 속성을 지원하지 않는 경우를 대비하여 폴백 및 기본 이미지를 지정하려면 여전히 src 속성을 사용해야 합니다.

다음은 일반적인 구문입니다...

<img srcset=”imageurl 크기, imageurl 크기, imageurl 크기” src=”기본 이미지”>.

다음은 보다 실시간인 예입니다.

<img

srcset=” /wp-content/uploads/image4x.jpg 4x,

/wp-content/uploads/image3x.jpg 3배,

/wp-content/uploads/image2x.jpg 2배,

/wp-content/uploads/image1x.jpg 1x”

src="/wp-content/uploads/image-default.jpg" >

크기 정보를 포함하는 데 일반적으로 사용되는 접근 방식은 srcset 속성의 이미지 밀도로 각 파일에 레이블을 지정하는 것입니다.

위의 예에서 URL 뒤에 1x, 2x, 3x 및 4x를 추가하여 수행합니다.

좋은 소식은 WordPress가 이 모든 것을 처리한다는 것입니다(WordPress 5.3부터).

업로드하는 각 이미지에 대해 WordPress는 기본적으로 다음 버전을 자동으로 만듭니다.

썸네일: 150x150px로 크기 조정
매체: 300x300px로 크기 조정
중대형: 너비가 768px로 조정됨
Large: 1024px x 1024px로 크기 조정
전체: 원본 이미지

게다가 WordPress는 srcset 속성도 자동으로 추가합니다. srcset 속성에 대한 WordPress 소스 코드를 확인하십시오.

10. 지연 로딩을 고려하라

스크롤 없이 볼 수 있는 콘텐츠를 볼 때 페이지 하단에 있는 이미지를 로드하는 이유는 무엇입니까?

이것이 바로 지연 로딩이 도움이 되는 것입니다!

느린 웹사이트를 좋아하는 사람은 없습니다. 이미지 및 기타 요소를 로드하는 데 시간이 걸리면 페이지 속도와 순위에 영향을 줄 뿐만 아니라 웹사이트 방문자의 흥미를 끌 수 있습니다.

웹사이트가 로드되는 데 3초가 더 걸리면 방문자의 40%가 웹사이트를 이탈한다는 사실을 알고 계셨습니까? 그리고 1초 지연으로 인해 웹사이트 전환이 7% 감소할 수 있습니까? (출처: 닐 파텔)

이미지는 지금까지 웹사이트에 로드하는 데 가장 많은 시간을 차지합니다. 페이지에 이미지가 많을수록 페이지 로드 시간이 늘어납니다.

지연 로드는 이러한 모든 문제를 해결하는 데 도움이 됩니다.

지연 로드는 브라우저가 이미지, 비디오 등과 같은 개체를 실제로 표시해야 할 때까지 로드하는 것을 연기하는 경우입니다. 이미지는 스크롤할 때 로드됩니다.

페이지 속도가 검색 엔진 순위에 중요한 요소임을 고려하면 이미지를 지연 로드하는 것이 고려할 수 있는 옵션입니다.

WordPress 사이트에서 이미지의 지연 로드를 활성화하려면 WordPress 저장소에서 사용할 수 있는 다양한 지연 로드 플러그인 중 하나를 고려할 수 있습니다.

11. 콘텐츠 전송 네트워크(CDN)

이미지를 최적화, 압축 및 지연 로드합니다. SEO에 관한 한 모두 훌륭한 옵션입니다.

하지만 이미지를 빨리 전달해야 합니다. 그리고 이것은 CDN을 사용하여 달성할 수 있습니다.

그렇다면 CDN(콘텐츠 전송 네트워크)이란 무엇입니까?

간단히 말해서 CDN은 전 세계에 위치한 서버에 웹사이트 사본을 보관하는 것과 같습니다. 특정 위치에서 웹사이트에 액세스하면 해당 위치에서 가장 가까운 서버가 웹사이트를 제공합니다.

CDN은 이미지, 비디오, CSS 및 JavaScript와 같은 WordPress 정적 콘텐츠의 복사본을 호스팅합니다.

요청된 위치에서 가장 가까운 서버에 액세스하여 페이지 로드 시간을 상당히 줄일 수 있습니다.

12. 브라우저 캐싱

이미지가 로드될 때마다 서버에 요청이 이루어집니다. 이미지가 많을수록 서버 요청이 상당히 높아집니다.

이것이 서버에 대한 유일한 요청입니까? 결코 아니다!

다양한 다른 웹 사이트 요소가 유사한 요청을 합니다. 모두 페이지 로드 속도를 줄이는 결과를 초래합니다.

바로 여기에서 브라우저 캐싱이 작동합니다.

브라우저 캐시는 서버 지연을 줄이기 위해 페이지, 이미지 등의 웹 파일을 임시로 저장하는 것입니다. 이미지가 사용자의 브라우저에 로컬로 저장되므로 서버에서 이미지를 반복적으로 로드할 필요가 없습니다.

다시 말하지만 WordPress 웹 사이트를 사용하는 경우 WordPress 저장소에서 브라우저 캐싱 플러그인을 설치할 수 있습니다.

요약…

결론은 훌륭한 사용자 경험을 만드는 것입니다!

중요한 것은 모든 작은 것입니다. 시각적 콘텐츠는 페이지의 주제와 관련이 있어야 합니다. 페이지의 좋은 시각적 콘텐츠는 텍스트 콘텐츠만큼 중요합니다. 페이지 콘텐츠를 최적화하고 스키마를 추가하면 이미지에 대한 텍스트 스니펫을 생성하는 데 도움이 됩니다.

이미지 최적화에 대해 더 알고 싶으십니까? 성능 및 SEO를 위해 이미지를 최적화하는 방법에 대한 전용 기사를 확인하십시오!

이미지 최적화 분석에 도움이 되는 도구

이미지 분석에서 페이지 속도에 이르기까지 전반적인 웹사이트 성능을 최적화하는 데 도움이 되는 몇 가지 도구를 나열했습니다.

웹사이트 속도 테스트

이제 이미지를 최적화하면 여러 가지 이점이 있음을 분명히 알 수 있습니다.

도구를 사용하여 이미지를 분석할 수 있다면 어떨까요?

사용할 이미지 형식, 최적의 파일 크기, 이미지 품질 등을 제안할 수 있는 도구입니다.

글쎄요, 웹사이트 속도 테스트는 당신이 필요로 하는 것입니다.

웹사이트 속도 테스트 도구는 단순한 이미지 압축 그 이상입니다. 이미지 크기, 품질, 형식 및 기타 매개변수와 같은 이미지 변경이 전체 성능을 향상시킬 수 있는 방법에 대한 상세한 최적화 통찰력을 제공하는 보고서를 명확하게 생성합니다.

작은PNG

귀하의 웹사이트는 얼마나 빠릅니까?

얼마나 잘 수행되고 있습니까?

사이트의 무거운 이미지가 성능을 떨어뜨리고 있습니까?

글쎄, 당신은 드리프트를 얻습니다!

TinyPNG의 분석기를 사용하여 모든 웹사이트 이미지를 실행하고 사이트의 이미지 최적화 통계에 대한 자세한 보고서를 제공합니다.

마무리

SEO는 시간이 걸립니다. 온페이지, 오프페이지 SEO 또는 우리의 경우 이미지 SEO입니다. 그리고 그 세부 사항을 파악하는 데는 시간이 걸리고 더 많은 이해와 경험을 통해 더 나아질 것입니다.

즉, SEO가 가져올 수 있는 유기적 트래픽의 유입을 고려할 때 노력할 가치가 있습니다.

이 기사에서는 이미지 SEO에 대해 알아야 할 모든 것을 다뤘습니다. 적절한 이미지 형식을 선택하는 것부터 최적의 파일 이름에 이르기까지 웹사이트에서 이미지를 최적화하는 데 필요한 모든 것을 포함하려고 노력했습니다.

물론, 이러한 팁을 마스터한 후에는 안주하지 마십시오. SEO는 지속적으로 변화하고 있으며 지속적인 최적화가 필요합니다.