Google 이미지 가이드라인, AMP 규칙 및 구조화된 데이터 이미지

게시 됨: 2017-10-26

새로운 Google 이미지 가이드라인, AMP 규칙 및 구조화된 데이터 이미지 추가

2020년 8월 28일 최종 업데이트

시각적 검색의 발전은 이미지가 사이트에 추가되는 방식과 모든 형태의 시각적 콘텐츠를 형성하고 있습니다.

모든 광고의 주요 목표는 광고를 보는 개인이 제공되는 제품이나 브랜드를 빠르게 인식하고 일치시킬 수 있도록 돕는 것입니다. 오늘날에는 표준 웹사이트 이미지 크기보다 더 많은 것을 고려해야 합니다. Google에 따르면 그들은 권위 있는 페이지의 Google 이미지 결과를 제공하려고 합니다.

또한 사람들은 먼저 행복한 얼굴의 이미지에 끌립니다. 텍스트 두 번째. 비주얼은 사진 크기 요구 사항, 이미지 무게 요구 사항 및 결과 중심 마케팅을 위한 적절한 구조화된 데이터 구현 을 포함하는 기술적 SEO 요소와 결합되어야 합니다. 예를 들어 허용되는 레시피 스키마의 새 이미지 크기는 최소 185px x 185px입니다. 사이트 방문자는 이미지가 있는 페이지를 선호하지만 이전에는 이미지가 없는 페이지가 허용되었습니다. 이제 Google은 "모든 페이지에는 최소한 하나의 이미지가 포함되어야 합니다(마크업 포함 여부에 관계없이)"라고 말합니다. 그리고 추천 스니펫을 얻으려면 따라야 할 새로운 이미지 치수 제안과 함께 구조화된 SEO 접근 방식이 필요 합니다. 새로운 Google 이미지 가이드라인, AMP 규칙을 준수하고 구조화된 데이터 이미지 삽입을 수정합니다.

이 기사를 작성하는 목적은 주로 Google의 이미지 가이드라인과 Accelerated Mobile Pages(AMP) 이미지 가이드라인에 중점을 두고 있습니다. 이것은 이미지를 선택하는 방법과 웹사이트의 콘텐츠 및 디지털 마케팅 요구 사항에 맞게 이미지를 최적화하는 방법에 대한 세부 정보를 요청하는 많은 웹마스터 및 사이트 소유자에 대한 응답입니다. 우리는 특히 모바일 우선 세계에 대한 광고 와 관련된 일반적인 이미지 질문에 답변합니다.

알아야 할 가장 중요한 이미지 지침은 무엇입니까?

* 이미지는 2020년 5월 26일 기준 높이가 800px인 경우 너비가 1200픽셀 이상이어야 합니다. 수학 문제입니다.

* 모든 페이지에는 최소한 하나의 이미지가 포함되어야 합니다(마크업 포함 여부). Google은 가로 세로 비율과 해상도를 기준으로 검색 결과에 표시할 최상의 이미지를 선택합니다.
* 이미지 URL은 크롤링이 가능하고, 의미가 있고, 게시물과 관련이 있고, 색인을 생성할 수 있어야 합니다.
* 이미지는 마크업된 내용을 나타내야 합니다.
* 이미지는 전자상거래 스키마에 대한 JSON-LD 구현을 위해 BMP, GIF, JPEG, PNG, WebP 및 SVG 형식이어야 합니다. 개발자는 이미지를 데이터 URI로 인라인할 수도 있습니다. 데이터 URI는 img 요소의 src를 Base64로 인코딩된 문자열로 설정하여 이미지와 같은 파일을 인라인으로 포함하는 방법을 제공합니다.

* 최상의 결과를 얻으려면 16×9, 4×3, 1×1 종횡비 중 하나를 사용하여 여러 개의 고해상도 이미지(폭과 높이를 곱할 때 최소 800,000픽셀)를 제공하십시오.

Google은 언제든지 이미지 요구사항 및 가이드라인을 업데이트할 수 있습니다. 필요할 때 피벗할 수 있는 민첩한 마케팅 계획을 유지하십시오. URL 검사기와 새로운 보고서를 사용하여 Google Search Console Insights 에서 AMP 이미지 크기 오류를 찾으세요.

Google 및 기타 검색 엔진이 이미지 검색을 계속 확장하는 방식은 이미지 팝업을 표시하는 SERP에 포함된 URL 롤오버에 반영됩니다. 느린 로딩, 무겁거나 형식이 잘못된 이미지는 핵심 성능 보고서에서 종종 문제가 됩니다 . 귀하의 사이트에서 이미지를 사용하는 방법은 귀하의 호의적인 모바일 검색 결과 에 중요합니다. 사람들이 계속해서 이미지가 로드되기를 바라는 것은 원하지 않습니다. 완전히 풀릴 수 있습니다.

웹 페이지에서 추천 이미지를 어디에 배치해야 합니까?

비즈니스 세계가 무엇인지에 대한 요점을 파악하는 비주얼 마케팅

이미지가 비즈니스 성장에 어떻게 도움이 됩니까?

품질이 낮은 이미지는 브랜드에 좋지 않은 영향을 미칩니다. 고품질 이미지는 소비자에게 브랜드가 개인적이고 신뢰할 수 있음을 전달합니다. 이미지를 현명하게 사용하면 많은 수의 웹사이트 방문자를 유도할 수 있습니다. 매력적인 이미지는 사회적 공유 및 브랜드 상호 작용을 장려하고 궁극적으로 비즈니스 목표를 달성하는 데 도움이 됩니다.

강력한 시각화를 제공하는 이미지 작업은 사이트 방문자가 귀하의 비즈니스 및 제품을 식별하는 데 도움이 됩니다. 관련성 있고 흥미롭고 감정적으로 매력적인 이미지는 비즈니스 성장을 위한 중요한 미디어 자산입니다 . 일부 디지털 마케터는 이미지가 감정적 경험을 생성하는 방식에 접근해야 하는 복잡한 요구와 함께 이미지 사용에 대한 새로운 지침이 등장함에 따라 이를 벅차게 생각합니다. 온라인 제품 페이지 및 서비스에 대한 이미지 선택은 아래 정보로 시작할 수 있습니다. 잘못된 선택을 하지 않도록 보호하고 장기적으로 시간, 벌금 또는 스키마 제품 마크업 패널티 를 절약할 수 있습니다.

올바른 기업 이미지를 찾기 위해 열심히 노력했고 이제 기업 이미지를 활용하여 비즈니스 브랜드의 가시성과 수익을 늘리고 싶다고 가정해 보겠습니다. 이전에 알지 못했다면 최신 이미지 사양, 규칙 및 경고에 대해 알아야 할 때입니다. 검색 결과를 향상시키기 위해 수백 개의 별 5개 의료 리뷰를 얻었 지만 여전히 열심히 일하는 이미지가 필요합니다.

Google 이미지에 대한 IPTC 메타데이터 지원의 Google Rolls

"Google, 사진 산업 컨소시엄 CEPIC 및 뉴스 미디어의 글로벌 기술 표준 기구인 IPTC 간의 협력의 일환으로 이제 Google 이미지에서 권한 관련 이미지 메타데이터에 액세스할 수 있습니다." - Google*******

따라서 2018년 9월 27일부로 Google은 "Google 이미지의 이미지에 표시될 때마다 Creator 및 Credit 메타데이터를 추가"했습니다. 또한 저작권 고지 메타데이터가 향후 제공될 것이라고 밝혔습니다.

Google AdWords 광고용 이미지 사양

이미지 광고는 널리 사용되는 제품 전반에 걸쳐 쇼핑객의 관심을 사로잡습니다. 약 2백만 개의 웹사이트와 앱으로 구성된 Google의 방대한 디스플레이 네트워크 내에서 식별된 대상이 올바른 이미지를 볼 수 있습니다. 따라서 이미지가 가까이에서 멋지게 보이고 빠르게 로드되기를 원합니다.

이 이미지 사용 시나리오에는 치수 및 중량 사양이 모두 있습니다. AdWords 계정 관리자 는 AdWords 에디터를 통해 지정된 이미지 크기의 방대한 선택에서 이미지 광고를 업로드할 수 있습니다. 현재 모든 AdWords 이미지 광고의 이미지 크기 제한은 150KB입니다. 현재까지 Words Editor는 고해상도 디스플레이 장치에 대해 이중 크기 이미지(예: 512 x 45 광고 슬롯의 경우 1024 x 90 이미지)를 지원하지 않습니다.

때때로 우리는 광고 그래픽 작업을 누군가에게 계약하는 것보다 Google 디스플레이 광고 크기에 맞게 이미지를 디자인하는 것을 선호하는 팀과 협력합니다. 이 경우 그래픽 디자이너에 대한 명확한 지침에는 최종 제품이 JPEG, SWF, PNG 또는 GIF 형식이어야 한다는 통지가 포함되어야 합니다. 현재 이러한 형식은 PPC 광고에 사용할 수 있는 유일한 형식입니다.

광고가 휴대기기에 표시되는 방식을 염두에 두고 대부분의 사용자가 클릭하는 배너 이미지 형식으로 시작하세요. 일부 요구사항은 이미지 오버레이 광고 및 HTML5 광고에도 적용됩니다. PPC 전문가는 필요한 이미지 사양과 A/B 테스트를 통해 모바일 참여가 이미지 콘텐츠에 의해 영향을 받는 방식을 보여주는 사양을 알게 될 것입니다.

이미지는 이미지 광고 확장을 사용할 때 특정 광고그룹에서 찾은 모든 키워드와 광고를 대표해야 합니다. 또한 제품 이미지는 변환할 수 있을 만큼 충분히 높아야 합니다.

경고: 기업은 Google이 사용자를 보호한다고 생각하는 경우 Google의 허위 진술 경고를 받을 수 있습니다. 텍스트가 있는 이미지는 준수해야 합니다. Google 광고 플랫폼에서는 "관련 정보를 제외하거나 제품, 서비스 또는 비즈니스에 대한 오해의 소지가 있는 정보를 제공하여 사용자를 속이려는 광고 또는 대상을 허용하지 않습니다."라고 명시하고 있습니다.

가능하면 이미지 URL의 이름을 처음부터 올바르게 지정하십시오.

"포함된 이미지와 관련하여 URL의 변경 사항이 확인되면 먼저 해당 이미지를 다시 크롤링하고, 다시 처리하고, 색인을 다시 생성하고, 이미지 검색을 위해 모두 다시 준비해야 합니다." – 구글의 존 뮬러

AMP 페이지에 대한 이미지 가이드라인

AMP 랜딩 페이지 는 미디어 쿼리와 요소 쿼리를 모두 지원한다는 점에서 고급입니다. 뿐만 아니라 이미지와 같은 개별 요소의 레이아웃을 제어할 수 있는 고유한 내장 프로세스도 함께 제공됩니다. Google은 이제 웹마스터가 이미지 종횡비 측면에서 생각하도록 권장합니다. 종횡비는 특정 이미지의 너비와 높이 사이의 비례 관계입니다. 일반적으로 x로 구분된 두 개의 숫자로 표시됩니다(예: 16 x 9 또는 4 x 3). 종횡비를 사용하여 사진을 조정하면 이미지의 해상도가 그대로 유지됩니다.

페이지 및 게시물의 AMP 버전에 대한 반응형 이미지

AMP의 반응형 이미지의 경우 "너비와 높이가 amp-img의 정확한 너비와 높이와 일치할 필요는 없습니다. 이러한 값은 동일한 종횡비를 나타내기만 하면 됩니다. 예를 들어 너비=”900″ 및 높이=”675″를 지정하는 대신 설명서에 따라 너비=”1.33″ 및 높이=”1″을 지정할 수 있습니다. 자신만의 고유한 이미지를 얻기 위해 전문 사진 작가를 고용한 경우 온라인에서 사용할 때 유연성이 있는지 확인하십시오. 사진가가 자르기를 원하는지 여부가 아닙니다. 사진을 잘라야 하는지 여부에 관한 것입니다.

AMP 레이아웃 설정에서는 이미지를 가져오기 전에 이미지의 가로 세로 비율이 필요합니다. 그러나 이미지의 크기를 알 수 없는 경우 필요한 이미지 가로 세로 비율을 유지하려면 AMP의 채우기 레이아웃을 object-fit CSS 속성과 결합하세요. 레티나 준비 이미지에 대한 srcset 속성을 추가합니다. x는 장치 픽셀 비율을 나타냅니다. 그런 다음 2px 비율의 장치에서 2x 이미지가 렌더링됩니다.

amphtml 에 의존하는 간단한 amp-img에는 고정된 너비와 높이가 지정됩니다. 작은 장치에서 더 큰 이미지를 사용하면 해당 이미지의 일부가 화면 밖에서 시각적으로 표시됩니다. AMP Ready 사이트는 이미지가 어떻게 확장되는지에 대한 예를 제공하며 AMP 레이아웃 관리자는 이를 쉽게 처리할 수 있습니다. AMP를 고려하지 않고 최대 너비를 100%로 설정하고 높이를 자동으로 설정하면 뷰포트가 너무 작아질 때까지 원본 이미지 크기가 사용됩니다. 그런 다음 더 작은 화면에 맞게 그래픽이 비율에 맞게 축소됩니다. AMP에는 이미지에 대한 추가 사고 과정이 필요합니다.

AMP HTML 런타임은 뷰포트 위치, 시스템 리소스, 대역폭 강도 및 추가 요소를 결정하여 리소스 로드를 지연하거나 우선 순위를 지정하는 것이 가장 좋은 시기를 알고 이미지 리소스를 관리하는 데 매우 효율적입니다. 애니메이션 GIF 이미지도 재생할 수 있습니다.

이미지는 지정한 고정 높이와 너비로 표시할 수 있습니다. 최소한 명시적인 너비와 높이가 포함되어야 합니다. 다양한 사이즈를 추가할 수 있는 것이 장점입니다. 그런 다음 layout="responsive" 를 추가하여 반응형으로 만듭니다. <amp-img> 는 자바스크립트 코드에 의존하므로 사용자가 스크립트를 비활성화하도록 선택하면 이미지가 표시되지 않습니다. 이 시나리오의 경우 <img> 및 <noscript> 를 추가하여 이미지에 대한 대체를 제공할 수 있습니다. Firebase의 예를 참조하세요.

“AMP-IMG는 이미지를 대체하는 AMP HTML입니다. AMP IMG는 꽤 스마트한 태그입니다. amp javascript 런타임은 연결, 뷰포트, 시스템 리소스 또는 기타 요소를 기반으로 이미지의 우선 순위를 지정합니다. 대부분의 이미지는 지연 로드됩니다. 즉, 보기로 스크롤할 때만 이미지가 로드됩니다.” – ampready.com

“AMP 페이지는 일반적으로 AMP 캐시에서 제공되므로 서비스 워커를 실행할 수 없기 때문에 첫 번째 클릭에서 가장 큰 Progressive Web App 이점을 얻지 못할 것입니다. 반면에 프로그레시브 웹 앱은 플랫폼이 (이미지가 풍부한) AMP 페이지를 안전하고 저렴하게 사전 렌더링할 수 있기 때문에 첫 번째 클릭에서 AMP만큼 빠를 수 없습니다." – 스매싱 매거진********

AMP 로고 요구 사항

사진 파일은 .jpg, .png 또는 .gif와 같은 래스터로 업로드해야 합니다. .svg 로고 이미지와 같은 벡터는 허용되지 않습니다.

로고에는 애니메이션이 허용되지 않습니다.

전체 워드마크 로고나 아이콘 로고 버전도 아닙니다.

그래픽은 읽을 수 있어야 하며 흰색 또는 밝은 배경이어야 합니다. 검정색 배경이 없습니다.

로고 크기는 직사각형이어야 하며 Google 비즈니스 목록과 같은 다른 용도를 위해 정사각형 버전을 저장해야 합니다.

AMP 로고는 60x600px 직사각형 안에 맞아야 합니다. AMP HTML 커뮤니티에서는 높이가 정확히 60픽셀(선호) 또는 너비가 정확히 600픽셀일 것을 권장합니다. 450x45px 로고의 예는 600x60px 직사각형에 맞는 것과 상관없이 허용되지 않는다고 명시되어 있습니다.

WordPress용 AMP 플러그인을 사용하는 경우 AMP 로고를 표시해야 합니다. 그렇지 않으면 현재 일반적으로 기사 스키마를 블로그 게시물 스키마로 변환하는 AMP 페이지에서 구조화된 데이터 구현 오류가 발생할 수 있습니다.

AMP 캐러셀을 사용하는 모바일 이미지 갤러리

많은 사람들이 Accelerated Mobile Pages에서 이미지 갤러리 페이지 요소가 크게 제한된다는 소문을 들었습니다. amp-carousel 구성 요소가 이미지 갤러리에 이상적일 수 있기 때문에 이것은 사실이 아님을 밝혀야 합니다. 특정 기술만 필요합니다. 캐러셀은 높이 속성을 미리 명시해야 합니다. 표시된 이미지와 캡션이 다양한 크기와 길이로 전송되는 경우 어려울 수 있습니다. AMP 개발자들은 이 문제를 해결하기 위해 열심히 노력했습니다.

AMP 이미지 캐러셀의 올바른 설정에는 다음이 포함됩니다.

amp-fit-text 구성요소를 사용합니다.
캐러셀 구성요소를 페이지 헤더로 가져옵니다.
앰프 선택기 구성 요소를 사용하는 방법에 대한 지식.
amp-bind 구성 요소를 통합합니다.
스타일 업데이트를 수신하려는 경우 표준 CSS와 함께 amp-image-lightbox 구성요소를 활용합니다.

AMP 이미지 갤러리에는 이미지를 오버레이하는 캡션이 있고 썸네일 이미지를 이미지 선택을 위한 미리보기로 사용할 수도 있습니다.

프로그레시브 웹 앱용 AMP 히어로 이미지

페이지의 첫 번째 영웅 이미지와 해당 AMP 헤드라인을 미리 렌더링할 수 있으므로 사이트 방문자가 스크롤 없이 볼 수 있는 부분에 있는 콘텐츠를 즉시 볼 수 있습니다. 웹 개발 커뮤니티를 팔로우하고 있다면 PWA(프로그레시브 웹 앱)가 포함된 AMP에 대해 읽었을 가능성이 있습니다. 매우 고급스럽고 몰입도가 높은 기본 앱과 경쟁하고 풀 블리드 이미지인 "Retina"를 사용하는 웹 경험을 설명하는 주요 용어입니다. 모바일 연결에서 사용자는 평균 300밀리초의 대기 시간에 직면합니다. 여기에서 AMP 이미지를 로드하면 제한된 대역폭이나 열악한 신호 연결과 같은 다른 제약을 극복할 수 있습니다.

사용자와 리치 콘텐츠 사이에 발생하는 지연을 완화하세요. GitHub의 크리에이티브 커먼즈는 많은 이미지 요소 유형 애플리케이션 LD JSON 예제를 제공합니다.

기능 향상 등을 위해 지연 로딩 이미지를 사용하여 서버에서 기본 레이아웃을 미리 렌더링합니다. 프리랜스 프런트 엔드 성능 마법사를 고용하거나 참여해야 할 수 있습니다. 참을성이 없는 모바일 사용자는 앱을 초기화하는 동안 원하는 모든 이미지를 실제로 로드하는 데 1초 미만의 총 로드 성능 예산 에 직면하게 됩니다. 로드 속도와 관련하여 효과적인 SEO에 대한 진정한 도전입니다.

Google 구조화된 데이터의 이미지 사양

기사 및 뉴스 기사 이미지의 너비는 최소 1200픽셀이어야 합니다. 더 나은 가로 세로 비율에 맞게 최소 너비 1200px, 높이 800px의 이미지를 사용하는 것이 좋습니다. 디지털 마케팅은 주로 효율성에 관한 것이므로 스키마 마크업으로 콘텐츠를 더 스마트하게 만들 계획이라면 Google의 제안을 염두에 두고 이미지를 준비하세요. 그렇지 않으면 Search Console에서 또는 SDTT를 사용할 때 발견되는 스키마 경고가 나중에 오류가 될 수 있습니다.

예를 들어 산업별 스키마 및 지역 비즈니스 JSON-LD 코드는 올해 초 로고 이미지를 지정해야 한다는 요구 사항을 추가했습니다.

Google은 빠른 답변 상자, 그래프 또는 Google 뉴스와 같은 추천 검색결과에 표시되는 모든 이미지를 찾을 수 있다고 보장하지 않습니다. 그러나 요구 사항을 엄격하게 준수하고 제안 사항을 따르려고 하면 그래픽이 포함될 가능성이 높아집니다.

멋진 이미지를 선택하는 모든 작업을 마친 후에는 올바르게 표시되는 이점을 원할 것입니다.

예: 기사 → 이미지의 경우: URL 또는 대표 이미지 파일을 가리키는 URL 목록. 이미지는 최소 160×90픽셀, 최대 1920×1080픽셀이어야 합니다. 그렇지 않으면 검색 결과 페이지에 표시할 수 없습니다. 기사에 직접 속하는 마크업 이미지만 이 속성에 나열되어야 합니다. 적용 가능한 이미지가 여러 개 있는 경우 중요한 이미지를 가장 먼저 표시하여 모두 나열합니다. 한 단계 더 나아가 사이트 감사 및 Google Analytics 체크리스트를 다운로드 할 수 있습니다.

제품 이미지에 대한 이미지 사양을 철저히 준수

그래픽 이미지의 효과를 고려하십시오. 낙타 담배를 피우면 "멋져요"라는 매혹적인 이미지를 기억하십니까? 그런 다음 담뱃갑 뒷면에는 잇몸/구강 질환 또는 구강암과 같은 위험에 대한 사진 건강 경고가 있습니다. Google 검색은 페이지의 콘텐츠와 이미지를 더 잘 해석하는 데 목적이 있습니다. 적절한 이미지 스키마는 이미지의 의미와 페이지의 주제에서 이미지가 설명하는 방식에 대한 명확한 단서를 제공합니다. 많은 유형의 구조화된 데이터에는 페이지 콘텐츠를 분류하고 사용자 쿼리에 가장 적합한 항목을 반환하는 데 도움이 되는 페이지 이미지에 대한 정보 제공이 포함됩니다.

제품을 마크업할 때 Google은 2017년 9월 27일 다양한 가로 세로 비율의 이미지 배열을 선호한다고 명시하여 제품 검색 Google 개발자 *** 페이지를 업데이트했습니다. "최상의 결과를 얻으려면 가로 세로 비율이 16×9, 4×3 및 1×1인 여러 고해상도 이미지(너비와 높이를 곱할 때 최소 50K 픽셀)를 제공하십시오." 그러나 이미지 비율은 페이지와 게시물의 이미지가 Google 뉴스피드에 더 잘 표시되도록 하는 데 적합합니다. 또한 피드에 링크할 로고 이미지가 필요합니다.

“이미지 크롤링은 기사의 HTML 본문에 지정된 schema.org 이미지와 og:image를 고려합니다. 기사 옆에 썸네일 이미지로 사용하려는 이미지의 경우 schema.org 또는 og: image를 사용하여 이 선택을 명확하게 하는 것이 좋습니다.” - Google*

새로운 이미지 고정관념 지침이 이미지 구매자와 크리에이티브에게 중요한 이유

귀하의 온라인 존재는 성별, 연령 범위, 민족적 다양성, 혼합된 개인적 선호도, 종교적 및 정치적 배경을 아우르는 사람들을 포용하는 것에 대해 말하고 있습니까?

수년간의 마케팅 연구를 통해 시각 자료는 이를 수행하는 가장 효율적이고 성공적인 방법 중 하나임을 입증 했습니다. 비즈니스 또는 브랜드가 게시물 및 유료 캠페인에 사용하기로 선택한 사진은 일반적으로 대부분의 청중에게 가장 강력하게 반향을 일으키는 측면입니다. 더 많은 잠재고객에게 도달하고 브랜드를 보호 하려면 광고의 성 고정관념과 웹사이트의 이미지 사용에 대한 새로운 규칙을 숙지하는 것이 중요합니다.

ASA(Advertising Standards Authority)와 CAP(Committee of Advertising Practice)의 최근 보고서에 따르면 이미지가 자주 묘사하는 부정적인 성 고정관념에 대해 더 강력한 입장을 취해야 합니다. “2015년과 2016년 사이에 ASA는 여성과 남성의 묘사와 관련된 1,378건의 불만 사항을 고려했습니다. 이 중 465건이 남성의 묘사를 다룬 것입니다.” 웹에 최적화된 새로운 이미지 규칙이 많은 사람들에게 도움이 되는 이유에 대해 언급한 Amelia Tait에 따르면

이 연구는 또한 건강에 해로운 신체 이미지를 묘사하는 사진이 사용되는 경우 의료 웹사이트에 대한 광고 가 문제가 될 수 있다고 결론지었습니다. 결과는 환자 또는 사람들이 시각적 의료 정보를 검색하는 방식과 검색 상자에서 쿼리를 클릭하여 페이지의 텍스트를 읽는 방식을 보여줍니다.

최종 보고서 "Depictions, Perceptions and Harm"은 2017년 7월 18일에 게시 되었으며 광고의 성별 고정 관념에 대한 새로운 규칙이 남성에게도 유익한 이유 는 같은 날 Amelia에 의해 게시되었습니다. 그녀는 보고서를 인용하면서 "2019년까지 모든 모바일 검색의 절반 이상이 시각적 검색이 될 것"이라고 예측합니다.

이러한 추세를 확인하기 위해 GeoMarketing 의 부편집장인 Lauryn Chamberlain은 2017년 7월 25일자 기사에서 "2020년까지 검색의 약 50%가 이미지와 음성에서 나올 것"이라고 밝혔습니다. 검색 .

올바른 이미지 크기 및 메타데이터로 도달 범위 확장

Google 지도 로컬 팩에 가시성을 포함하려면 크기뿐만 아니라 무게와 같은 기타 요구사항에 주의를 기울여야 하며 메타데이터를 현명하게 사용해야 합니다.

"Facebook 광고용 이미지 가이드라인", "트위터 이미지 가이드라인", "소셜 미디어 이미지 가이드라인", "Amazon 제품 이미지 요구사항" 등에 이미 훌륭한 기사가 많이 있습니다. 여기에서 우리의 목표는 Google 검색과 Google Ads에 필요한 것에 집중하는 것입니다.

따라서 JSON-LD 요구 사항에 대한 것이든 성별 문제를 보호하기 위한 것이든 새로운 지침이 마련되면 최선을 다하고 브랜드의 긍정적인 접근 방식을 보여주는 이미지를 사용하는 것이 중요합니다. 이미지는 Google Now 카드도 지원 합니다. 이는 사회의 변화하는 관점을 존중하고 잘못된 이미지 크기 또는 메타데이터로 인해 발생할 수 있는 기술적 SEO 문제를 해결하는 데 모두 효과적입니다.

내 이미지가 다양성을 반영해야 합니까?

더 많은 청중이 공감할 수 있는 이미지로 다가갈 수 있도록 다양성을 반영하세요.

다양한 가족 및 비즈니스 역학을 특징으로 하는 광고의 비율이 눈에 띄게 증가했습니다. 군대에서와 같이 육체적으로 힘든 역할을 하는 남성과 여성이 함께 일하는 모습을 보여 준다면 많은 이야기를 할 수 있습니다. 같은 스포츠에 참가하는 남성과 여성, 또는 이벤트에서 인종적으로 다양한 군중.

성 평등과 개인이 할 수 있거나 할 수 없는 것을 묘사하는 것은 기업이 디지털 광고에 묘사해야 하는 필수 메시지 중 하나입니다. 이것은 그들이 최신 지침을 준수한 것에 대한 공로를 인정하고 현재 시장에 보다 호소력 있는 광고의 이점을 제공하는 데 도움이 될 것입니다.

이미지가 SERP 및 Google 뉴스피드에 표시되는 방식

나는 고객의 질문에 답하기 위해 게시된 게시물 중 하나를 찾고 있었습니다. 내 검색어 "유효한 JSON-LD 힐 웹 생성을 위한 이미지"는 수많은 이미지를 로드했습니다. 그러한 이미지 결과는 단지 우연에 불과합니까? 아니요. 이미지가 비즈니스 성장 전략 에 어떻게 기여할 수 있는지 최대화하려면 계획이 필요합니다.

브랜드가 Google의 지식 정보 , 비디오 스니펫, 뉴스 피드 및 기타 리치 스니펫에 표시되는 방식에 영향을 줄 수 있다면 비즈니스에서 더 강력한 온라인 인지도를 얻을 수 있습니다. 한 가지 눈에 띄는 것은 내 웹사이트의 색상 테마가 사용된 이미지 선택에 반영된다는 것입니다.

Google의 고급 이미지 기준 및 제안 사항을 염두에 두십시오.

Google 은 앱 캠페인의 이미지 요구사항을 간소화 하는 방법을 발표합니다.

2020년 후반에 시행될 예정인 Google Ads는 "크기 기반에서 비율 기반 이미지 사양으로 업데이트하여 크리에이티브 프로세스를 더 간단하고 효율적으로 만들 것입니다. 적격한 앱 캠페인 속성 및 형식에서 광고를 확장하려면 3가지 가로 세로 비율의 이미지만 업로드하면 됩니다."

또한 최대 이미지 파일 크기 제한이 상향 조정되어 150KB에서 5MB로 업데이트됩니다. 이것은 더 높은 품질의 자산을 지원합니다. PPC 플랫폼은 또한 "우리는 또한 승인된 파일 형식을 트리밍하고 GIF를 비활성화하고 .jpg 및 .png만 유지하여 창의적인 개발을 더 쉽게 할 수 있도록 합니다."라고 말합니다. 새로운 이미지 캐러셀이 등장하여 소비자가 관심을 가질 만한 제품을 빠르게 식별할 수 있습니다. 스키마 마크업은 이미지를 강조 표시 하며 제품 캐러셀에서 제품 이미지를 가져오는 데 유용할 수 있습니다. 또한 제품 페이지에서 의미적으로 관련된 단어를 사용 하면 판매 제품을 더 잘 설명할 수 있습니다.

최고의 이미지를 제공하기 위해 Google에서 제안하는 팁은 무엇입니까?

요구 사항을 충족하는 이미지를 선택하고, 새로운 고객을 유치하고, 클릭을 유도하고, 공유하고, 비즈니스 틈새 시장에서 자신이 리더임을 확신시키는 방법에 대한 팁:

이미지 색상은 로고를 보완해야 하고 로고와 경쟁해야 합니다.
크기는 대부분의 데스크탑 애플리케이션에서 수평이어야 합니다.
페이지의 주제를 잘 나타내는 이미지를 선택하십시오.
최종 사용자 참여를 향상시키는 자신을 반영하는 이미지를 선택하세요.
청중과 일치하도록 올바른 음색을 유지하십시오.
선택을 통해 브랜드 개성을 보여주세요.
이미지 소유권에 세심한 주의를 기울이고 적절한 크레딧을 제공합니다.

내 테마의 반응형 이미지가 지침을 충족합니까?

모든 사이트 테마에는 이미지를 표시하는 메커니즘이 있습니다. 모든 테마 개발자가 웹사이트에서 이미지를 사용하고 이미지 가이드라인을 변경하기 위한 모범 사례를 최신 상태로 유지하는 것은 아닙니다. 적극적으로 행동하십시오.

이미지는 거의 모든 요소보다 사이트 용량을 더 빨리 소모하기 때문에 하나의 단일 이미지가 업로드될 때마다 추가되는 이미지 크기 변형 의 수를 염두에 두십시오. 가장 먼저 알아야 할 사항 — 미디어 라이브러리에 업로드된 모든 이미지는 자동으로 더 작은 크기(픽셀 단위)의 여러 복사본(썸네일)을 생성하며 이것이 기본 WordPress 메커니즘입니다. 이러한 복사본의 품질은 이미지의 원본 크기와 설정에 따라 다릅니다.

비즈니스 소유자로서 지침을 준수하는 것은 궁극적으로 귀하에게 있으며, 부분적으로는 지식을 유지하고 해당 지식을 적용할 웹 디자이너, 디지털 마케팅 담당자 및 Google Ads 전문가를 고용하는 것입니다. 예를 들어, 권리가 없을 때 이미지에 로고의 워터마크를 추가해야 합니다. 누가 벌금을 물게 될까요?

크리에이티브 전문가와 웹 디자이너는 멋진 이미지를 만드는 것을 좋아합니다. 최고의 시각적 품질과 최고의 로드 시간으로 더 가볍고 빠르며 더 매력적인 이미지를 지능적으로 생성하고 제공하는 것은 약간의 압착처럼 느껴질 수 있습니다. 여전히 오늘날에는 추가 이미지 사양이 있는 Accelerated Mobile Pages를 구축 하는 웹 디자이너가 너무 적습니다. 우리는 가치가 높은 웹사이트 감사 에서 이미지 사용을 개선하는 방법을 항상 면밀히 검토합니다.

시각적 검색을 위한 이미지 최적화

더 많은 사용자가 검색어를 말하고 Google 이미지 검색을 사용함에 따라 Google 이미지 검색을 최적화하는 것이 중요합니다.

저자 마이클 밀러(Michael Miller)에 따르면 시각적 검색은 컴퓨터 비전과 소매 스키마 마크업 모두를 기반으로 하여 온라인 검색을 그 어느 때보다 더 우수하고 직관적인 방법으로 쇼핑하고 솔루션을 찾을 수 있도록 합니다. 2017년 10월 7일자 "Gartner's Top 10 Predictions for 2018 and Beyond" 기사 ]는 음성 검색과 결합된 이 마케팅 트렌드가 개인이 정보를 찾고, 구매 전 정보 조사를 수행하고, 새로운 제품 및 서비스를 발견하는 방식에 혁명을 일으키고 있다고 제안합니다.

이미지 예측은 웹사이트를 강제로 변경하기 때문에 주의할 가치가 있습니다.

* 2019년까지 전체 모바일 검색의 절반 이상이 시각적 검색 또는 음성 활성화가 될 것입니다.

* 2021년까지 시각 및 음성 검색을 지원 하도록 웹사이트를 재설계하는 얼리 어답터 브랜드는 디지털 상거래 수익을 30% 증가시킬 것입니다.

* 포토샵으로 쉽게 위조된 사진은 신뢰를 떨어뜨리는 원인이 됩니다. 상위 영화의 90% 이상이 "디에이징" 배우를 출시합니다.

* 페이지 로드 속도는 이미지 선택에 영향을 미치는 훨씬 더 중요합니다.

패턴 인식 및 기계 학습 방법의 발전은 이제 지능형 이미지 검색의 맥락에서 광범위한 응용 프로그램을 갖게 되었습니다. 더 많은 사람들이 원하는 것을 찾기 위해 Google 고급 검색을 사용하고 있습니다. Amazon과 eBay 모두 더 많은 이미지 검색을 준비하고 있습니다. eBay는 자사 제품을 위한 두 가지 새로운 AI 기반 시각적 검색 기능을 발표할 예정이며 Amazon은 이제 핵심 iOS 앱에 Image Recognition을 추가했습니다. Bixby Vision의 Visual Search를 통해 사람들은 단순히 카메라로 어떤 물체를 가리키고 나중에 온라인에서 유사한 물체를 검색할 수 있습니다****. 당신은 당신의 이미지가 끌어올릴 기회를 갖기를 원합니다. 귀하의 비즈니스는 새로운 수준의 마케팅 효율성을 얻을 수 있습니다.

이미지와 해당 페이지 모두 색인을 생성해야 합니다.

모바일 검색을 위해 사이트의 속성을 향상시키려면 많은 고려 사항이 있습니다. 이미지가 Google 이미지 검색에 포함되려면 웹 어딘가에 있는 이미지 이상이 필요합니다. 이미지 자체는 인덱싱할 수 있는 웹 페이지에 있어야 합니다. 실제 이미지 또는 이미지를 찾을 수 있는 첨부 페이지가 어떤 이유로 크롤링되지 않거나 색인이 생성되지 않으면 Google은 이미지 검색에 해당 이미지를 표시하지 않습니다.

Google 직원 John Mueller는 2018년 12월 25일 Google 웹마스터 도움말 이벤트에서 이에 대해 이야기했습니다. 그는 Google 이미지 검색에 존재하는 영구 이미지에 대한 불만 사항에 다음과 같이 답변했습니다.

웹 페이지 제거에 예상대로 작동하지 않는 문제가 있는 것 같습니다. 이미지를 Google 이미지에 표시하려면 이미지와 관련 방문 페이지의 색인을 생성해야 합니다. 방문 페이지가 제거된 경우(또는 제거 도구로 일시적으로 숨겨짐) 이미지도 표시할 수 없습니다. 내 의심은 여러 방문 페이지 URL이 관련되어 있으며(때로는 페이지의 URL에 미묘한 차이가 있어 찾기 어려울 수 있음) 그 중 하나는 제거되었지만 나머지는 여전히 색인이 생성되어 있습니다. 이 경우 다른 방문 페이지도 제거하도록 노력하십시오. 그러면 이미지도 표시되지 않습니다. 더 나아가 자신의 웹사이트에 있는 경우 이미지 URL을 제거할 수도 있습니다. 때때로 이것은 약간의 연습이 필요하지만 이미 한 버전을 제거할 수 있었던 것처럼 들리므로 관련된 정확한 URL에 "그냥" 집중하고 해당 URL도 정리하면 됩니다.

소비자는 필터 버튼을 사용하여 제품을 찾을 수 있습니다.

Google 이미지 검색은 이제 종종 필터 버튼을 제공합니다. 이는 이미지 검색 결과 바로 위에 나타날 수 있으며 특정 의미로 쿼리를 구체화하는 데 도움이 될 수 있습니다. 예를 들어 '빨간색 하이힐'을 검색할 때 검색 의도에 대해 이미 많은 정보를 지정했습니다. 그러나 "stiletto", "wedding", "prom", "cheap" 등과 같은 새로운 선택 옵션이 제공됩니다. JSON 마크업을 얼마나 잘 사용했는지는 제품 이미지에 대해 포함하는 데이터에 영향을 미칩니다.

Google introduced this feature in November 2020. Its intent to help people that Google Images to find products, be inspired orinformed as they search visually.

Image Alt and Title Tag Optimization

First let's define what an alt tag so that all readers have this understanding. From there, both the title and alt tag should (1) useful, (2) descriptive, and (3) relevant. Now for tips and alt text best practices:

The term “alt tag” is a short way to reference what's actually an alt attribute on an img tag. For each and every image that is uploaded to your website, the alt tag should describe what that photo is about. Screen readers for the blind and visually impaired individuals will read out this text and thus make your image accessible. The purpose of alt tags on images is to be helpful to search bots that are trying to match both an image search and a voice search for content that is the best fit. These Alt tags provide vital image context and descriptive information to search engine crawlers.

• When you are adding an image of a specific product, onsite searches that users conduct can better locate the right item if you include both the full product name and the product's product ID in the alt tag. Skip “cutie” phrases and clever acrimony: if a keyword is beneficial when seeking something that is on the image, include it in the alt tag. Image alt attributes for SEO purposes work to describe to search bots details about the image or what the image references to if the image is a link. When the image is a link, the alt attribute functions like keyword anchor text by supplying an understanding of the context of the destination page to search bots. Images can have a lot to do with CRT and conversion rates on mobile .

• For key charts, images and infographics, it is possible to provide Google with additional details about your site's images. Google says, “provide the URL of images we might not otherwise discover, by adding information to a web Sitemap”. One SEO service we offer it to generate, test, and submit sitemaps; we can give you the benefit of a hard-working sitemap. Practical advice is that if you want Google to crawl your web pages and send relevant traffic, then adhere to both their guidelines and recommendations.

• Use engaging website titles: it is the first thing that searchers see because it is the big clickable part of the listing on visible search results pages. It should be able to attract the attention of the searcher. Ideally, the title should provide a compelling reason to click. Includes benefits, value, and clear solutions to one who conducted the search query.

• Limit the length of your image alt text to fewer than 125 characters. One alternative is to use captions, although sometimes we find that currently complicates the correctness of AMP page code. A JAWS screen reader struggles with lengthier alt attributes. It's simply more user-friendly to keep alt attribute length in check.

Google Warning: “Filling alt attributes with keywords (“keyword stuffing”) results in a negative user experience and may cause your site to be perceived as spam. Instead, focus on creating useful, information-rich content that uses keywords appropriately and in context.”

Image Copyright Implications

It is also important to consider the copyright implications of using images found when conducting an online search such as Google Images. Your first assumption should be that all images you may want to use are most likely to be protected by copyright. Not all of them are, but don't use them unless and until you have determined that it is allowed.

Google is a popular search engine that can be used to locate content such as images and photos; many people start a search this way. However, none of the leading search engines is a content depository, and nor a collection of the public domain or copyright-free images. While you may be directed to images and photo stock that fits your search criteria, it is not automatically yours to use.

What is IPTC Image Metadata?

The IPTC Photo Metadata standard is our current widely accepted standard due to its universal approval among photographers, distributors, news sites, archivists, and web developers. “The schema defines metadata structure, properties, and fields so that images are optimally described and easily accessed later”, according to the site.

Metadata is a set of understood data that defines and gives information about other data. It can be useful as an SEO technique to engage people searching for its contents. We find this is more common with images in the form of charts, graphs, and infographics.

Image metadata facilitates the transportation of information with an image file so that other software, hardware, search bots, and end users – regardless of the image format – can use it. ***********

Should you Use a Watermark on your Images?

In this area of image use, there is no “rule”.

As so often is true, it depends on your usage, if you hired a photographer, where you obtained the image from, and other factors. Google says, “people add copyright text, watermarks, or other information to their images. This kind of information won't impact your image's performance in search results, and does help photographers claim credit for their work and deter unknown usage. However, if a feature such as watermarking reduces the user-perceived quality of your image or your image's thumbnail, users may click it less often in search results”.

In our experience, for most purchased images, we leave it off as we didn't create the image; as well, our users, in general, seem to prefer imagery without text or logo overlays. If it is ours because we hired a photographer to showcase our office, products, an act of service, or selves while publicly speaking, etc., we may. If your preference is to use an image watermark, keep its size limited; it shouldn't become a focal point of the image. Also see our Search Marketing FAQs

Avoid watermarked images for your mobile AdWords advertising; let viewers focus only on the product.

Author Jon Fingas addresses this in the US internet providers stop sending piracy warnings article posted on January 28, 2017, and speculated that one reason the imagery pirate streams are becoming more common is due to the burgeoning profession of online media. “The MPAA claims that Americans illegally downloaded 981 million movies and TV shows in 2016,” let alone pictures!

WARNING: The RIAA stated that they believe that habitual image pirates should have to face discipline from their ISPs according to the Digital Millennium Copyright Act. The MPAA admits that it just couldn't handle the volume of “hard-core repeat infringer problem,” by leveraging the media industry's Copyright Alert System.

“For those trying to prevent image theft, the watermark might be a good example of keeping honest people honest. There are so many ways to suck an image off the Web these days that, if someone wants your image, they will find a way to take it. And, if they really want to claim your image as their own, there are ways, some painstaking, to remove watermarks, or one could simply crop out that section of the picture. Ultimately, the watermark offers limited success for theft prevention. If you don't want someone to steal your digital image, the best way to prevent that is to not put it on the Web.” – B&H: The Professionals Source******

Using Infographics as Images

What is the ARIA attribute and how does it work for Infographics?

The ARIA (Accessible Rich Internet Application) attribute is read along with alt text on an image, which also works for a long description. Currently avoiding the longdesc image attribute is most common since it isn't widely recognized as a useful SEO technique. The color contrast should be considered and tested. The Paciello Group offers a great tool**.

Infographics used as an image make it easy to share content. Their popularity continues to resurface regardless of some talk of users' preferring them less. When the Infographic is provided via HTML styled with CSS, Google's cache of the infographic text content of each page is richer. It is possible to offer it within an iframe with indexable text that may be hidden in a CSS clip in the iframe HTML.

Be sure that your graphic designer knows how to create an infographic using indexable text and links created with HTML and CSS. It is important to take every step you can to help get your site indexed faster .

Most of all: Images Should Prompt a Great User Experience

Great image content is one ideal way to increase the traffic to your website. Once you have adhered to the applicable guidelines for images, carefully consider just how each image can improve user interaction by providing value. Understanding the workload of both browsers and search engines makes sense of all this. Adhering to the following image best practices will increase the probability that your images will be returned in users' search results.

Best practices for image implementation on your web pages and posts:

• Image resolution. High-quality prints appeal to individuals using the Internet more than blurry, or images having too low of a resolution. In addition, many social media activists and webmasters prefer to link to a page with a visually appealing image, which can increase visits to your site and your domain authority. Crisp, sharp photos tend to display more favorably in thumbnail versions. This, in turn, means that an image featured in a link in SERPs is more likely to be clicked on by users.

• Reusing images. Seek to avoid using the same image on multiple pages on your site; a unique image for each retail landing page helps those who read it to relate to and remember information. This makes it easier to identify the content when returning to a page. When you do reuse an image, change up the titles and captions to tie in with each page.

• Featured images. In WordPress, featured images may be scaled to fit, so avoid a small image for this use. We recommend a minimum of 700px by 525px at the top of your pages and posts. Not all users scroll to the bottom of a page, particularly a lengthy informative article, which means it is best to place your images above the fold where it can be immediately seen. You can also create a dataset of your featured images and add schema to it.

• Image directories. A web designer who also values SEO will understand the value of structuring site directories so that comparable images are saved together. For example, you might have directory buckets by topic, or for thumbnail-sized images and another bucket for full-size images. Google advises that “if your site contains adult images, we recommend storing these in one or more directories separated from the rest of the images on your site.

• Specify width and height. A web browser is empowered to load your pages faster if it is provided the dimensions of each image in order to wrap non-replaceable elements around them. Specifying these dimensions is even more important for mobile users who consider the first aspect of a great user experience to be not kept waiting.

• Image proximity. Make it easy for your readers to follow the logic of your image selection and its value to the topic. Where it is inserted helps users to relate it to your page's content. “Wherever possible, it's a good idea to make sure that images are placed near the relevant text,” states Google's image publishing guidelines .

• Text in Images Often a great image is considered to be one that tells its own story and lets the reader's eye rest for the need to read text when viewing an image. However, when it is helpful, the WC3 community discusses SCALABLE VECTOR GRAPHICS (SVG) and provides a tool***.

• Give your images personality. As with Written Content, both users and Google live images that reflect personality and uniqueness. Formerly, B2B marketing content and images seemed to demand a trite “professional,” look that today has evolved into being seen as “impersonal, stale, and “less compelling.” Old-school stock photos have become so the norm that many quickly recognize them and label them boring. Use images that convey that you, a human being, are conversing with them. Not only does Google crawl and index web pages , but it also crawls your image URLs too. When someone conducts an image search, it can lead them to your business.

Create a uniform look. Let your readers recognize your brand “look”. Maintain some continuity in how you add images to your website. You don't need to use every size that Google says is permissible. Keeping a common image ratio throughout your site's post can represent a well-put-together business.

• Switch them up. You don't want to bore your return visitors with the same featured image on your home page for months as the seasons go by. Your visuals must evolve according to the manner that your users engage them. Your freshly curated great content deserves the perfect image to accompany and accentuate it. Ensure that your visuals are just as distinctive and authentic as your writing is so you can grow your reader base.

• Use Data Visualizations. Another way to support your opinions and the backbone of your content is to back it up with visuals of charts and tables. Data visualization quickly empowers your readers to understand our data more deeply. When you offer a documented image with a pie chart or bar graph, you helping others make better-informed decisions. They can be beautiful; with a bit of know-how, it is easy to generate your own visual presentation from an excel spreadsheet and color-coded the columns and rows to look beautiful on your web pages. Or credit the source from where you borrowed the image.

Conduct a consumer behavior study to know people's image preferences.

Add Image Optimizations to Your Build and Release Processes

An image snapped with your camera or smartphone often embeds a lot of extra details: camera settings, date, where it was taken, and so on. For some use cases, this data might be critical (such as, a photo-sharing website like Flicker) or provide no benefit at all. Be clear on what you need and consider removing everything else. Eliminating redundant image Metadata can save your tens of kilobytes that slow load time for every image.

빌드 및 릴리스 프로세스에서 이미지 최적화를 설정하여 누군가가 잊어버리고 하나 이상의 페이지가 크게 방해받지 않도록 보호할 수 있습니다.

웹사이트의 이미지에 대한 최적의 설정을 결정하려면 다음을 가장 잘 평가하는 방법을 알고 있는 사람이 필요합니다.

애플리케이션당 치수 요구 사항
형식 기능
인코딩된 데이터의 내용
필요한 이미지 품질
이미지 픽셀 치수
다양한 장치에 대한 여러 이미지 파일

이미지 썸네일이 People also Ask and Answer Boxes에 표시될 수 있으므로 이미지를 사용하는 방법은 Google의 Answer Engine에 포함될 수 있습니다.

이미지 요소 사용에 대한 Google 가이드라인

개발자 옹호자인 Pete LePagem이 Google 개발자 이미지 페이지에서 인용한 내용:

img 요소는 콘텐츠를 다운로드, 디코딩 및 렌더링하는 강력하며 최신 브라우저는 다양한 이미지 형식을 지원합니다. 여러 장치에서 작동하는 이미지를 포함하는 것은 데스크톱의 경우와 다르지 않으며 좋은 경험을 만들기 위해 약간의 조정만 필요합니다.

TL;DR

이미지에 상대적 크기를 사용하여 실수로 컨테이너를 넘지 않도록 합니다.
장치 특성(아트 디렉션이라고도 함)에 따라 다른 이미지를 지정하려는 경우 picture 요소를 사용합니다.
img 요소에서 srcset 및 x 설명자를 사용하여 다양한 밀도 중에서 선택할 때 사용할 최상의 이미지에 대한 힌트를 브라우저에 제공합니다.
페이지에 하나 또는 두 개의 이미지만 있고 사이트의 다른 곳에서 사용되지 않는 경우 인라인 이미지를 사용하여 파일 요청을 줄이는 것이 좋습니다.

이미지에 상대적 크기 사용

사이트 감사에는 여러 유형이 있으므로 이미지 크기도 분석해야 합니다.

이미지가 실수로 뷰포트를 넘지 않도록 이미지의 너비를 지정할 때 상대 단위를 사용하는 것을 잊지 마십시오. 예를 들어 width: 50%; 이미지 너비가 포함하는 요소의 50%가 되도록 합니다(뷰포트의 50% 또는 실제 픽셀 크기의 50%가 아님).

"데이터 시각화 및 분석이 없으면 오해와 기회를 놓치기 쉽습니다." – Tableau*****

"사진의 가장 큰 가치는 우리가 볼 수 있을 거라고 예상하지 못했던 것을 깨닫게 해줄 때입니다." – 존 투키, 1977

jpeg 또는 webp 이미지 버전을 사용하는 것이 더 낫습니까?

다음 #이미지에 대해 jpeg 또는 webp 버전을 선택할 때 크롤링 대역폭에 영향을 주는 항목을 선택하십시오. 그러나 사이트 방문자는 차이를 느끼지 못할 것입니다. 이미지가 로드 시간을 늦추고 이미지를 보기 위해 기다리기를 원하지 않는 경우가 아니면.

Google은 이미지에 대한 사실을 어떻게 제공합니까?

Google은 다음을 통해 이미지를 관리하고 사실 데이터를 추가합니다.

이미지의 시각적 및 텍스트 신호를 평가하는 Deep Learning을 통한 이미지 세부 정보 이해
이미지 웹 페이지의 텍스트에 대한 이해와 결합
그런 다음 관련 지식 정보 항목에 대한 링크 생성

대부분의 Android 휴대전화에서 Google 포토 및 개인 Google 어시스턴트 계정 에서 Google 렌즈를 사용할 수 있습니다.

2020년 7월 8일 발표에서 Google은 "이번 주부터 새로운 기능을 사용 하여 Google 이미지에서 보는 것에 대한 빠른 정보를 쉽게 찾을 수 있습니다 . 미국 모바일에서 이미지를 검색하면 해당 결과와 관련된 지식 정보 정보를 볼 수 있습니다. 그 정보에는 수십억 개의 사실에 대한 지식 정보 데이터베이스의 이미지와 관련된 사람, 장소 또는 사물이 포함되어 주제를 더 많이 탐색하는 데 도움이 됩니다.”

지정된 주제를 탭하면 해당 주제가 확장되어 해당 주제가 참조하는 사람, 장소 또는 사물에 대한 간략한 설명이 표시됩니다. 그런 다음 자세히 알아보기 위한 링크를 추가하고 탐색할 관련 주제를 표시할 수 있습니다.

또한 사람들이 이미지 사이트맵의 가치에 대해 문의한다는 사실을 알게 되었습니다.

이미지 사이트맵을 사용해야 합니까?

이미지는 중요한 정보 소스로 콘텐츠를 지원하므로 검색 엔진에 이미지에 대한 추가 세부 정보를 제공하는 데 도움이 됩니다. 이미지 사이트맵을 사용하면 이미지의 URL 및 기타 유용한 정보를 제공할 수 있습니다. 이미지 사이트맵은 도메인 간 제한을 준수해야 하는 일반 사이트맵과 달리 다른 도메인의 URL을 사용할 수 있습니다. CD(콘텐츠 전달 네트워크)를 사용하여 이미지를 호스팅할 수 있습니다. 이 경우 이미지 크롤링 오류가 올바르게 전파될 수 있도록 먼저 Google Search Console에서 CDN의 도메인 이름을 확인하십시오.

올바른 이미지로 마케팅 비용에 대한 수익 극대화

입증된 테스트를 통해 당사의 효과적인 검색 엔진 마케팅 기술은 고객의 요구와 목표에 고유한 다음 지역 SEO 캠페인 을 이끌 수 있습니다. 우리는 기업이 미니애폴리스 디지털 마케팅에서 그리고 미국 전역에서 매력적으로 보이고 "효과적"이 되도록 돕습니다. 당사의 고객 행동 분석은 마케팅 결정을 안내할 수 있습니다. 새로운 고객을 확보하고 수익을 늘리고 온라인 비즈니스를 성장시키려면 사용할 최고의 이미지를 선택하는 지침이 필요한 경우 저희에게 전화하십시오.

온라인에서 이미지를 최적으로 사용하려면 파트너가 필요합니까? 우리는 귀하의 비즈니스 목표, 시장에서 작동하는 것, 색상 이론, 페이지 실행 및 고객 여정에서 시각적 요소의 역할을 염두에 둘 것입니다. 귀하는 당사의 수년간의 전문 지식을 활용할 수 있습니다. 우리의 접근 방식은 효과가 있었고 수익 흐름을 주도했습니다. 그리고 나는 당신이 당신의 시장에서 동일한 성공을 경험하게 될 것이라고 믿어 의심치 않습니다.

“이미지는 웹 페이지에서 다운로드한 대부분의 바이트를 차지하는 경우가 많으며 종종 상당한 양의 시각적 공간을 차지합니다. 결과적으로 이미지를 최적화하면 웹사이트에서 가장 큰 바이트 절약 및 성능 향상을 얻을 수 있습니다. 브라우저가 다운로드해야 하는 바이트가 적을수록 클라이언트의 대역폭에 대한 경쟁이 줄어들고 브라우저가 더 빠르게 다운로드하고 유용하게 렌더링할 수 있습니다. 콘텐츠를 화면에 표시합니다." – Ilya Grigorik, Google Fundamentals의 저자

온라인에서 사진을 사용하는 데 Google 이미지 가이드라인, 규칙 및 모범 사례가 많다는 사실을 짐작하지 못했을 것입니다. SEO가 구성 하는 중요한 측면도 아닙니다. 가장 필수적인 구조화된 데이터 유형을 이미 구현하고 있는 사이트의 경우 스키마 사이트 감사는 다른 모든 것과 함께 이미지 스키마가 올바른지 확인하기 위해 코드 수정 사항을 결정 합니다. 이렇게 하면 이미지가 Google 답변 상자에 표시 될 가능성도 높아집니다.

651-206-2410으로 전화 하여 Jeannie Hill을 요청 하십시오. 사이트를 최신 상태로 규정 준수하도록 유지하고 전체 기술 SEO 사이트 감사 를 통해 이미지가 잘 최적화되었는지 확인할 수 있습니다.

* https://support.google.com/news/publisher/answer/13369

** https://developer.paciellogroup.com/resources/contrastanalyser/

*** https://www.w3.org/Graphics/SVG/

**** https://insights.samsung.com/2017/06/09/4-ways-bixby-vision-uses-image-recognition-technology-to-help-you-work-without-boundaries/

***** https://www.tableau.com/learn/whitepapers/5-most-influential-visualizations

****** https://www.bhphotovideo.com/explora/amp/photography/tips-and-solutions/pros-and-cons-watermarks-photography

******* https://www.blog.google/products/search/image-rights-metadata-google-images/

******** https://www.smashingmagazine.com/2016/12/progressive-web-amps/

********* https://developers.google.com/search/docs/data-types/product

********** https://support.google.com/adwordspolicy/answer/6020955

*********** https://iptc.org/standards/photo-metadata/