Google AMP는 최고의 모바일 페이지 속도를 제공합니다.

게시 됨: 2016-10-04

더 빠른 모바일 페이지 속도와 로드 시간은 Accelerated Mobile Pages의 핵심입니다.

젊고 노련한 모바일 쇼핑객 모두 오늘날 빠르고 고품질의 모바일 경험에 대한 높은 기대치를 가지고 있습니다. 우리는 모바일 페이지 속도가 핵심 인 모바일 우선 세계 에 살고 있습니다!

모바일 사용자는 웹 페이지가 로드를 완료할 때까지 기다릴 필요가 없는 뛰어난 사용자 경험을 원합니다. 한 단계 더 나아가 단순히 모바일 장치에 로드하는 것만으로는 더 이상 충분하지 않습니다. 사용자의 참여를 유지하기 위해 PPC 모바일 캠페인 은 사이트가 빠르고 관련성이 있어야 한다는 것을 알고 있습니다. 모바일 사용자가 느리고 투박하며 실망스러운 사용자 경험을 제공하는 모바일 웹에서 인내심을 발휘하던 시대는 지났습니다. 오늘날 귀하의 웹사이트 는 모바일 사용자에게 더 나은 경험을 제공하기 위해 구조화된 접근 방식이 필요합니다.

모바일 로드 속도가 중요합니다. Google은 모든 온라인 검색의 절반 이상이 모바일 장치에서 발생한다고 반복해서 강조했습니다. 비즈니스 소유자는 컴퓨팅이 점점 더 보편화되고 준비되지 않은 웹사이트가 모바일로의 전환을 지연시키면 따라잡기가 더 어렵다는 것을 인식하고 있습니다. AMP는 모바일 페이지를 로드하는 데 평균 1초 미만이 걸리고 AMP가 아닌 웹페이지보다 10배 적은 데이터를 사용하기 때문에 사용자가 선호합니다.

연령별 모바일 마케팅 동향

고령층에 비해 10대들은 쇼핑할 때 모바일 기기를 더 많이 사용합니다.

• 13~17세 온라인 구매자의 53%

• 18-24세 온라인 구매자의 30%

• 25~35세 온라인 구매자의 43%

• 모든 십대의 78%는 쇼핑을 위해 스마트폰을 사용합니다.

Google은 Z세대: 모바일 우선 사고 방식의 내부를 살펴봅니다.

귀하의 제품이나 서비스가 젊은 세대에 의해 더 자주 소비된다면 페이지의 로드 속도가 매우 중요합니다. 귀하의 비즈니스 는 제품 캐러셀 검색 결과에 빠르게 표시되는 것에 의존합니다. 어떤 사람들은 경험상 페이지의 로드 속도를 2초 미만으로 유지하는 것이 좋습니다. 그러나 우리는 1초를 위해 노력하고 많은 AMP 페이지가 1초의 0.5초 이상 로드됩니다. 밀레니얼 세대는 제품 웹 페이지가 구성되는 방식을 바꾸고 있으며 Think with Google 모바일 속도 테스트는 모바일 페이지 로딩 속도가 느리기 때문에 놓치고 있는 평균 사용자를 알려줍니다. 타겟 고객과 그들의 소비자 행동 패턴을 파악하십시오.

Google, 새로운 AMP 유효성 검사 도구 추가

Accelerated Mobile Pages를 추진하려는 Google의 의도는 분명합니다. 업데이트된 AMP 테스트 도구는 Google Search Console 에서 사용할 수 있습니다. 라이브 미리보기 내에서 업데이트할 수 있는 AMP 및 구조화된 데이터 오류를 결합하여 코드가 유효한지 확인하는 프로세스를 단순화합니다. 이 도구는 휴대기기와 데스크톱 모두에서 효율적이며 Google의 "라이브 웹 검색 인프라"를 활용하여 실제 Googlebot으로 AMP 페이지를 평가합니다. 즉, 결과가 실시간으로 표시됩니다.

질문: AMP가 무엇인가요?

답변: AMP는 Google이 지원하는 프로젝트인 Accelerated Mobile Pages의 약자로 모든 게시자와 비즈니스 사이트가 여러 휴대기기에서 웹페이지를 빠르게 로드 할 수 있도록 하는 공개 표준입니다. AMP 페이지는 강력한 사용자 상호작용을 지원합니다.

Google은 인터넷 사용자에게 AMP를 사용할 수 있는 사이트를 보여주는 새로운 방법을 계속 제공하고 있습니다. 올해 초 공식적으로 시작된 이 프로젝트는 모바일 페이지 로드 시간을 1초 미만으로 줄이는 것을 목표로 합니다. 처음에는 뉴스 게시자에 더 중점을 두었지만 이제는 전자 상거래 및 광고 방문 페이지를 포함하려는 의도에 도달했습니다.

9월 20일 Google Inside Search는 다음과 같이 발표했습니다. “오늘 우리는 전 세계 사용자에게 더 빠른 경험을 제공한다는 소식을 전하게 된 것을 기쁘게 생각합니다. 이제 휴대기기에서 검색하면 페이지가 AMP임을 나타내는 레이블이 표시됩니다."

멋진 위젯이나 거대한 이미지로 사용자의 속도를 늦추는 경우 사용자가 다른 곳으로 이동할 가능성이 있습니다. 그들은 빠른 결과를 원합니다.

페이지 로드 속도가 중요한 이유는 무엇입니까? Google AMP 페이지는 반응형 디자인보다 빠릅니다.

AMP는 AMP 문서의 성능과 문서가 로드되는 속도와 미적 감각에 대한 걱정에 더 중점을 둡니다. 사용자가 웹 페이지가 로드 및 종료될 때까지 기다리지 않으면 웹 콘텐츠와 상호 작용할 수도 없습니다. 그런 다음 유용성의 실제 관점에서 볼 때 목적을 달성하지 못했습니다. AMP 프로젝트는 AdWords 광고용 전자상거래 AMP 방문 페이지를 구축할 때 더 많은 기능을 추가했습니다.

Gary Illyes는 2016년 6월 1일 시드니에서 열린 Search Marketing Summit에서 Google이 페이지 속도 순위 요소를 재검토할 것이라고 말했습니다. 모바일 웹 페이지의 페이지 속도와 Google 모바일 친화적 알고리즘을 위해 이를 개선하는 방법을 살펴보는 것이 중요합니다. 초고속 데스크톱 웹 페이지가 있는 경우 모바일 버전은 정말 느릴 수 있습니다. 과거에는 이것이 모바일 순위에 지장을 주지 않는다고 들었지만 이제는 AMP가 Google 모바일 검색의 핵심에 포함됩니다. 2020년 5월 28일 Google은 기존 핵심 성능 평가 지표를 향상시킬 예정인 페이지 환경 업데이트가 있을 것이라고 밝혔습니다. 이는 앞으로 웹페이지를 얼마나 빨리 제공하느냐가 비즈니스 성장과 주요 수익원 에 직접적인 영향을 미칠 수 있음을 의미합니다.

2016년 10월 1일, Google은 사이트가 빠르게 로드되고 <amp-live-list> 등을 통해 실시간 업데이트 블로그를 제공할 수 있는 최신 스토리보드를 게시한 AMP 로드맵 업데이트**를 게시했습니다. “우리는 AMP 페이지와 플랫폼에서 더 우수하고 몰입도 높은 비디오 경험을 위해 계속 노력하고 있으며 전자상거래 경험을 위한 AMP 형식을 성장시키고 있습니다. 여기에는 양식 지원, 제품 갤러리에 대한 구성 요소 지원 및 탭 콘텐츠 탐색에 대한 추가 개선 사항이 포함됩니다.”

검색 거인은 또한 광고, 비디오 콘텐츠에 대한 사용자 경험을 개선했으며 iframe을 스와이프할 수 있는 업데이트가 포함된 AMP 캐러셀에 대한 추가 포함 옵션을 제공합니다. 또한 곧 개발자가 "뉴스레터 가입을 수집하고 기본 사이트 검색을 활성화하며 amp-form 확장을 통해 기타 핵심 양식 사용 사례를 지원할 수 있을 것"이라고 말했습니다. 검색이 발전함에 따라 최신 상태를 유지하고 유연하게 유지하려면 마케팅 리서치 팀을 활성 상태로 유지하십시오.

AMP 웹 페이지는 즉시 로드되도록 설계되었습니까? AMP Web Pages Designed to Load instantaneously

AMP 페이지는 웹에서 거의 즉각적인 로드를 위해 캐시됩니다. Google AMP 캐시는 올바르게 구현된 모든 AMP 문서를 전달하기 위한 프록시 기반 콘텐츠 전달 네트워크가 될 수 있습니다. AMP HTML 페이지를 가져와 캐시하고 자동으로 페이지 성능을 향상시킵니다. Google AMP 캐시를 사용할 때 HTML 문서, 모든 JS 파일 및 모든 이미지는 효율성을 극대화하기 위해 HTTP 2.0을 사용하는 동일한 출처에서 로드됩니다.

올바르게 검증하는 AMP 페이지는 모바일 검색 결과 캐러셀에 더 자주 표시됩니다. 모든 모바일 트래픽을 이러한 버전으로 보내려는 시도가 있을 것이라는 추측이 사실이든 아니든 한 가지 분명한 것은 HTML 페이지가 가능한 한 모바일 친화적이어야 한다는 것입니다. Oncrawl.com은 로딩 속도가 느린 페이지를 빠르게 찾아 수정하는 데 도움이 되는 유용한 도구입니다. JSON 마크업을 추가하면 전자 상거래 판매가 향상됩니다.

AMP 사양 요약에서는 이러한 페이지의 주요 목적이 콘텐츠를 표시하기 전에 페이지를 렌더링하는 데 필요한 리소스를 검색 엔진이 계산할 수 있도록 하는 것이라고 강조합니다. 이렇게 하면 페이지와 페이지의 모든 항목을 로드할 때 소비할 리소스를 설정하기 위해 TCP 통신의 일반적인 왕복 반복 프로세스 수를 줄일 수 있습니다. 대부분의 경우 콘텐츠 전송 속도가 최적화되어 Google 크롤러에 사용할 수 있습니다.

“오늘날에는 콘텐츠가 매우 빠르게 로드되고 탐색하기 쉬워야 합니다. 실제로 콘텐츠를 로드하는 데 몇 초가 걸리거나 사용자가 느린 페이지를 포기하기 때문에 완전히 로드되지 않을 수 있습니다. Accelerated Mobile Pages는 거의 즉시 로드되도록 설계된 웹 페이지입니다. 이는 모두를 위한 더 나은 모바일 웹을 향한 한 걸음입니다.”라고 AMP 프로젝트 사이트는 말합니다.

페이지 속도에 부정적인 영향을 미치는 요소를 식별하는 방법

사이트 웹 페이지의 로드 속도를 방해하는 요소는 명확하지 않을 수 있지만 검색 마케팅 전략의 중심에 있어야 합니다.

일반적으로 페이지 로드 속도가 느려지는 원인은 무엇입니까?

최적화되지 않은 상당한 양의 이미지는 일반적으로 웹사이트가 느리게 로드되는 첫 번째 이유입니다. 고해상도 이미지는 로드하는 동안 과도한 대역폭이 필요합니다. 더 큰 크기의 이미지를 업로드한 다음 압축하거나 축소하여 작업을 관리하기 위해 플러그인에 의존하지 마십시오. Photoshop 또는 다른 이미지 압축 도구를 사용하여 미리 이 작업을 수행합니다. 그렇지 않으면 웹 페이지의 크기를 불필요하게 늘리고 다운로드 속도를 끌어야 합니다.

페이지 로드 속도를 개선하기 위해 어디를 살펴봐야 하는지에 대한 팁:

• 귀하의 웹 호스트: 거래를 쉽게 찾고 괜찮은 것 같으면 거래를 잘 성사시킨 것으로 가정합니다. 많은 사이트 소유자는 "거래"가 비용을 절약하는 것처럼 보일 수 있지만 페이지 속도를 손상시켜 많은 비용을 초래한다는 사실을 인식하지 못합니다. 멋진 사이트를 구축하는 모든 작업을 마친 후 조급한 시청자가 떠나기 전에 로드하는 것이 좋습니다. 귀하의 비즈니스 규모를 적절하게 수용하는 더 나은 웹 호스트 또는 호스팅 패키지에 기꺼이 비용을 지불하십시오.

• 오프사이트 내장 미디어가 있는 페이지 로드: 한 가지 예는 시청자가 좋아하지만 로드 시간이 많이 소요될 수 있는 오프사이트 비디오 콘텐츠입니다. 비디오 로드 시간을 개선하는 한 가지 방법은 이러한 콘텐츠를 자체 서버에서 호스팅하는 것입니다.

• 크고 최적화되지 않은 이미지: 우리 모두는 크고 고해상도의 이미지를 좋아하지만 로드가 너무 커서 페이지 속도를 크게 저하시킬 수 있습니다. Google 구조화된 데이터를 사용하여 이미지와 해당 주제를 나타내면 포함된 추가 데이터의 무게를 피할 수 있고 여전히 이미지 검색에서 끌어올릴 수 있습니다.

이미지 압축을 지원하는 데 사용할 수 있는 많은 도구가 있습니다. 품질이 좋지 않은 이미지 지점까지 지나치게 최적화하는 경향을 피해야 하는 시점만 알면 됩니다. 또는 CDN을 사용하여 이미지를 호스팅한 다음 이미지 데이터세트 에 추가하는 것이 더 좋습니다. 시각적 검색을 위해 제품 및 특집 기사 이미지에 JSON 스키마를 추가합니다.

• 일부 브라우저 플러그인 및 앱: 브라우저 선택이 제한적인 시대는 지났습니다. 사이트를 로드하는 데 걸리는 시간이 상당히 다를 수 있으므로 모든 브라우저에서 웹사이트가 로드되고 표시되는 방식을 테스트하는 것이 가장 좋습니다. 또한 Flash와 같은 앱은 이제 매우 오래된 방식이며 페이지 속도를 상당히 손상시킬 수 있습니다.

• 과도한 광고 수: SERP, 이메일 바닥글 또는 추천 사이트에서 귀하의 웹 페이지로 클릭을 통해 클릭하는 사람들은 많은 수의 광고를 매우 성가시게 여길 수 있습니다. 페이지에 광고가 너무 많으면 페이지 속도가 느려지고 주요 콘텐츠에서 멀어질 수 있습니다. 모바일 광고를 시작하는 것과 속도를 유지하고 항상 안정적인 판매 유입경로에서 전환을 얻는 것과는 별개 입니다.

• 무거운 WordPress 테마: 수많은 뛰어난 효과로 싹트고 있는 고급 디자인 테마 중 다수가 실제로 로드 페이지에 불이익을 줄 수 있다는 생각을 멈추지 않고 테마가 웹 디자이너에게 제공하는 옵션의 세계에 휩쓸렸을 수 있습니다. 정말 많은 옵션이 필요하고 사용합니까? 그리고 그렇게 생각한다면 페이지가 로드되기 전에 시청자가 떠나는 것이 그렇게 중요합니까?

• 위젯 및 가젯: 페이지 속도에 부정적인 영향을 미칠 수 있는 양식, 계산기 또는 주석 블록 중에서 선택하는 소셜 버튼의 구성을 고려하십시오. 장기적으로 보면 더 빠른 로딩 옵션도 시각적으로 매력적이라는 것을 알게 될 것입니다.

• 부풀려진 코드: HTML/CSS/JavaScript가 효율적이지 않거나 지연을 일으키는 방식으로 로드되거나 불필요한 공백이 있거나 너무 조밀하면 사이트의 로드 속도가 불필요하게 낮아집니다.

더 나은 모바일 페이지 속도를 얻기 위한 다음 단계

축하합니다! 모바일 페이지 속도를 향상시킬 콘텐츠 및 조건을 식별하여 많은 성과를 거두었습니다. 그러나 디지털 마케팅의 세계는 발전했고 높은 사용자 기대치를 충족시키기 위해 할 수 있는 일이 더 많습니다. 느린 웹 페이지 문제를 해결하기 위해 우선 순위 작업 목록을 결정하는 방법에 대해 질문할 수 있습니다.

느리게 로드되는 웹 페이지를 어떻게 수정합니까?

1. 보안 모바일 경험을 위해 HTTP에서 HTTPS로 마이그레이션합니다.

2. Google의 AMP(Accelerated Mobile Pages)를 채택합니다.

3. 웹 콘텐츠를 더 잘 구성하십시오.

4. DNS 서버를 변경합니다.

속도가 전부가 아님을 기억하십시오. EAT 요구 사항을 충족하는 가치 있고 고유한 콘텐츠 가 더 중요합니다. 반향실 밖에 있으십시오. 다른 곳에서 다룬 주제에 대한 모든 새로운 콘텐츠 조각으로 정보 획득을 제공하십시오. 새롭고 시기적절하며 흥미로운 것을 제공하여 반복 및 가능한 중복 콘텐츠 문제를 방지합니다.

1. 안전한 모바일 경험을 위해 HTTP에서 HTTPS로 마이그레이션

Google은 ******* HTTPS(Secure HyperText Transfer Protocol) 대 HTTP(HyperText Transfer Protocol)로 업데이트된 웹사이트가 사이트 순위가 약간 향상되었다고 밝혔습니다. 많은 사람들이 이러한 증가가 "전 세계 쿼리의 1% 미만"에 영향을 미친다고 주장하지만 여전히 호의적이며 "시간이 지남에 따라 강화"될 가능성이 있습니다.

HTTPS의 'S'는 "보안"을 나타냅니다. HTTPS가 있는 웹사이트는 HTTPS가 없는 웹사이트보다 더 안전합니다. 보안이 가장 중요한 문제라는 사실을 아무도 기억할 필요가 없습니다. HTTP에서 HTTPS로 마이그레이션할 때 각 HTTP 링크를 새 HTTPS 링크로 리디렉션하는 301을 추가해야 합니다. 필요한 경우 전문가를 고용하십시오. 다음으로 '404 페이지를 찾을 수 없음' 오류를 방지하는 모든 주요 검색 엔진에 사이트 색인을 다시 제출하십시오.

이제 모바일 AdWords 광고를 위한 최신 전체 기능의 이점을 얻는 데 한 걸음 더 다가섰습니다. 다음 단계는 Accelerated Mobile Pages, 특히 귀하의 브랜드를 가장 잘 지원하는 페이지 에 참여하는 것입니다.

2. Google의 AMP(Accelerated Mobile Pages) 채택

AMP 프로젝트는 어디서나 즉시 로드할 수 있는 개선된 모바일 최적화 콘텐츠에 대한 사용자 요구에 응답하는 오픈 소스 이니셔티브입니다.

AMP는 정적 콘텐츠를 제공하여 모바일 페이지 속도를 향상시킵니다.

오늘날 빅 데이터의 폭발로 인해 기업은 해당 데이터에서 더 나은 논리적 결정을 내리고 검색자의 참여를 촉진하고 이러한 일이 발생하면 웹 콘텐츠가 생성되고 수익을 창출하는 방식이 변경됩니다. 수조 개의 구조화되지 않은 웹 페이지에서 그림을 그리는 대신 의미 그래프(일반적으로 지식 그래프 또는 지식 기반 이라고 함)는 고도로 구조화된 데이터로 뒷받침됩니다.

3. 더 나은 웹 콘텐츠 구성

디지털 마케팅 분야의 게시자와 정보 제공자는 시장이 더 이상 비정형 정보에 의존하지 않는다는 사실을 받아들여야 하지만 Google 모바일 검색은 구조화된 정보와 그에 따른 의미 그래프를 통해 엄청난 발전을 이루고 있습니다. 검색의 변화는 이미 우리에게 닥쳤습니다. 모바일 기기 사용을 선호하는 사람들은 대부분 자신이 시맨틱 그래프를 사용하고 있다는 사실을 인지하지 못한 채 휴대전화와 대화하고 답변을 얻 습니다. 그러나 SEO와 SEM은 이 이면에서 진행되는 검색 프로세스를 알아야 합니다.

Wikipedia********에서는 "그래프 데이터베이스(최소한 이론상)가 훨씬 더 빠릅니다"라고 명시되어 있습니다. AMP 페이지를 사용하면 Google, Twitter 및 기타 다른 기업이 AMP 콘텐츠를 빠르게 캐시하고 사전 로드하고 사전 렌더링할 수 있습니다. AMP 콘텐츠는 정적으로 설계되었기 때문입니다.

“AMP 문서는 처음부터 효율적으로 사전 렌더링할 수 있도록 설계되었습니다. 브라우저는 <link rel=prerender> 태그를 통한 사전 렌더링을 오랫동안 지원해 왔지만 사전 렌더링은 비용이 많이 들 수 있으므로 이 메커니즘에 대해 보수적이어야 합니다. AMP HTML을 사용하여 문서에 표시할 수 있는 기능을 추가했습니다. 즉, 스크롤 없이 볼 수 있는 부분까지만 렌더링하고 CPU를 많이 사용하지 않는 요소만 렌더링하여 사전 렌더링 비용을 최소화합니다. 이 메커니즘을 사용하면 AMP 문서의 리퍼러가 사용자가 훨씬 더 적극적으로 행동하기 전에 문서 렌더링을 시작할 수 있으므로 많은 경우 사용자가 클릭할 때 문서 렌더링이 완료됩니다.” – 구글 AMP 프로젝트

4. DNS 서버 변경

DNS 서버를 변경하면 로드 속도가 어떻게 향상됩니까?

DNS 서버를 개선하면 도메인 이름을 확인하는 데 걸리는 시간이 빨라질 수 있습니다. 이것은 사용자의 전반적인 인터넷 연결과 다릅니다. 이는 각 사람의 선택입니다. 즉, 스트리밍 콘텐츠 또는 대용량 파일 다운로드의 평균 다운로드 속도 향상은 인터넷 제공업체의 영향을 받습니다. Google Cloud 및 OpenDNS는 IP 주소를 DNS 요청에 연결합니다. 즉, 검색자와 가장 가까운 서버에서 데이터를 로드합니다. 가까운 서버에서 웹 콘텐츠를 가져올 수 있으면 전반적인 인터넷 속도가 향상됩니다.

연구에 따르면 빠른 페이지 속도가 필요하다는 사실이 입증되었습니다.

느린 로딩 웹사이트는 잠재적 구매자가 될 수 있는 사용자를 좌절시킵니다. 또한 사용자가 기다리지 않으면 게시자에게 부정적인 영향을 미치므로 사용자가 귀하의 콘텐츠를 볼 수 없습니다. DoubleClick은 2016년 9월 "모바일 속도의 필요성: 모바일 지연 시간이 게시자 수익에 미치는 영향"이라는 제목의 기사를 게시했습니다. 10,000개 이상의 모바일 웹 도메인을 분석한 후 발견한 결과는 다음과 같습니다.

"페이지가 로드되는 데 3초 이상 걸리면 모바일 사이트 방문의 53%가 중단됩니다."

"모바일 사이트의 평균 로드 시간은 3G 연결에서 19초입니다."

"5초 안에 로드되는 모바일 사이트는 19초 안에 로드되는 사이트보다 최대 2배 더 많은 모바일 광고 수익을 얻습니다."

Google AMP는 강력한 사용자 상호작용을 위해 최고의 모바일 페이지 속도를 제공합니다. 모바일 페이지 로드 속도를 개선하여 기업이 얻는 6가지 이점

Google 연구에 따르면 평균 로드 속도가 19초인 웹사이트에 비해 5초 정도에 로드할 수 있는 웹사이트가 훨씬 더 좋습니다. "또한 모바일 속도와 세션당 페이지뷰 및 세션 길이 사이의 상관관계를 발견했습니다. 그리고 사람들이 사이트에서 더 많은 시간을 보낼수록 디스플레이 광고가 조회 가능한 것으로 간주되려면 1초 동안 화면에 있어야 하므로 광고 조회 가능성도 증가할 것입니다."

모바일 페이지를 더 빠르게 로드하면 다음과 같은 이점이 있습니다.

1. 페이지 로딩 속도가 빨라져 종종 광고 조회가능성이 25% 높아짐

2. 쉬운 탐색으로 인해 평균 세션 시간이 70% 더 길어짐

3. 사용자가 페이지에 더 오래 머물기 때문에 이탈률 35% 감소

4. Google Now 카드를 표시하는 모바일 SERP의 빠른 가시성

5. 더 높은 수익의 가능성: 그들을 기쁘게 하면 그들은 돌아올 것입니다!

6. 빠르게 나타납니다: 47%의 사람들이 웹 페이지가 2초 이내에 로드될 것으로 기대합니다.

Google의 인사이트 및 트렌드 책임자이자 Think With Google의 편집장인 Allison Mooney에 따르면 "2명 중 1명은 페이지가 2초 이내에 로드될 것으로 예상합니다"라고 합니다. 2019년 9월 그의 모바일 속도에 대한 필요성: 모바일 지연 시간이 게시자 수익에 미치는 영향 기사에는 "모바일 사이트가 5초 안에 로드되는 게시자는 사이트가 19초 안에 로드되는 게시자보다 최대 2배 더 많은 모바일 광고 수익을 얻는다"고 나와 있습니다.

연구 결과는 웹 페이지 로드 속도와 잠재 수익 금액 간의 상관 관계를 조사했습니다. "수익에 영향을 미치는 여러 요소가 있지만 우리 모델은 모바일 사이트가 5초 안에 로드되는 게시자가 19초 안에 사이트가 로드되는 게시자보다 최대 2배 더 많은 모바일 광고 수익을 올릴 것으로 예상합니다."

비디오 광고 및 가속화된 모바일 페이지에 대한 푸시

동영상 AMP 광고란 무엇입니까?

미국 광고 대행사는 고객이 미래에 무엇을 기대하는지 알고 있습니다. Google AMP 광고를 빠르게 로드합니다. Amp-video in amp는 직접 비디오 임베딩을 재생하는 데 사용되는 표준 html5 비디오입니다. 일부는 시장의 격변과 재정렬 중에 경쟁자를 능가할 최적의 시간이라고 권장합니다. 디지털 모바일 쇼핑객 의 구매 습관은 비디오용 더 작은 파일 크기와 비디오 AMP 광고 사용이 미래임을 의미합니다. Google이 모바일 광고의 최전선에 Accelerated Mobile Pages 기술을 도입하고 있다는 증거가 많이 있습니다.

2016년 7월 21일 Digiday의 Jessica Davies는 American Press Institute 에 다음과 같이 말했습니다. 한 크리에이티브 디렉터는 AMP 광고의 크기를 조정하는 것의 중요성을 강조했으며, 이는 광고주가 형식을 채택하도록 강요할 것이며 다른 대행사는 사용자를 위해 모바일 데이터를 덜 사용하는 광고를 보고 싶다고 말했습니다. 대행사는 페이지 로드를 느리게 하지 않고 빠르게 전달할 수 있는 비디오와 같은 풍부한 경험을 제공할 수 있는 지점에 도달하기 위해 노력하고 있습니다.”

소비자의 쇼핑 선호도는 더 이상 선형적이지 않습니다. 구매자 의도가 있는 검색어의 더 높은 비율이 휴대전화에서 발생하며 매장에서 구매하는 사용자로 이어집니다. 또한 일부 구매자는 업무용 컴퓨터에서 장바구니에 항목을 추가하지만 나중에 태블릿에서 최종 구매 결정을 내립니다. 대부분의 구매자는 먼저 모바일 장치에서 온라인으로 제품을 검색한 다음 구매하기 전에 제품을 보고 만지기 위해 매장으로 이동하는 반면, 다른 구매자는 휴대폰에서 지역 검색을 사용하여 매장을 찾고 방문하고 나중에 온라인 구매를 완료합니다.

요점은 프로세스의 어딘가에 명확한 사용자 상호 작용을 제공하는 빠른 모바일 제품 페이지가 있다는 것입니다. 오늘날 비즈니스가 성공하려면 검색 의도를 빠르게 찾고 답하는 능력이 필요합니다. 뛰어난 모바일 사이트 속도 점수와 사용자 경험 점수는 사업장 방문 횟수를 늘리는 데 도움이 됩니다. 또한 유효한 지역 비즈니스 스키마 작성기 마크업을 구현 하면 도움이 됩니다.

Google PageSpeed ​​Insights는 중요한 수정 사항과 개선해야 할 사항에 대한 빠른 작업 목록을 만듭니다. 중요한 무료 페이지 속도 통찰력을 얻고 비즈니스를 위해 더 많은 것을 달성할 수 있도록 사용자 인터페이스를 디자인하십시오!

최고의 모바일 페이지 속도를 얻는 방법

1. 스크롤 없이 볼 수 있는 JavaScript 및 CSS 렌더링 차단 제거

2. 이미지 최적화

3. 브라우저 캐싱 활용

4. 랜딩 페이지/301 리디렉션 피하기

5. CSS 및 JavaScript 축소

6. HTML 축소

7. 눈에 보이는 콘텐츠의 우선 순위 지정

8. 서버 부담/응답 시간 감소

9. PageSpeed ​​서버 모듈 설치 시도

10. 평판이 좋은 CDN(콘텐츠 배포 네트워크) 통합

사이트의 모바일 사용자 경험 점수

100/100 사용자 경험이 없다면 다음 구성 요소 중 주의가 필요한 구성 요소를 확인하십시오.

1. 탭 타겟 크기 – 사용자 상호 작용이 쉽도록 적절하게 설정해야 합니다.

2. 너무 많거나 불필요한 플러그인을 피하십시오. 플러그인에 의존하여 작업을 단순화하기 쉽지만 일부 콘텐츠가 렌더링되지 않을 수 있습니다.

3. 뷰포트 구성 – 각 웹 페이지는 사용 중인 장치와 일치하도록 뷰포트 설정을 지정해야 합니다.

4. 표시 영역에 맞게 콘텐츠 크기 조정 – 웹 페이지 콘텐츠는 오버플로 또는 과도한 스크롤이 필요하지 않은 표시 영역에 맞아야 합니다. 유효한 구조화된 데이터 구현 을 위한 올바른 JSON-LD 이미지 크기 요구 사항 도 올바르게 수행하는 데 중요합니다.

5. 읽기 쉬운 글꼴 크기 사용 – 사용자는 웹 페이지의 모든 텍스트를 쉽게 읽을 수 있어야 합니다.

참고: 강력한 모바일 및 Accelerated Mobile Pages 디자인 경험 이 있는 UX 디자이너가 있어야 합니다.

AMP가 빠른 이유

AMP 프로젝트에 따르면 AMP 작동 방식은 다음과 같습니다.

* 모든 AMP JavaScript를 비동기식으로 실행

* 모든 리소스를 정적으로 크기 조정

* 확장 메커니즘이 렌더링을 차단하도록 하지 마십시오.

* 모든 타사 JavaScript를 중요한 경로에서 제외

* 모든 CSS는 인라인이어야 하고 크기 제한이 있어야 합니다.

* 글꼴 트리거는 효율적이어야 합니다.

* 스타일 재계산 최소화

* GPU 가속 애니메이션만 실행

* 리소스 로드 우선 순위 지정

* 즉시 페이지 로드

모바일 사용자의 효율성, 용이성 및 감성

Hillwebcreations.com 에 대한 이 테스트를 실행할 때 사이트 통계는 다음과 같습니다. “PSI에 따르면 이 페이지는 렌더링 차단 리소스를 로드하는 데 추가로 0번의 추가 왕복이 필요하고 렌더링을 완료하는 데 1.0MB가 필요한 것으로 추정됩니다. 평균 페이지의 경우 4번의 왕복과 2.7MB가 필요합니다. 더 적은 라운드 트립과 바이트는 더 빠른 페이지로 이어집니다."

모바일 사용자에게 어필하기 위해 가장 중요한 것은 무엇입니까?

보이는 콘텐츠의 우선 순위 지정: 모바일 사용자를 위한 핵심 경험을 최적화합니다. 최종 버전에서 보이는 페이지 콘텐츠가 스크롤 없이 사용자 경험을 위해 작동하도록 하기 위해 SEO와 협력할 의향이 있는 개발자. 앱에서 더 나은 경험을 제공하기 위해 현장 연구에 따르면 음성 상호 작용은 참가자 경험의 핵심입니다.

인간은 감정적인 창조물이며 귀하의 사이트를 방문하는 사람들은 귀하의 사이트와 상호 작용하는 인간입니다. 그들의 감정은 경험의 일부입니다. SEO 노력이 효과적 이려면 이 점을 고려해야 합니다. 검색 전략은 최신 상태이고 측정 가능해야 합니다 .

브라우저 캐싱 활용: 사이트가 설정되면 정적 리소스에 대한 HTTP 헤더의 만료 날짜 또는 최대 수명은 브라우저가 네트워크 대신 로컬 하드 디스크를 통해 이전에 다운로드한 리소스를 로드하도록 지시합니다. 이러한 캐시 시간에는 문서의 안정적인 URL과 동일한 응답을 변경할 수 있는 기능을 비교하는 절충안이 포함됩니다. AMP 캐시(Google 검색에서 찾은 항목을 의미)에서 제공되는 경우 역사적으로 URL은 캐시 시간이 무기한인 버전이 지정된 URL로 대체되었습니다. 이는 AMP URL을 현장에 유지하도록 요청한 개발자에 대한 응답으로 2020년대에 계속 변경될 것입니다. 우리 모두는 지속적인 개선이 효과적인 SEO의 핵심 이라는 것을 알고 있습니다.

느린 로딩 모바일 페이지의 가장 큰 원인

페이지 요소 수가 너무 많습니다.

웹 페이지에 로드하는 요소가 많을수록 해당 페이지의 무게가 증가하고 사용자 상호 작용이 복잡해집니다. Google 연구에 따르면 오늘날의 평균 웹페이지는 2,486KB로, 이는 일반적으로 여러 다양한 서버에서 호스팅되는 100개 이상의 자산으로 인해 발생합니다. 종종 이것은 최적화되지 않고, 측정되지 않고, 모니터링되지 않는 것으로 구성되어 웹 페이지 속도를 저하시킵니다. 이는 종종 로드 속도 변동성을 생성합니다. 모바일 사이트 최적화 문제를 테스트하고 수정 하여 모바일 로드 속도 문제를 해결할 가능성을 높일 수 있습니다.

뿐만 아니라 검색의 거물은 페이지가 복잡하면 전환이 줄어들어 비즈니스 성장과 ROI에 부정적인 영향을 미칠 수 있다는 사실을 발견했습니다. 모바일이 준비되지 않은 경우 모바일용으로 설계된 사용자 인터페이스는 다른 사이트가 새로운 판매를 확보하는 데 앞장서고 있는 곳입니다. 장기적으로 사이트의 속도 성능을 최적화 하는 데 도움이 됩니다.

SEO 전문가는 모바일 페이지에 대한 "성능 예산" 또는 목표를 설정하여 이 문제를 해결할 수 있습니다. 이는 모바일 페이지가 2초 이내에 로드되어야 함을 의미할 수 있습니다(각 페이지에 대해 설정된 "예산"). 이제 벤치마크가 있으므로 해당 임계값을 방해하는 대량 업로드 시간을 초래하는 불필요한 페이지 요소를 버리십시오. 기술 SEO 감사를 수행 하여 사이트에서 로드 시간에 영향을 미치는 타사 스크립트를 찾습니다. 그리고 이를 강화하려면 AMP로 이동하십시오! HTML AMP 페이지는 오늘날 최고의 옵션입니다.

AMP는 향상된 모바일 속도 이상의 이점을 제공합니다.

좋은 점은 기업이 사이트 전체의 모든 단일 페이지에 한 번에 AMP를 추가할 필요가 없다는 것입니다.

인기 있는 콘텐츠 관리 시스템(CMS)을 사용하는 전자 상거래 웹사이트의 경우 AMP 페이지를 시작하고 실행하는 것이 중요합니다. 로드 속도뿐만 아니라 AdWords 광고에 있는 최신 모바일 기능을 극대화하는 데도 중요합니다. AMP는 뉴스 관련 페이지, 리뷰, 동영상, 레시피, 영화 목록, 제품 페이지, 블로그 게시물 등을 포함한 모든 형태의 정적 웹 콘텐츠에 이상적입니다. 슬라이더, 동적 또는 대화형 기능, 경로 매핑 옵션 또는 소셜 네트워크에 포괄적으로 의존하는 단일 페이지 앱에는 덜 유용합니다.

페이지 로드 속도를 개선한 후에는 마케팅 인플루언서와 협력하여 콘텐츠를 향상시키십시오.

우리는 고객이 사이트 사용자 친화적인 감사와 경쟁사 감사 를 먼저 수행하여 AMP로 전환하여 가장 큰 이점을 얻을 수 있는 이미 포지셔닝된 페이지를 결정함으로써 예산과 일정을 극대화할 수 있다는 것을 알게 되었습니다. 그런 다음 프로세스를 통해 점진적으로 클라이언트의 기존 사이트를 가져와서 AMP로의 전환을 완료합니다. 그 과정에서 우리는 모든 전자 상거래 SEO 기술 문제를 해결하는 데 세심한 주의를 기울입니다.

귀하의 사이트를 개선하는 방법을 자세히 설명하는 보고서를 제공하는 Google 모바일 친화적 테스트 도구****를 사용하십시오. 압축 활성화, 브라우저 캐싱 활용 또는 사이트의 CSS, JavaScript 및 HTML 코드 축소가 필요한지 여부를 포괄적으로 다룹니다. 그런 다음 문제를 해결하는 데 도움이 필요하면 저희에게 전화하세요.

“모바일용으로 사이트를 최적화하는 프로세스는 온라인 사용자 경험의 일부입니다. 오늘날의 연결된 세상은 마케터에게 고정관념을 깨는 사고를 요구했습니다. 연결된 세상이 더욱 모바일화됨에 따라 마케터로서의 우리의 일은 이러한 사고 방식을 계속 유지하고 사용성에 초점을 맞춰야 할 것입니다.” – Kaila Strong은 Act-On*에 썼습니다.

Google 마이 비즈니스 목록을 최대한 활용하여 모바일 지원 페이지에 대한 트래픽을 늘리십시오. 의료 서비스를 원하는 사람들에게는 Google에서 의료 프로필을 올바르게 표시하는 것이 중요합니다.

모바일 AMP로 빠르고 눈에 띄기

모바일 광고는 속도 문제를 발생시켰고 Google은 광고 속도를 높이기 위해 빠르게 노력하고 있습니다. 우리는 네이티브 모바일 애플리케이션에 대한 수요가 높고 더 빠르다는 평판을 얻고 있다는 것을 알고 있습니다. 모바일 장치는 출시 주기마다 계속 더 강력해지며 로드 속도가 향상됩니다. 네이티브 앱은 그 힘을 최대한 활용하는 것이 현명합니다. 모든 비즈니스는 모바일을 사용하는 신규 고객을 확보해야 합니다. 무거운 디자인 요소로 인해 사이트 속도가 느려지는 경우 사이트가 어떻게 보이는지보다 수익이 더 중요해야 합니다.

사용자는 빠른 로딩 사이트의 골칫거리인 이미지를 좋아합니다. 그들은 또한 대부분의 모바일 광고 형태의 중추입니다. 준비가 되면 프록시를 사용하여 실시간으로 이미지를 트랜스코딩하여 모바일 사이트를 더 빠르게 로드할 수 있습니다. 사이트에서 원하는 이미지, 해상도 및 이미지 보기의 수는 시간이 지남에 따라 증가할 것입니다. 프록시는 정책, 경로 또는 쿼리 매개변수를 기반으로 웹 이미지를 트랜스코딩할 수 있으므로 비용을 절감하면서 민첩성을 확보할 수 있는 이점이 있습니다.

모바일 속도를 테스트하기 위한 추가 도구

* OOKLA – Android용 속도 테스트 ***

* 대역폭 – 모든 장치에 대한 인터넷 속도 테스트, 업로드/다운로드/핑 속도, 광대역 서비스 또는 이동통신사에 대한 HTML5 속도 테스트 ****

* Oz – iPhone 속도 테스트를 위한 광대역 속도 테스트 (https://www.ozspeedtest.com)

* Google 모바일 친화적인 페이지 테스트 도구*****

* AMP(Accelerated Mobile Pages) 검사기

Google 검색에서 강조표시된 AMP 페이지

Google의 오픈 소스 AMP 프로젝트는 비즈니스 사이트에 모바일 웹 페이지의 속도를 크게 높여 모바일 장치 사용자에게 더 잘 도달할 수 있는 기회를 제공합니다. 이번 주에 Google은 AMPlified 페이지가 AMP가 아닌 콘텐츠보다 모바일 검색 결과에서 더 강조 표시될 것이라고 발표했습니다. 이는 귀하의 Google 포스트 에도 해당됩니다. Google은 이 업데이트가 현재 검색 결과를 수정하지 않는다고 강조하지만 AMP가 가까운 장래에 순위 요소가 될 가능성이 높은 디지털 커뮤니티에 대한 기대가 큽니다.

이러한 추측은 Google의 Core Web Vitals 알고리즘에 대한 최적화 여부와 같이 많은 검색 마케팅 전문가들 사이에서 열띤 토론을 일으키고 있습니다. 그것은 변화의 한가운데에 있는 규범이지만 기술은 계속 존재하므로 이에 따라 행동하는 사람들은 이미 이점을 보고 있음을 인정하는 것이 가장 좋습니다. 한 가지 예는 Google BERT 알고리즘과 자연어 처리를 사용하는 방법을 빠르게 조정 하는 것입니다.

결론: 신속하게 AMP를 강화하고 더 빠른 사이트를 확보하십시오!

Now you are ready to really make headway. We are poised to help you enhance your site's attributes for Google Mobile Search and local search optimization .

If you're experiencing problems gaining visibility online, or showing up in Google Maps correctly , don't waste your money on a “miracle” solution by attempting some “quick fix” risky SEO tactic. Enlist a digital marketing expert and have the problems resolved. Then, invest your dollars into servicing your website properly and gaining detailed Search Progress Reports that prove you have improved your mobile load speed score. You'll likely save time, money and frustration in the long run.

Call 651-206-2410 to move forward faster and with clarity. We'd offer tailored-to-fit Digital Marketing Services that Improve Lead Generation

* https://www.act-on.com/blog/7-things-you-need-to-know-about-optimizing-for-mobile-in-2016/

** https://amphtml.wordpress.com/2016/09/30/amp-roadmap-update-for-end-q3-2016/

*** http://www.speedtest.net/mobile/android

**** http://www.bandwidthplace.com/

***** https://search.google.com/search-console/mobile-friendly

****** https://www.thinkwithgoogle.com/feature/testmysite/

******* https://webmasters.googleblog.com/2014/08/https-as-ranking-signal.html

******** https://en.wikipedia.org/wiki/Graph_database