이미지 최적화 101 – SEO를위한 블로그 게시물 이미지 최적화

게시 됨: 2020-11-10

이 기사에서는 SEO를위한 이미지 최적화에 대해 알아야 할 모든 것을 배웁니다.

사실, 저는이 똑같은 가이드를 사용하여 블로그 게시물 이미지를 최적화합니다.

… 내 블로그 게시물에 대한 완벽한 on-page-SEO를 수행합니다.
… Google 이미지 검색에서 내 이미지의 순위를 매 깁니다.
… 내 이미지를 사용하여 트래픽을 유도합니다.

따라서 블로그에도 기꺼이 할 의향이 있다면 올바른 위치에 있습니다.

바로 들어 가자.

SEO를위한 이미지 최적화에 대한 궁극적 인 가이드 :

  • 이미지를 최적화해야하는 이유는 무엇입니까?
  • 기사에 적합한 이미지를 찾는 방법은 무엇입니까?
  • 검색 엔진 용 이미지를 최적화하는 방법은 무엇입니까?
  • 기억해야 할 사항
  • 최적화 된 이미지를위한 모범 사례
  • 더 나은 최적화를위한 WordPress 플러그인
  • 이미지 SEO 및 Pinterest

이미지를 최적화해야하는 이유는 무엇입니까?

이미지를 최적화하는 데는 여러 가지 이유가 있습니다. 기사에서 사용하는 이미지는 SEO 점수를 높이고 기사를 검색 엔진에 더 친숙하게 만들며 블로그의 페이지 로딩 속도에 큰 역할을합니다.

이미지 최적화의 이점 :

  • Pinterest와 같은 사진 공유 사이트는 엄청난 양의 트래픽을 유도 할 수 있습니다.
  • 사진은 검색 엔진에 표시되며 이미지 섹션에서 경쟁이 훨씬 적기 때문에 적절한 최적화를 통해 쉽게 이미지 순위를 높일 수 있습니다.
  • 블로그의 이탈률을 높이고 기사의 SEO 점수를 높입니다.
  • 사용자 지정 이미지를 만드는 경우 다른 블로그가 기사에 이미지를 사용하고 소스 / 신용 링크를 제공 할 때 백 링크를 가져올 수도 있습니다.

블로그에 적합한 이미지 찾기

우리는 모두 기사에서 이미지를 사용하며 이미지 최적화를위한 모범 사례를보기 전에 스톡 이미지를 무료로 얻을 수있는 몇 가지 리소스를 여러분과 공유하고자합니다.

이미지를 다룰 때는 검색 할 때 매우주의해야합니다. Google 이미지를 사용하여 이미지를 선택하여 기사에 추가 할 수는 없습니다. 해당 이미지는 저작권으로 보호 될 수 있으며 이러한 이미지를 사용하는 데 큰 문제가 발생할 수 있습니다.

Google 이미지 검색 저작권 문제
  • 저장

대신 스톡 이미지를 무료로 제공하는 다양한 웹 사이트를 사용할 수 있습니다. 이러한 웹 사이트를 사용하여 기사 내용에 완벽하게 맞는 이미지를 찾을 수 있습니다.

무료로 스톡 사진을 제공하는 FreeDigitalPhotos, MorgueFile, Pixabay 등과 같은 웹 사이트와 몇 달러를 지불하면 고품질의 전문적인 이미지를 얻을 수있는 ShutterStock과 같은 사이트가 있습니다.

무료 사이트 또는 유료 사이트를 사용하여 기사에 적합한 이미지를 찾을 수 있지만 Google 이미지를 사용하여 가져 오지 마십시오.

블로그에 맞춤 이미지를 만들 수 있다면 더 좋을 것입니다.

그렇게하면 아무도 당신을 괴롭히지 않을 것이며 당신이 이미지를 직접 만들었고 모든 권리를 보유하기 때문에 당신은 이미지에 대한 모든 권리를 갖게 될 것입니다.


나만의 이미지 만들기 :

대부분의 경우 스톡 포토 사이트에서 멋진 이미지를 찾을 수 있지만 완벽한 이미지를 찾지 못하고 대신 사용자 지정 이미지를 만들고 싶을 때 Canva와 같은 온라인 사이트를 사용할 수 있습니다.

Canva 사진 디자인 도구
  • 저장

Canva는 특히 디자이너가 아닌 사용자에게 맞춤 이미지를 제작할 수있는 최고의 플랫폼입니다. 미리 만들어진 많은 템플릿과 멋진 글꼴을 찾을 수 있으며 간단한 드래그 앤 드롭 기능으로 모든 크기와 크기의 이미지를 매우 쉽게 만들 수 있습니다.

커스텀 이미지를 디자인하는 또 다른 훌륭한 도구는 PicMonkey입니다. 또한 이미지에 사용할 수있는 맞춤형 디자인을 제공합니다.

picmonkey 사진 편집 도구
  • 저장


검색 엔진 용 이미지를 최적화하는 방법은 무엇입니까?

1. 올바른 파일 이름 선택

기사에 새 이미지를 업로드하기 전에 이미지를 업로드하기 전에 이미지 이름을 확인해야합니다. 나는 많은 블로거가 기사의 내용과 관련이없는 파일 이름이나 의미가없는 이름을 선택하는 것을 보았습니다.

이미지 순위를 지정할 이름으로 이미지 이름을 변경해야합니다. 이미지에 대해 키워드가 풍부한 이름을 선택하면 검색 엔진이 SERP에서 해당 이미지의 순위를 쉽게 높일 수 있기 때문입니다.

예를 들어 롱테일 키워드를 찾는 방법에 대한 기사를 작성하는 경우 이미지 이름을 "find-long-tail-keywords.jpg" 또는 이와 유사한 이름으로 지정합니다.

독자와 검색 엔진 모두에게 이치에 맞아야합니다.

그러나 두 단어 사이에 대시를 추가하고 공백없이 모든 것을 쓰지 마십시오. "findlongtailkeywords.jpg"와 같이되어서는 안됩니다. 이 형식에는 문제가 없지만 안전을 유지하고 읽기 쉬운 형식을 선택하는 것이 좋습니다.

  • 잘못된 형식 –“ABC123.jpg”
  • 괜찮은 형식 –“findlongtailkeywords.jpg”
  • 완벽한 형식 – "how-to-find-long-tail-keywords.jpg"

2. 이미지 크기 및 압축

이미지를 업로드하기 전에주의해야 할 다음 사항은 이미지의 크기와 크기입니다. 큰 이미지를 아티클에 업로드 할 필요가 없습니다. 서버에 엄청난 부하를 가하고 결과적으로로드 속도를 높이기 때문입니다.

웹 사이트의 페이지로드 시간은 SEO 관점에서 매우 중요한 요소이며 거대한 이미지를 추가하여 시간을 늘리고 싶지 않습니다.

이미지 크기:

나에 따르면 업로드하는 이미지의 크기는 최소 200 x 200px이어야 Facebook, Twitter 및 Google+와 같은 소셜 네트워킹 사이트에서 선택됩니다.

그러나 요구 사항에 따라 훨씬 작은 이미지 또는 큰 이미지를 기사에 삽입 할 수 있습니다. 위의 치수는 소셜 네트워크에서 이미지를 선택하는 데 필요한 최소 요구 사항이기 때문에 언급됩니다.

큰 이미지를 처리 ​​할 때는 블로그의 콘텐츠 영역 너비를 고려해야합니다.

콘텐츠 너비 영역
  • 저장

대부분의 블로그 테마는 테마에 따라 600-700px 이하의 콘텐츠 영역 너비가 제공되므로 콘텐츠 영역 너비를 알고 있어야 완벽한 이미지를 만들 수 있습니다.

위 섹션에서는 적절한 이미지 크기를 설명하지만 크기가 너무 큰 스톡 이미지를 다운로드하면 어떻게 하시겠습니까?

스톡 이미지를 다운로드했는데 크기가 너무 큰 경우 크기를 조정 한 다음 업로드하는 것이 좋습니다. 이미지를 원래 크기로 업로드하지 말고 게시물 편집기의 높이 및 너비 매개 변수를 사용하여 크기를 조정하세요.

원본 이미지를 업로드 한 다음 게시물에서 크기를 조정하면 아무 소용이 없습니다. 페이지가 브라우저에로드되면 이미지가 원래 크기와 크기로로드 된 다음 크기가 조정됩니다. 이것은 페이지의 로딩 시간을 증가시킬뿐입니다.

기사에 이미지를 업로드하기 전에 이미지 크기를 조정하는 데 사용할 수있는 PicResize 및 PicMonkey와 같은 온라인 도구가 있습니다.

이미지 압축

고품질 스톡 이미지를 사용하면 단순히 이미지를로드하기 위해 서버에 많은 부담을주게됩니다. 이미지의 품질이 높을수록 크기가 커집니다.

업로드하려는 이미지가 KB 단위의 세 자리 숫자이거나 MB 단위 인 경우 이미지의 품질이 너무 높기 때문입니다.

이미지의 크기는 약 500 x 500px이지만 여전히 크기가 클 수 있습니다. 그런 순간에는 단순히 그림의 크기를 조정할 수 없습니다. 더 가벼운 무게를 위해 압축해야합니다.

이미지를 압축하여 크기를 줄이는 데 도움이되는 TinyPNG와 같은 도구가 있습니다. 이미지를 압축 한 후에도 이미지 품질에 큰 영향을주지 않습니다. 이미지는 여전히 좋아 보이며 왜곡되거나 픽셀 화되지 않습니다.

이미지 압축 도구 TinyPNG
  • 저장

참고 : 배경 화면 모음 공유와 같이 매우 높은 품질의 이미지를 공유해야하는 기사를 작성하는 경우 Dropbox 또는 기타 유사한 사이트에 고품질 이미지를 업로드하는 것이 좋습니다. 그런 다음 해당 이미지의 크기와 크기를 모두 조정하고 크기가 조정 된 이미지를 아티클에 업로드 한 다음 원본 이미지가 호스팅되는 클라우드 서비스에 연결할 수 있습니다. 이렇게하면 페이지로드 속도를 저하시키지 않고 독자에게 고품질 이미지를 제공 할 수 있습니다.

3. 대체 텍스트

ALT 텍스트의 주요 목적은 이미지 파일에 대한 설명을 제공하는 것입니다. 어떤 이유로 든 이미지가 나타나지 않으면 이미지 내용을 설명하는 위치에 ALT 텍스트가 나타납니다.

ALT 텍스트의 다른 용도는 이미지가 그 자리에 있음을 검색 엔진에 알리는 것입니다. 검색 엔진은 이미지를 읽을 수 없으며 블로그의 이미지에 ALT 텍스트를 사용하지 않으면 많은 트래픽을 놓치고 있습니다.

검색 엔진은 ALT 텍스트를 사용하여 특정 검색 쿼리에 대해 반환 할 최상의 이미지를 결정합니다. 대부분의 사람들은 검색 엔진의 최상위 위치에 도달하려고하지만 많은 트래픽을 가져올 수있는 이미지 검색 엔진을 무시합니다. 따라서 이미지에 ALT 텍스트를 추가하면 기사가 완벽하게 최적화되어 경쟁사보다 SEO 우위를 확보하는 데 도움이됩니다.

대체 텍스트를 선택하는 방법?

이제 ALT 텍스트의 이점과 중요성을 알았습니다.하지만 이미지에서 ALT 텍스트로 무엇을 입력해야합니까?

ALT 텍스트는 키워드를 입력하고 이미지 검색에서 더 많이 표시 될 가능성을 높이기에 가장 좋은 장소입니다.

그러나 이미지가 ALT 텍스트에 적합한 지 확인해야합니다. 기사에 고양이 이미지를 추가해서는 안되며 " 무료로 최고의 SEO 도구 "라고 표시해서는 안됩니다. 이것은 말이되지 않습니다.

따라서 기사의 주제를 보여주는 적절한 이미지를 사용하고 ALT 텍스트에 키워드를 추가하여 검색 엔진에 표시되도록하고 순위를 매길 가능성을 높이십시오.

이미지에 ALT 텍스트를 추가하는 방법은 무엇입니까?

이미지 코드에 ALT 텍스트를 추가하려면 alt =”this is your alt text” 를 추가하면됩니다. 이를 수행하는 방법에 대한 예가 있습니다.

<img src =”find-long-tail-keywords.jpg”alt =”롱테일 키워드를 찾는 방법”/>

ALT 텍스트를 추가하는 간단한 방법은 WordPress 게시물 편집기에서 Media Uploader를 사용하는 것입니다. 기사에 이미지를 업로드하면 이미지에 직접 대체 텍스트를 추가 할 수 있습니다. 그 방법을 알아 보려면 아래 이미지를 확인하십시오.

이미지 대체 텍스트 예
  • 저장

따라서 기사의 내용과 이미지를 설명하는 대체 텍스트를 추가해야합니다. 이렇게하면 독자가 이미지의 내용을 알아낼 수 있고 검색 엔진이 관련 검색어에 대해 순위를 매길 수 있습니다.


기억해야 할 몇 가지 사항 :

1. 이미지의 높이 및 너비 :

높이 및 너비 매개 변수는 이미지 최적화에서 가장 간과되는 요소 중 하나입니다. 기사에 이미지를 삽입 할 때마다 HTML 코드에 높이 및 너비 매개 변수도 포함되어 있는지 확인하십시오.

이들이 코드에 있어야하는 이유는 페이지 로딩 속도에 큰 역할을하기 때문입니다. 브라우저가 높이 및 너비 태그를 감지하면 높이 및 너비 매개 변수로 정의 된 공간을 유지하고 이미지로 채우면서 페이지에 텍스트를 계속로드합니다.

텍스트와 이미지가 동시에로드되므로 좋은 페이지로드 속도가 유지됩니다. 태그를 언급하지 않으면 브라우저가 이미지까지 텍스트를로드 한 다음 이미지가 완전히로드 된 다음 나머지 텍스트가로드됩니다. 이것은 서버에 많은 부담을주고 페이지의 로딩 속도를 증가시킵니다.

WordPress에서 이러한 매개 변수는 이미지를 삽입 할 때 자동으로 추가되지만 HTML 태그를 수동으로 추가하거나 태그가 있는지 확인하려는 경우 텍스트 편집기 섹션으로 이동하여 이미지 코드를 찾을 수 있습니다. 아래 이미지와 같이 표시되며 높이 및 너비 매개 변수를 그림과 같이 지정합니다.

이미지 높이 및 너비 언급
  • 저장

2. 이미지에서 하이퍼 링크 제거

기사에 이미지를 업로드하면 WordPress는 소스 코드의 링크를 이미지 위치 (예 : / wp-content / uploads 폴더)에 자동으로 추가합니다.

이미지의 하이퍼 링크
  • 저장

전체 크기 이미지에 대한 링크를 공유하고 싶지 않다면 이미지에 하이퍼 링크를 유지해야하는 이유를 생각할 수 없습니다.

하이퍼 링크는 중요하지 않은 이미지 페이지에 링크 주스를 전달할뿐만 아니라 사용자의주의를 분산시킵니다. 방문자가 기사를 읽고 실수로 이미지를 클릭하면 이미지 위치로 리디렉션되어 기사에 대한 관심을 잃을 수 있습니다.

따라서 이미지의 소스 코드에서 링크 만 제거하는 것이 좋습니다. 이미지에서 하이퍼 링크를 제거하는 방법은 다음과 같습니다.

이미지를 업로드하면 오른쪽의 '첨부 파일 표시 설정' 아래에 링크 대상 이라는 옵션이 표시됩니다. 드롭 다운 메뉴를 클릭하고 없음 을 선택하여 하이퍼 링크를 제거합니다.

이미지 하이퍼 링크 제거
  • 저장


최적화 된 이미지를위한 모범 사례

1. 이미지 형식 – JPEG, PNG 또는 GIF?

JPEG (JPG), PNG 및 GIF와 같은 다양한 유형의 이미지 형식을 사용할 수 있습니다. 대부분 우리는 모두 JPEG 파일 형식을 사용하지만 때로는 PNG와 GIF도 사용하는 경향이 있습니다.

  • JPEG 형식 – JPEG 형식은 디지털 사진에 가장 적합하며 가장 널리 사용되는 형식입니다.
  • PNG 형식 – PNG는 무손실 형식이며 놀라운 압축을 제공합니다. 이미지를 여러 번 편집하거나 크기를 조정하고 압축하더라도 데이터가 손실되거나 품질이 저하되지 않습니다.
  • GIF 형식 – 작은 크기의 이미지를 지원하기 때문에 GIF 형식이 가장 많이 사용됩니다.

모든 이미지 형식 중에서 사용할 수있는 최상의 이미지 형식은 JPEG입니다. 그 이유는 매우 간단합니다. JPEG 형식은 크기가 비교적 작기 때문에 이미지가 더 빨리로드되고 이미지를 많이 편집 할 필요가 없기 때문에 JPEG 형식이 게시물에 가장 적합합니다.

2. 이미지에 캡션 사용

캡션은 기사의 이미지 바로 아래에 표시되는 텍스트 설명입니다. 캡션 영역을 사용하여 이미지를 설명하거나 크레딧 링크를 제공 할 수 있습니다.

이미지 캡션
  • 저장

이미지 캡션과 검색 엔진 순위 사이에는 직접적인 관계가 없습니다. 그러나 이미지 캡션을 추가하는 것이 정말 중요한 이유가 있습니다.

캡션을 사용할 수 있으므로 이미지를 사용하여 의미하는 내용을 독자에게 알릴 수 있습니다. 때로는 독자가 잘못된 아이디어를 얻고 잘못된 결론으로 ​​넘어갈 수 있으며 결론에 도달하기 전에 모든 정보와 세부 사항을 제공하는 것은 귀하의 몫입니다.

이미지 캡션 입력
  • 저장

창의적인 이미지와 함께 지능적이고 창의적인 캡션을 사용하면 독자의 관심을 촉발시킬 수 있으며 결국 전체 기사를 읽는 데 더 많은 시간을 할애 할 수 있습니다. 이렇게하면 반송률이 줄어들고 결과적으로 SEO 점수가 향상되고 검색 엔진 결과에서 이미지가 더 높은 위치를 차지할 가능성이 높아집니다.

3. 이미지 Sitemap 사용

우리는 모두 사이트 맵의 중요성을 알고 있으며 새 블로그를 만들 때 가장 먼저하는 일은 사이트 맵을 만들어 다양한 검색 엔진의 웹 마스터 도구 계정에 추가하는 것입니다.

사이트 맵을 추가 할 때 크롤링하고 색인을 생성해야하는 새 페이지가 있다는 것을 검색 엔진에 알리고 이러한 방식으로 검색 엔진 스파이더가 사이트 및 색인의 모든 페이지를 크롤링 할 수 있는지 확인합니다. 검색 엔진에서.

기사에 대한 사이트 맵을 만든 다음 이미지 사이트 맵도 만들 수없고 이미지 색인이 생성 될 가능성을 높일 수없는 이유는 무엇입니까?

Udinra All Image Sitemap 플러그인을 사용하여 블로그의 이미지를 만들고 웹 마스터 도구 계정에 제출할 수 있으므로 이미지 사이트 맵을 만드는 것은 매우 쉽습니다. 사이트 맵을 제출하면 모든 이미지가 검색 엔진에서 크롤링되고 색인이 생성됩니다.


이미지 Sitemap은 언제 중요합니까?

이미지와 관련이없는 주제에 대한 블로그를 운영하는 경우 이미지 사이트 맵을 피할 수 있습니다. 그러나 많은 이미지가 필요한 사진 블로그 나 기술 블로그를 운영하는 경우 이미지 사이트 맵을 만들어 이미지가 검색 엔진에서 올바르게 색인화되었는지 확인하는 것이 좋습니다.

더 나은 이미지 최적화를위한 WP 플러그인

WordPress 플러그인 디렉토리에는 많은 SEO 플러그인이 있으며 컬렉션에는 블로그의 이미지를 더 잘 최적화하는 데 도움이되는 정말 놀라운 플러그인이 포함되어 있습니다. 이미지를 관리하고 완벽하게 최적화하는 데 사용할 수있는 최고의 이미지 최적화 플러그인을 살펴 보겠습니다.

1. SEO 친화적 인 이미지

SEO 친화적 인 이미지 WordPress 플러그인
  • 저장

이것은 검색 엔진에 대한 이미지를 최적화하는 데 가장 적합한 플러그인입니다. 사이트에 이미지가 많고 이미지에 제목 태그 나 ALT 텍스트를 추가하지 않은 경우이 플러그인은 선택한 설정에 따라 이미지에 태그를 자동으로 추가합니다.

SEO 친화적 이미지 플러그인을 다운로드하여 사이트에 설치하기 만하면됩니다. 그런 다음 옵션을 선택하여 설정하면 플러그인이 누락 된 위치에 제목과 ALT 텍스트를 추가합니다.

따라서 블로그에 최적화되지 않은 이미지가 많이있는 경우이 플러그인을 사용하여 최적화해야합니다.

참고 : : 이미지를 업로드 한 직후에 이미지에 ALT 텍스트와 제목 태그를 수동으로 추가하는 것이 좋습니다. 그 이유는 SEO Friendly Images 플러그인이 설정 영역에서 선택한 옵션에서 작동하기 때문에 이미지에 완벽한 ALT 텍스트를 추가하지 못할 수 있기 때문입니다.

2. WP Smush.It 또는 EWWW 이미지 최적화 도구

WP Smush WordPress 플러그인
  • 저장

업로드하기 전에 이미지 크기를 조정하고 최적화하려고 시도하더라도 이미지를 추가로 최적화 할 수있는 기회가 있습니다.

이것이 바로 WP Smush 및 EWWW Image Optimizer와 같은 플러그인이 들어오는 곳입니다. 둘 다 거의 동일한 작업을 수행하므로 둘 중 하나를 사이트에서 사용할 수 있습니다.

이러한 플러그인은 이미지의 품질을 손상시키지 않고 크기를 줄여 이미지를 최적화합니다. 복잡한 설정이 없으며 최적화 프로그램을 실행하면 모든 이미지가 최적화됩니다.

다음은 WP Smush 플러그인을 사용하여 이미지를 최적화하는 방법과 EWWW Image Optimizer와 같은 다른 대체 플러그인을 사용하는 방법을 보여주는 WPBeginner에 게시 된 기사입니다.


이미지 SEO 및 Pinterest :

Pinterest는 웹에서 이미지를 공유하는 가장 인기있는 소셜 네트워크입니다. 많은 이미지를 사용하는 경우 Pinterest에서 공유하지 않는 것은 정말 나쁜 생각입니다.

Pinterest는 권위있는 웹 사이트이기 때문에 네트워크에서 공유되는 이미지는 검색 엔진 결과에서 색인되고 순위가 매겨 질 가능성이 더 높습니다.

따라서 Pinterest에서 이미지를 공유 할 때마다 올바른 설명과 각 이미지에 대한 링크를 추가하여 모든 SEO 혜택과 사이트 트래픽을 얻을 수 있도록 올바르게 최적화해야합니다.

Pinterest에서 이미지를 언제 공유 할 수 있습니까?

Pinterest는 모든 사람을위한 네트워크가 아닙니다. 프로필에서 많은 이미지를 공유한다고해서 다른 사용자가받는 것과 동일한 혜택을받을 수 있다는 의미는 아닙니다.

대부분의 Pinterest 사용자는 여성이고 가장 실적이 좋은 카테고리는 가정, 예술 / 공예, 스타일 / 패션, 음식, 여행 등입니다. 따라서 웹 사이트에서 튜토리얼이나 앱 관련 기사를 다루는 경우에는 어떤 것도 얻을 수 없습니다. 네트워크의 상당한 이점.

그러나 게시판을 만들고 공유하고 싶은 것을 공유하는 것은 잘못된 것이 아닙니다. 아마도 앞으로 Pinterest 사용자의 취향이 바뀌고 다른 주제가 인기를 끌 것입니다. 따라서 Pinterest에서 기사의 이미지를 계속 공유하고 설명에 게시물에 다시 링크를 추가하십시오.


마무리:

완벽한 게시물을 작성하는 데 몇 시간을 소비하므로 더 나은 검색 엔진 순위를 위해 최적화 된 이미지를 사용하지 않음으로써 모든 노력을 낭비하지 마십시오. 이 기사에서 언급 한 단계와 모범 사례를 따르면 곧 긍정적 인 결과를 볼 수있을 것이라고 확신합니다.

이미지 최적화에 대한 기사가 마음에 들면 다른 사람들과도 공유하십시오. 우리와 공유하고 싶은 질문이나 제안이 있으면 아래 의견 양식을 사용하십시오.

또한 블로그에서 이미지를 최적화하기 위해 어떤 플러그인을 사용하고 있는지 알고 싶습니다. 그리고 검색 엔진에서 이미지의 순위를 높이기 위해 구현하는 전략은 무엇입니까?

현서 이미지 최적화
  • 저장