이미지 SEO 가이드: 검색 엔진용 이미지 최적화

소개

검색 엔진 최적화(SEO)와 관련하여 거의 모든 웹사이트를 최적화해야 하는 매우 큰 경쟁자가 있습니다. Google은 다른 어떤 검색 엔진보다 훨씬 더 많은 검색 결과를 생성하며 최근 몇 년 동안 알고리즘이 사이트 품질과 가장 중요한 "사용자 경험"을 평가하는 방법을 분주하게 개선하고 있습니다. 사이트에 관련 콘텐츠가 있고 좋은 사용자 경험을 제공하는 경우 Google은 검색 엔진 결과에서 높은 순위로 보상합니다. 키워드 관련성과 좋은 사용자 경험을 제공하지 못하면 부정적인 평가를 받게 되며 Google 검색 엔진 결과에서 금지될 수 있습니다.

좋은 사용자 경험을 제공하려면 독창적인 콘텐츠가 매우 중요합니다. 또한 이미지 및 비디오 및 오디오 클립을 포함한 다양한 유형의 멀티미디어와 같이 사용자 경험을 향상시키는 다양한 유형의 미디어를 사용하는 것이 중요합니다. 미디어가 다양할수록 콘텐츠가 좋고 잘 수행 되는 한 더 좋습니다 . 또한 콘텐츠는 원본이어야 하며 다른 사이트에서 사용할 수 있는 기존 콘텐츠의 복사본이 아니어야 합니다. 콘텐츠 관리자가 비디오를 포함하고 싶지만 원본 비디오 프레젠테이션을 제작할 수단이나 리소스가 없는 경우 어려울 수 있습니다.

비디오 및 미디어

비디오는 여러 가지 이유로 매우 중요할 수 있습니다. 즉각적인 만족감이 많은 인터넷 사용자에게 주요 동기인 시기에 짧은 비디오를 볼 수 있는 기능은 많은 텍스트를 읽지 않고도 정보를 얻을 수 있는 좋은 방법입니다. 많은 양의 텍스트를 처리하고 웹사이트에서 위아래로 스크롤해야 하는 것보다 독자를 좌절시키는 일은 거의 없습니다. 그러나 비디오가 표시되면 볼 수 있는 이미지가 있고 중요한 정보를 수동적으로 받아들일 수 있으므로 매우 우수한 사용자 경험을 제공합니다.

좋은 비디오는 또한 한 사이트에서 다른 사이트로, 그리고 소셜 미디어 채널에서 많은 공유로 이어질 수 있습니다. 동영상이 입소문을 타면 동영상 콘텐츠 제공자에게 비교적 짧은 시간에 매우 저렴한 비용으로 수백만 명의 사람들에게 도달할 수 있습니다. YouTube, Facebook 및 기타 소셜 미디어 사이트는 훌륭한 비디오 공유 소스였습니다. 링크드인과 트위터는 또한 비디오가 많은 청중의 관심을 끌고 공유될 때 엄청난 양의 트래픽을 생성할 수 있습니다. Twitter, LinkedIn, Facebook 및 기타 사이트와 같은 고품질 사이트에서 특정 웹사이트에서 제작 및 게시된 비디오에 대한 링크 활동이 많을 때 Google 및 Bing과 같은 기타 검색 엔진은 해당 사이트를 보다 높게 평가하여 해당 사이트에 검색 엔진에서 더 나은 점수와 순위.

사진 및 이미지

비디오가 사용자 경험에 추가할 수 있는 것처럼 이미지도 추가할 수 있습니다. 사진, 아트워크, 그래픽 디자인 또는 일종의 차트나 그래프이든, 이미지는 많은 정보를 제공하고 사용자 경험을 크게 향상시킬 수 있습니다. 인기 있는 사진이나 기타 이미지가 소셜 미디어 채널에서 공유되면 Google, Bing 및 기타 검색 엔진은 원래 웹사이트를 훨씬 더 높게 평가하고 검색 엔진 및 키워드 결과에서 순위를 높입니다.

최근 몇 년 동안 웹캠과 휴대용 카메라를 통해 비디오를 제공하는 것이 더 쉬워졌지만 이미지는 비디오보다 훨씬 쉽게 제작할 수 있습니다. 그러나 웹 사이트 소유자와 기고자가 정보를 설명하고 사람들을 즐겁게 하며 어떤 것이 어떻게 작동하거나 영향을 미치는지 보여줄 수 있는 고유한 방법을 제공하는 디지털 사진, 독점 삽화, 그래프 및 기타 디자인을 제공할 수 있을 때 이미지는 종종 매우 쉽고 매우 저렴한 비용으로 생성될 수 있습니다. 특정 컨텍스트 내에서.

오디오 콘텐츠

오디오 콘텐츠는 웹사이트 콘텐츠 관리자와 개발자가 여러 번 간과하는 또 다른 형태의 대중 매체입니다. 오디오는 웹사이트 방문자가 대통령 연설과 같은 중요한 이벤트 또는 다음과 같은 스포츠 이벤트의 주요 재생과 같은 인기 이벤트의 오디오 콘텐츠를 제공할 때와 같이 특정 시점을 경험하도록 돕는 비교적 간단한 방법입니다. 라디오 실황 인물이 불렀습니다. 사고 당시 대부분의 사람들은 살아 있지 않았지만 힌덴부르크 참사에 대한 유명한 라디오 방송은 처음 제작된 후 수십 년이 지나도 입소문을 타며 여전히 관련성을 유지하는 오디오 재생의 대표적인 예입니다. 인터넷과 함께 오디오는 현명하게 사용되면 오래 지속되는 영향을 미칠 수 있습니다.

검색 엔진 최적화 및 블로그 게시물과 관련하여 이미지 및 기타 형태의 미디어를 사용하면 콘텐츠 품질에 상당한 영향을 미칠 수 있습니다. 멀티미디어 플랫폼을 사용하여 사람들에게 정보를 제공하고 즐겁게 하는 것은 훨씬 더 나은 사용자 경험을 제공하는 동시에 Google 및 Bing과 같은 검색 엔진이 크게 선호하고 선호하는 매우 독특한 콘텐츠를 생성할 수 있습니다. 멀티미디어가 포함된 블로그 게시물과 멀티미디어가 포함된 웹사이트는 경쟁업체와 차별화되고 순위를 높일 수 있는 고유한 수준의 품질을 제공합니다. 그들은 또한 소셜 미디어 채널에서 공유되고 입소문이 날 가능성이 훨씬 더 큽니다.

Google 알고리즘을 통한 측정

Google은 1년에 1~2회 업그레이드되는 다양한 알고리즘을 사용합니다. 알고리즘은 검색 엔진 결과에 나타난 후 클릭수와 사이트 링크 수, 사람들이 사이트에 머문 시간, 제공되는 콘텐츠 종류 등 많은 것을 측정합니다. Google 사이트 평가 도구는 제공된 콘텐츠 유형을 자동으로 평가하고 Google에서 색인을 생성한 다른 사이트와 비교하여 반복적인 정보나 다른 사이트에서 복제된 콘텐츠가 있는지 판단합니다. 이러한 경우 Google은 사이트를 차단하고 검색 엔진 결과에 표시되지 않도록 합니다.

2009년경 Google은 스팸 사이트 및 품질이 낮은 정보와 상대적으로 열악한 사용자 경험을 제공하는 기타 사이트에 대한 대대적인 단속을 시작했습니다. Panda 및 Penguin 알고리즘의 개발로 인해 사이트가 특정 키워드를 대상으로 하는 단순한 콘텐츠를 간단히 올려서 검색 엔진 결과에서 높은 순위를 얻는 것이 훨씬 더 어려워졌습니다. 이전에 키워드 검색에서 높은 순위를 차지했던 많은 사이트가 갑자기 제외되었습니다.

Google은 사람들이 검색 엔진을 사용할 때 매우 중요한 두 가지를 보장하기를 원합니다. 하나는 스팸 웹사이트가 검색 엔진 결과를 통해 전달되지 않고 다른 하나는 우수한 사용자 경험을 제공하는지 확인하는 것입니다. 사람들이 키워드를 입력한 다음 품질이 낮고 키워드 검색과 관련이 없는 사이트로 연결되는 링크를 클릭하면 Google에서 제공하는 결과를 덜 신뢰하게 됩니다. 그러나 Google이 사용자에게 최고의 경험과 진정으로 고유하고 관련성 높은 콘텐츠를 제공할 때 Google이 최고의 검색 엔진으로 남을 가능성은 검색 엔진이 관련 없는 결과와 대부분 스팸 사이트에 대한 링크를 생성하는 경우보다 훨씬 더 큽니다.

따라서 이미지와 멀티미디어를 사용하는 것은 블로그 게시물뿐만 아니라 웹사이트 빌더와 콘텐츠 관리자에게 매우 중요합니다. 사용자 경험이 좋을수록 웹 사이트가 검색 엔진에서 더 나은 순위를 갖게 됩니다. 검색 순위가 높을수록 검색 엔진과 소셜 미디어 공유에서 발생하는 트래픽도 높아집니다. 입소문을 타는 것은 대부분의 온라인 마케팅 담당자가 달성하기 위해 노력하지만 거의 수행하지 않는 것입니다. 고품질 이미지 및 기타 유형의 미디어를 사용하여 사용자 경험을 향상하고 사이트로 더 많은 트래픽을 유도할 수 있을 때 더 효과적이고 수익성이 높아집니다.

Google 이미지로 트래픽을 유도하는 방법

좋은 콘텐츠를 만들고 있다면 분명히 이미지와 동영상을 함께 사용하고 있는 것입니다. 그렇죠? 이미지 사용을 최적화하기만 하면 완전히 새로운 검색 트래픽의 세계인 이미지 검색을 활용할 수 있습니다.

그래서 어떻게 합니까?

이미지 유형
사용할 이미지를 선택할 때 어떤 종류의 파일 형식인지 확인하십시오.

JPG 이미지를 선택하고 싶습니다. 어떤 이유에서인지 그들은 이미지 검색에서 더 나은 성능을 보여 결국 더 높은 순위에 올랐습니다. 한 가지 이유는 사용자가 검색할 수 있는 모든 종류의 브라우저에서 JPG를 읽을 수 있기 때문일 수 있습니다.

또는 JPG 이미지의 크기를 압축하는 것이 더 쉬울 수도 있습니다. 당신은 작은 이미지를 원하지 않습니다. 당신은 그것들이 명확하고 그 뒤에 있는 아이디어를 나타내기를 원합니다. 그러나 큰 이미지는 로드 시간을 증가시키며 이는 결코 좋지 않습니다.

키워드 사용 및 선택
가장 먼저 해야 할 일은 각 사진에 명확하고 읽기 쉽고 관련성 높은 제목을 지정하는 것입니다. 검색 엔진에 이미지에 대해 아무 것도 알려주지 않는 횡설수설을 사용하지 마십시오.

예를 들어, AG133NOV.jpg를 고수하지 마십시오. 이것은 어떤 파일이 어디에 있는지 정리하는 데 도움이 될 수 있지만 이미지 검색이나 SEO 측면에서는 도움이 되지 않습니다.

다음은 Alt 태그입니다. 검색 엔진이 이미지에 포함된 내용을 이해하는 데 도움이 되도록 관련(간단한) 정보와 키워드를 입력하세요. 시각 장애가 있는 사람이 방문할 수 있으며 이 태그는 이미지에 있는 내용도 알려줍니다. (그들은 텍스트를 읽어주는 특별한 브라우징 장비를 사용합니다.)

마지막으로 설명을 잘 활용하세요. 이것은 완전히 필요한 것은 아니지만 아프지 않습니다. 여기에서 이미지에 묘사된 내용에 대해 좀 더 자세히 설명할 수 있습니다.

원래의 수

블로그를 위한 독창적이고 독창적인 이미지를 Photoshop하거나 제품 사진을 찍을 때마다 고유한 이미지를 원할 것입니다. 또한 여러 이미지를 사용하면 각 이미지에 대한 모든 규칙을 따르는 한 일반적으로 순위를 높이는 데 도움이 되는 것으로 나타났습니다.

팁: 새로운 Google 트렌드를 사용하면 모든 검색어에 대한 풍부한 정보를 조사할 수 있습니다.

이것은 이미지 검색에도 도움이 될 수 있습니다. Google 트렌드로 이동하면 검색어를 입력하고 탐색을 클릭합니다. 그렇게 하자마자 많은 것들이 화면에 로드됩니다. 왼쪽의 "웹 검색"을 클릭합니다(아래 참조).

오른쪽에 메뉴가 열립니다. "이미지 검색"을 클릭하십시오. 그러면 사람들이 이미지 검색으로 해당 용어를 검색한 횟수에 대한 차트가 열립니다. (참고: 이 숫자는 정확하지 않으며 전체 검색과 관련이 있습니다.) 이미지 검색에서 검색 중인 다른 관련 검색어도 볼 수 있습니다.

자, 이제 이미지를 최적화하여 더 많은 트래픽을 유도할 수 있는 기본 사항을 갖추었습니다. 하지만 이 기능을 최대한 활용하고 싶다면 아직 할 수 있는 일이 더 있습니다.

iFrame 로드블록 수정
사람들이 Google 이미지에서 이미지를 클릭하면 귀하의 이미지만 있는 특별한 페이지로 이동합니다. 그들은 반드시 귀하의 페이지에 와서 귀하가 모으기 위해 열심히 노력한 모든 영광스러운 콘텐츠를 볼 필요는 없습니다.

이미지는 실제로 iframe에 표시되며 방문자는 실제 페이지로 이동하기 위해 계속 클릭해야 합니다. 그럼 해결해 볼까요?

사이트에서 WordPress를 실행할 가능성이 높습니다. 그렇다면 운이 좋은 것입니다. 매우 간단합니다. 새 플러그인을 설치하기만 하면 됩니다. 다음 중 하나가 작동해야 합니다.

• Google 이미지 리디렉션(최근에 업데이트되지 않았지만 여전히 잘 작동하는 것 같습니다)
• Break Out of Frames(최근 업데이트됨)

이들 중 하나를 설치하고 활성화하면 사용자가 해당 iFrame 페이지에서 실제 페이지로 리디렉션됩니다.

WordPress를 사용하지 않는 경우 일부 코드를 복사하여 사이트에 붙여넣어야 합니다. 다음 코드를 사이트 코드의 머리글 또는 바닥글 위치에 배치합니다. 헤더에 넣는 경우 다음을 찾으십시오.

/머리

그 직전에 입력하십시오. 바닥글에 있는 경우 동일한 작업을 수행합니다. 찾다

/보행인

그리고 그 바로 앞에 둡니다. 복사하여 붙여넣을 코드는 다음과 같습니다.

[message_box 제목=”” 색상=”빨간색”]

<스크립트 유형=”텍스트/자바스크립트”>
<!–
if (parent.frames.length > 0) { parent.location.href = location.href; }
–>
</스크립트>

[/메세지 박스]

이 새로운 무료 트래픽을 받기 시작하면 트래픽을 모니터링하고 싶을 것입니다. 몇 개월 후에 어떤 유형의 이미지가 가장 많은 트래픽을 가져오고 어떤 종류의 키워드가 가장 많은 비즈니스를 수행하는지 분석할 수 있으며 어디에 더 집중해야 하는지 알 수 있습니다.

다음은 이를 수행하는 데 도움이 되는 가이드가 있는 몇 곳입니다.

고유 이미지 대 공개 이미지

콘텐츠 마케팅 전략에서 이미지를 사용하는 방법에 관계없이 기본적으로 이미지를 찾는 데는 두 가지 옵션이 있습니다. 무료로 사용할 수 있는 "공개" 이미지를 찾아 사용하거나 아티스트로부터 만들거나 구입한 고유한 이미지를 사용하는 것입니다. 두 옵션 모두 합리적이고 콘텐츠 마케팅 전략을 향상시킬 수 있지만 각각 고유한 장점과 단점이 있습니다.

공개 이미지를 찾을 수 있는 위치

대부분의 사람들이 공개 이미지에 대해 묻는 첫 번째 질문은 "어디서 찾을 수 있나요?"입니다. 무료 이미지에 대한 전망은 확실히 매력적이지만 어디를 봐야 할지 모르는 사람에게는 아무 의미가 없습니다. 고품질 공개 이미지를 찾는 것은 어려울 수 있지만 완벽한 표본을 찾기 위해 추가 노력을 기울이는 것은 일반적으로 가치가 있습니다.

무료 공개 이미지에 대해 개인적으로 가장 좋아하는 소스 중 하나는 Flickr 및 유사한 이미지 호스팅 사이트에서 Creative Commons 사진을 검색하는 검색 리소스인 Photo Pin입니다. Google의 펭귄 업데이트에 대한 게시물의 펭귄과 같이 특정한 것을 찾고 있다면 한 번의 검색으로 수십 가지 옵션을 제공할 수 있습니다. 그러나 필요한 이미지를 찾으면 라이선스를 확인하십시오 . 일부 이미지는 상업적으로 사용할 수 없습니다.

무료 공개 이미지의 다른 출처는 다음과 같습니다.

• 위키미디어 공용
• Compfight(유료 고유 스톡 사진도 제공)
• Pixabay
• FreeImages.com

공개 이미지를 찾는 위치에 관계없이 원래 소유자에게 적절한 저작자를 표시해야 합니다. 소스마다 포함해야 하는 언어 유형에 대한 요구 사항이 다르지만 일반적으로 "이미지 제공 ____"에 따라 사진 작가나 제작자의 이름을 부르고 링크를 포함하여 말해야 합니다. 원래 사이트로 돌아갑니다. 일부 소스에는 문서에 복사하여 붙여넣을 수 있는 편리한 코드가 포함되어 있지만 그렇지 않은 경우에도 저작자 표시를 제공하는 것이 중요합니다. 때로는 법적 요구 사항이며 항상 공손한 제스처입니다.

독특한 이미지를 찍는 방법

고유한 이미지를 사용하려면 수백 가지의 기존 옵션을 검색할 필요가 없지만 획득하기가 더 어렵고 비용이 많이 들 수 있습니다. 고품질의 미학적으로 만족스러운 이미지를 사용하고 있는지 확인하려면 사내에서 고용하든 아웃소싱하든 상관없이 사진 작가나 디자이너의 도움을 받는 것이 좋습니다.

완전히 독특한 최종 제품을 만들기 위해서는 브랜드가 없는 물건과 환경을 사진으로 찍거나 자신만의 이미지를 그려야 합니다.

스톡 이미지 리소스를 통해 고유한 이미지에 대한 비용을 지불하는 것도 가능하지만 때때로 이러한 이미지는 여러 구매자가 동시에 사용할 수 있습니다.

공개 이미지의 장점

공개 이미지를 사용하는 데에는 몇 가지 단점도 있습니다. 라이센스 계약도 준수하는 게시물에 적합한 이미지를 찾으려면 수백 가지 옵션을 검색하는 데 추가 시간을 소비해야 합니다. 또한 다른 사람과 동일한 이미지를 사용할 위험이 있습니다. 그럼에도 불구하고 몇 가지 주요 장점을 제공합니다.

비용

물론 무료로 좋은 것을 얻을 수 있다면 그것을 가져갈 수도 있습니다. 정기적으로 스톡 사진에 비용을 지불하거나 프리랜스 사진 작가에게 비용을 지불하는 것은 시간이 지남에 따라 비용이 많이 들 수 있지만 전략이 무료 이미지를 얻고 사용하는 것이라면 장기적으로 큰 재정적 장애는 없을 것입니다. 완벽한 무료 이미지를 찾는 데 걸리는 추가 시간은 종종 그만한 가치가 있습니다. 15분을 보내는 것이 50달러를 쓰는 것보다 낫기 때문입니다(적어도 대부분의 사람들에게는). 대부분의 콘텐츠 마케팅 캠페인은 수개월에서 수년의 노력이 필요하기 때문에 시간이 지남에 따라 절감액이 훨씬 더 커집니다.

실용적인 사항

소수의 소스로 좋은 리듬을 개발하면 사용 가능한 무료 이미지에 대한 충분한 옵션이 있음을 알게 될 것입니다. 블로그를 게시할 때마다 새 이미지에 대한 구체적이고 완벽하게 맞는 아이디어를 생각해내려고 하는 대신에 있는 옵션을 탐색하고 눈에 띄는 옵션을 찾을 수 있습니다. 어떤 면에서는 의사 결정 과정을 단순화하므로 업계 최고의 이미지를 원하지 않거나 필요로 하지 않는 경우 공개 이미지를 고수함으로써 많은 스트레스를 줄일 수 있습니다.

고유 이미지의 장점

고유한 이미지의 가장 큰 단점은 비용이지만 일부 응용 프로그램의 경우 고유한 이미지가 유일한 옵션입니다. 예를 들어 공개 이미지를 사용하여 새 블로그 게시물을 첨부하는 것은 쉽지만 강력한 인포그래픽을 원한다면 처음부터 시작하는 것이 유일한 선택입니다. 그럼에도 불구하고 모든 애플리케이션에 고유한 이미지를 사용하면 다음과 같은 많은 이점이 있습니다.

개성

자신만의 이미지를 만들고 있다면 업계의 다른 누구도 이 이미지를 사용하지 않을 것임을 확신할 수 있습니다. 당신은 군중 속에서 눈에 띄고 사람들은 미미한 수준에 불과하더라도 품질과 개성에 대한 당신의 약속을 알아차릴 것입니다. 일부 공개 이미지는 사람들에게 "백색 잡음"이 될 정도로 일반화되었지만 독특한 이미지는 항상 시청자에게 새로운 것을 제공합니다 . 이는 업계의 리더로서 자신을 차별화하려는 경우 특히 중요합니다.

제어

자신의 이미지를 제작하면 이미지 소싱 프로세스에서 더 많은 통제력과 창의적인 방향을 얻을 수 있습니다. 공통된 옵션 풀에서 이미지를 선택하도록 강요받는 대신에 가지고 있는 모든 비전을 현실로 바꿀 수 있습니다. 즉, 어떤 일이 있어도 나머지 콘텐츠에 완벽하게 맞는 이미지를 가질 수 있습니다. 사진가나 디자이너가 집에서 작업하거나 이미지를 직접 제작하는 경우 특히 그렇습니다.

공개 이미지와 고유 이미지 중 어느 것이 더 낫습니까?

공개된 이미지와 고유한 이미지 중 어느 것이 더 나은 전략적 선택인지에 대한 질문에는 직접적인 답이 없습니다.

각 선택에는 분명한 장단점이 있으며 콘텐츠 마케팅 캠페인을 진행하는 동안 두 가지 모두를 사용할 수 있습니다.

인포그래픽과 같은 고유한 이미지 기반 콘텐츠를 만들려는 경우 고유한 이미지가 가장 좋은 선택입니다. 당신이 당신의 업계에서 타의 추종을 불허하는 리더로 자신을 소개하려는 경우에도 마찬가지입니다.

그러나 주요 초점이 서면 콘텐츠이고 시각적 요소로 전략을 지원하는 더 저렴한 방법을 찾고 있다면 공개 이미지를 선택하는 것이 좋습니다.

로드 속도에 맞게 이미지를 최적화하는 방법

대부분의 사람들은 사용자에게 가능한 최고의 경험을 제공하고 검색 엔진에서 순위를 높이기 위해 디자인, 구조 및 콘텐츠 측면에서 사이트를 최적화하는 것이 중요하다는 것을 알고 있습니다. 그러나 사이트 로드 시간과 같이 위치에 영향을 미치는 까다로운 기술 요소가 있으며 속도에 맞게 이미지를 최적화하면 이미지를 개선할 수 있습니다.

SEO에 사이트 로드 시간이 중요한 이유

사이트 로드 시간이 항상 큰 문제는 아니었지만 Google은 사용자에게 최상의 온라인 경험을 제공하기를 원한다는 사명을 분명히 했습니다. 즉, 사용자 경험을 극대화하는 사이트를 선호한다는 의미입니다. 지난 몇 년 동안 사이트 로드 시간은 중요한 순위 요소였습니다. 즉, 로드 시간이 빠른 사이트가 느린 사이트보다 순위가 더 높습니다.

검색 엔진에서 순위를 높이고 사용자에게 더 나은 경험을 제공하려면 사이트의 로드 시간을 최소화하기 위해 가능한 모든 조치를 취해야 합니다. 그렇게 하는 가장 좋은 방법이자 가장 먼저 시작해야 할 일은 로드 속도 에 맞게 웹사이트의 이미지 를 최적화하는 것 입니다.

이미지 크기 조정

이미지의 "크기"에 대해 생각하는 두 가지 방법이 있으며 둘 다 로딩 시간에 영향을 줄 수 있습니다. 첫째, "크기"는 이미지에 포함된 데이터의 양을 나타낼 수 있으며 킬로바이트(Kb) 또는 메가바이트(Mb)로 표시됩니다. 둘째, 100%로 보았을 때 이미지의 물리적 치수를 나타낼 수 있습니다.

이미지에 포함된 데이터의 양은 로드 시간에 영향을 미치는 가장 중요한 요소입니다 . 이미지에 데이터가 많을수록 브라우저가 서버에서 해당 데이터를 수신하고 처리하는 데 더 오래 걸립니다. 1Mb 이미지와 200Kb 이미지의 차이가 별로 없어 보일 수 있지만 모든 이미지가 너무 큰 경우 사용자의 로드 시간에 미치는 영향은 엄청날 수 있습니다.

초대형 물리적 치수를 가진 이미지는 더 많은 양의 데이터가 있는 이미지입니다. 해상도(PPI 및 DPI)를 무시하더라도 크기가 큰 이미지는 물리적으로 작은 이미지보다 파일 크기가 더 큽니다. 전송해야 하는 엄청난 양의 데이터로 인해 속도가 느려지는 것 외에도 로드 시간은 웹사이트에서 이미지를 축소하는 데 걸리는 프로세스의 영향을 받을 수 있습니다.

따라서 이미지 크기를 보다 효율적으로 조정하는 것이 중요합니다 . 물리적 치수 및 파일 크기 측면에서 이미지 크기를 조정하는 몇 가지 쉬운 방법이 있습니다.

• Adobe Photoshop, Microsoft Paint 또는 이미지 편집 소프트웨어를 사용하여 이미지의 물리적 크기를 줄이십시오. 너비 대 높이 비율을 동일하게 유지하되 두 품질을 모두 줄이십시오.
• Picresize.com과 같은 무료 온라인 이미지 리사이저에 이미지를 업로드하고 더 작은 버전의 이미지를 다운로드하여 사용할 수 있습니다.
• Photoshop에서 이미지 처리 스크립트를 작성하는 것과 같이 자동화된 도구를 사용하여 모든 이미지의 크기를 한 번에 조정합니다.

사이트에 있는 많은 이미지가 다른 용도로 사용되기 때문에 이미지에 대한 단일 "이상적인" 크기는 없지만 일반적으로 다음 모범 사례에 주의를 기울이는 것이 좋습니다.

• 블로그 이미지는 블로그 너비보다 넓어서는 안 됩니다(따라서 블로그 너비가 700픽셀인 경우 이미지는 너비가 700픽셀 이하여야 하며 동일한 비율을 유지해야 함).
• 사람마다 선호하는 것이 다르지만 대부분의 블로그에는 60-70%의 품질 범위가 적절해 보입니다.
• 이미지의 파일 크기를 늘리지 마십시오. 그것은 흐릿함과 거친 느낌으로 이어집니다.
• 원본의 사본을 보관하십시오. 이렇게 하면 편집해야 하는 경우 계속 사용할 수 있습니다.

CMS가 자동으로 이미지 크기를 조정하더라도 크기가 중요한 이유

인터넷 브라우저가 이미지가 포함된 사이트에 도달하면 먼저 업로드한 전체 크기 이미지를 로드합니다. 그런 다음 페이지에 맞게 이미지 크기를 줄여야 한다는 사실을 처리하여 이미지를 페이지의 일부로 다시 로드합니다. 이미지의 처리된 버전만 로드하여 시간을 절약하는 대신 사용자의 브라우저는 실제로 이미지를 두 번(전체 크기 버전에 대해 한 번, 피팅 버전에 대해 한 번) 로드합니다. 따라서 어떤 경우에도 웹사이트에 적절한 크기의 이미지를 업로드하는 것이 중요합니다.

적절한 형식 사용

이미지에 사용하는 형식의 유형도 중요합니다. 대부분의 사람들은 이미지용 JPG 파일 형식이 최고 품질과 가장 관련성이 높은 형식 중 하나이기 때문에 익숙합니다. 또한 큰 고품질 이미지용으로 제작되었기 때문에 파일 크기가 가장 큰 경향이 있으므로 웹사이트에 더 작은 파일 형식을 사용하는 것을 피할 수 있다면 로드 시간을 줄일 수 있습니다.

예를 들어 GIF 파일 형식은 투명도를 지원하고 애니메이션을 적용할 수 있지만 256색만 지원합니다. 색상 및 정의 제한으로 인해 자연스럽게 더 작은 형식입니다. 제품 이미지나 대표 사진에 GIF를 사용하고 싶지는 않겠지만 사이트의 작은 아이콘이나 배지에는 확실히 고려해야 합니다. 많은 양의 데이터를 저장하지는 않지만 모든 작은 비트가 중요합니다.

PNG는 무손실 압축 시스템을 갖추고 있기 때문에 일반적으로 JPG보다 큰 형식입니다. 즉, 몇 번을 저장하더라도 데이터 무결성이 손실되지 않습니다. JPG는 저장할 때마다 데이터 무결성이 손실되지만 파일 크기가 훨씬 작기 때문에 여전히 고품질 이미지에 선호되는 파일 형식입니다. 그러나 PNG는 메뉴 이미지와 같은 작은 이미지에 유용할 수 있습니다.

다른 이미지 형식도 존재하지만 웹사이트가 최대한 빨리 로드되도록 하기 위해 이해해야 하는 핵심 요소입니다.

메타 데이터 제거

데이터는 이미지 로드 시간을 결정하는 가장 중요한 요소입니다. 그러나 사진에는 일반적으로 실제 이미지를 반영하는 것보다 더 많은 데이터가 포함되어 있습니다. 사진을 찍은 날짜와 시간, 편집 기록과 같은 메타 데이터도 이미지에 저장되어 로딩 시간을 방해할 수 있습니다.

이 데이터는 특히 전문 사진 작가인 경우 유용할 수 있지만 사이트의 이미지를 최대한 간결하게 만들려면 이 관련 없는 메타 데이터를 제거해야 합니다 .

이를 수행하는 몇 가지 방법이 있습니다. 가장 간단한 방법은 해당 이미지를 마우스 오른쪽 버튼으로 클릭하고 "속성"을 클릭한 다음 하단에 있는 "속성 및 개인 정보 제거" 버튼을 클릭하는 것입니다.

모든 작업을 수행하는 QuickFix와 같은 자동 도구를 다운로드할 수도 있습니다. Image Metadata Cruncher와 같이 기존 사이트의 모든 이미지에서 메타 데이터를 제거할 수 있는 WordPress 플러그인 및 기타 웹 기반 도구도 있습니다.

일관성 유지

속도를 위해 현재 사이트의 이미지를 최적화하면 훨씬 더 나은 위치에 있게 될 것이지만 여전히 명확하지 않습니다. 사이트에 업로드된 모든 새 이미지가 속도 기준을 충족하는지 확인하려면 반복 가능한 프로세스를 구현하고 실행해야 합니다. 업로드하는 모든 이미지에 대해 다음 체크리스트를 실행해야 합니다.

• 이미지의 크기가 적절합니까?
• 적절한 형식으로 되어 있습니까?
• 관련 없는 메타 데이터를 모두 제거했습니까?

이미지를 일관되고 빠르게 유지하는 것이 사이트 로드 시간을 줄이고 사용자에게 최상의 경험을 제공하는 가장 좋은 방법입니다.

사용할 로열티 프리 법적 이미지를 찾는 방법

웹 사이트나 블로그에 풍부한 고품질 이미지를 포함하기 위해 전문 사진 작가나 그래픽 아티스트가 될 필요는 없습니다. 귀하의 콘텐츠에 가치와 흥미를 더하는 그래픽 이미지 종류에 대한 수백 가지 소스가 인터넷에 있으며 로열티 무료로 쉽게 사용할 수 있습니다.

이미지 유형

사이트의 이미지를 찾기 전에 찾고 있는 것이 무엇인지 아는 것이 도움이 됩니다. 로열티 프리 이미지를 제공하는 많은 웹사이트는 다양한 이미지 유형을 제공하고 다른 웹사이트는 사진, 애니메이션 또는 벡터를 전문으로 합니다. 이러한 유형의 이미지는 익숙할 수 있지만 법적 및 사용상의 의미는 생소할 수 있습니다.

대부분의 웹사이트는 스톡 이미지를 제공 합니다. 필요한 모든 사람이 사용할 수 있도록 널리 사용되는 사진 및 그래픽입니다. 그것들은 일반적이거나 매우 구체적일 수 있습니다. 좁은 검색 정의를 사용하면 찾고 있는 것을 정확히 확대하고 사용자에게 이미 친숙한 이미지를 사용하지 않도록 할 수 있습니다.

스톡 이미지는 로열티 프리와 관리 사용의 두 가지 주요 범주로 나뉩니다.

로열티 프리 이미지

로열티 프리가 이러한 이미지를 무료로 사용할 수 있다는 의미는 아닙니다.

이 용어는 초기 라이선스 비용을 지불하면 누구나 인터넷에서 이러한 영상을 무료로 사용할 수 있음을 의미합니다.

명목상의 요금을 지불하면 기간과 프로젝트 또는 애플리케이션 수에 관계없이 이미지를 무제한으로 사용할 수 있습니다.

로열티 프리 이미지 는 귀하가 권리를 구매한 웹사이트 의 사용 약관의 적용을 받으므로 적용되는 제한 사항에 대해 자세히 알아보려면 작은 글씨를 주의 깊게 읽으십시오.

관리 사용 이미지

이러한 유형의 이미지를 권한 관리 이미지라고도 합니다. 일반적으로 이러한 이미지는 매우 전문화되어 있으며 이를 생성하거나 제공하는 한 명의 아티스트, 사진가 또는 ​​아티스트 그룹이 있습니다. 구매자는 제한된 시간 동안 이러한 이미지를 사용할 수 있는 권한을 얻습니다. 또한 사용 방식, 위치 및 응용 프로그램 수에 대한 추가 제한이 있을 수 있습니다. 다시 말하지만, 어떤 일을 하기 전에 웹사이트의 작은 글씨, TOS 및 FAQ를 읽으십시오.

저작권 규칙

저작권법은 창작 순간부터 모든 창작물에 적용됩니다. 모든 음악, 시각 예술, 저작물 및 그 창작자는 160개 참여 국가의 저작권법과 미국 저작권법의 보호를 받습니다. 이것은 인터넷에서 찾은 모든 비디오, 사진 또는 이미지에 적용됩니다. 침해라고도 하는 저작권 위반은 고의적 범죄일 필요는 없습니다.

침해 방지

저작권 침해로 간주될 수 있는 두 가지 방법이 있습니다. 즉, 이미지 작성자의 권리를 침해하거나 이미지에 대한 법적 권리자의 권리를 침해할 수 있습니다.

특히 다음과 같은 경우 법적 저작권을 위반하는 것입니다.

• 이미지나 기타 저작물의 일부 또는 전부를 무단으로 사용하는 행위
• 이용약관에 명시된 범위를 벗어난 이미지 사용
• 라이선스 계약에 명시된 것 이상의 이미지 사용
• 창작자 또는 법적 저작권자의 허가 없이 다른 매체에 이미지를 적용하는 행위
• 다른 아티스트나 사진작가에게 동일한 이미지를 재현해 달라고 요청하세요.

유죄로 간주되기 위해 위반에 직접 관여할 필요는 없습니다. 위반 사실을 알고 있거나, 다른 사람이 귀하를 대신하여 저작권을 위반하도록 조장하거나, 게시하거나 사용할 법적 권한이 없는 다른 출처의 이미지를 고의 또는 무의식적으로 사용하는 경우에도 위반으로 간주될 수 있습니다. 문제의 이미지.

그렇기 때문에 웹 페이지나 블로그에서 사용할 사진이나 기타 그래픽을 얻을 때 이미지의 출처 를 알고 평판이 좋은 웹사이트와 거래하는 것이 중요합니다. 평판이 좋은 출처에는 무료 또는 소액의 법적 보호가 포함됩니다. 이러한 보호는 라이센스 계약에서 면책 또는 법적 보증이라고도 합니다.

이미지를 검색할 때 다음과 같은 경우 공급업체에 문의하십시오.

• 이미지에 라이선스를 부여할 수 있는 권한이 있어야 합니다.
• 이미지에 대한 파일 모델 또는 재산권 사용 동의서 보유
• 분쟁 이미지의 경우 추가 법적 보호 제공
• 사용을 위해 제공하기 전에 상표 등록된 항목과 같은 위험한 이미지를 식별하는 프로토콜을 마련하십시오.

법적으로 로열티 없는 이미지를 얻는 방법

사용할 수 있는 고품질 이미지에 대한 여러 소스가 있습니다. 가장 일반적인 두 가지는 스톡 사진과 크리에이티브 커먼즈 라이선스 콘텐츠입니다.

스톡 사진

스톡 사진을 찾을 수 있는 수백 개의 웹사이트가 있습니다. 이 옵션의 유일한 단점은 무료로 제공되는 일부 이미지가 인쇄 품질이 아니라는 것입니다. 이들 중 다수는 또한 광범위하게 분포되어 있습니다. 그러나 대부분은 기본적인 웹사이트 사용에 적합합니다. 무료 클립 아트 또는 스톡 사진에 대한 일반 검색을 수행하여 스톡 사진을 보관 및 배포하는 웹 사이트 목록을 찾으십시오. Some of the websites that supply stock photos require a small membership fee, then allow a certain number of images to be used royalty free for the duration of the membership. Each websites is different, so browse around for the best .

Once you've found a source for images, use very specific terms in the site's search box or browse the categories to weed out images that have already saturated the web. The sites that carry them typically already have them licensed for general use. Otherwise, the creator of the image simply needs to be notified about how and where the image will be placed. On rare occasions they're available only for non-commercial use.

Creative Commons Content

Creative Commons is a non-profit organization that provides a way around paying outright for copyrights and licensing. It's the least expensive and most common source for high quality photos and graphics. You can either use websites such as Flickr, which contain a high volume of CC-licensed images, or you can filter a search to specify “CC-licensed only” images.

There are different use requirements for Creative Commons content, but usually they're limited to providing credit or a link back for the source. Clicking on the image itself will lead to information about any limitations or conditions for use.

Other Options

Another source of royalty free images is to find those that are considered to be in the public domain. Public domain means that the photos or images have passed the end date of the original term of the copyright, and the rights haven't been reissued.

Most of these type of websites are government or education sites, like NASA's website. You'll know them by the suffix .gov or .edu; unless otherwise stated on the photo, the images on these sites are for public use. There will be a copyright notice on or below the photo, but always click on the image to check if permission is required for its use.

Getty Images now allows use of up to 35 million of their images, as long as they are for non-commercial purposes on a blog or personal website. This site consists mainly of news images that are high quality and are not normally available from other sources without payment.

A strong image creates a visual impact that generates interest and draws readers in. However, the image you choose should be relevant to your content and add value, rather than detract from your message or intent. Powerful visuals and strong content go hand in hand to help create a user experience that sets your website or blog ahead of the rest of the pack.

Optimizing Your Images

Optimizing your images for SEO is still an important element of any search marketing strategy. But the most effective tactics and the target end results have changed. In the modern world, you'll be optimizing your images for three reasons; to improve user experience, to get your images found using Google Image Search, and to decrease your page loading times.

Optimizing Images for User Experience

Your first goal is to optimize your images to maximize user experience. While the experience of your users is qualitative, and does not directly influence your search rankings, Google does take user behavior into consideration. If you have better images, you'll have lower bounce rates, and lower bounce rates means you'll enjoy a higher authority.

Image Inclusion

Your first step is to include images wherever you can. That doesn't mean stuffing images into every nook and cranny of your website, but it does mean having at least one significant image for every major post on your blog. Without images, your site will appear bland, and people will be less willing to read your content or stick around.

Image Appropriateness

Next, you'll have to make sure your images are appropriate for your content. It isn't enough to pair a picture of a hamburger with an article about cat behavior simply because you “needed” an image. Your images should be appropriate to the content they're intended for, and if possible, they should be original. This will keep users on your page for longer, which can improve your authority.

Image Captions

As an added measure, it's a good idea to include captions with your images. While image captions won't necessarily help your images rank higher in a search, they will help users understand why you've chosen specific images for your posts, which leads to an overall better user experience.

Optimizing Images for Image Search

Next, you'll have to take some measures to optimize your images so that they appear higher up in Google Image Search results. While Image search gets less attention than Google's traditional search function, it can be a source of significant organic traffic.

Appropriate Alt Text

While the Panda update seriously cracked down on the overuse of keywords, including one or two keywords in your alt text can still help you rank for target queries. To add alt text, add alt=”example text here” to your image's tag, where “example text here” stands in for your keyword-optimized description. Just be sure that your description is appropriate to the actual image content.

Appropriate File Name

In addition to an alt tag, you'll want to make sure your image is titled appropriately. For example, if you're using that hamburger picture from earlier, titling it “Delicious looking hamburger” is much more appropriate than “Broken ukulele.” This title will clue Google in to the image's content, and will help it appear in more relevant searches.

Adding Images to Your XML Sitemap

As a final tactic, be sure to include all your images in your XML sitemap. Google peruses your sitemap to learn how your site is laid out and to discover new content on your site, so make sure it is updated regularly. Otherwise, your images will be harder to find, which could negate the effectiveness of your other strategies.

Optimizing Images for Site Speed

Finally, you'll want to optimize your images for speed. The loading time of your site plays a pivotal role in your search rankings, especially in mobile searches, and your images are one of the biggest factors in how fast your site loads. Keeping your images loading quickly will increase your domain authority, and therefore increase your ranks.

Appropriate File Type

Choosing the right file type is easy, and can help make sure your images load quickly on user devices. JPG format is the modern standby, and should give you no issues, with PNG format being a close runner-up. Any other file types for your images should probably be converted, unless you have an animated GIF.

Reducing File Size

Next, you'll want to reduce the file size of your images. While super high-resolution files might look nicer when printed out, it isn't going to make much of a difference on a small digital screen. Shrink your images as much as you can while retaining high quality to reduce the file size , which collectively can drastically decrease your page loading times.

Stripping Meta Data

As a secondary means of reducing the time it takes to load images, you can strip your photos of meta data. Most images have information like the date it was created stored in the image file, but you can delete this by heading to image Properties > Details, and clicking “Remove Properties and Personal Information.” This will make the file smaller with no changes to the image itself.

결론

Once all the images on your site are optimized for search, you should start to see far more organic search traffic coming in. With a higher domain authority from decreased site speed, you'll rank higher for relevant keywords, you'll gain extra traffic from image-based searches, and your users will be more likely to stick around if you have eye-catching, well-captioned images. The bottom line is that while it isn't completely necessary, it is incredibly valuable, and you'd be remiss in neglecting the optimization of your onsite images.