AMP 상세 가이드 – Google의 Accelerated Mobile Pages

게시 됨: 2018-05-21

AMP 는 어떻게 작동합니까? 가속 모바일 페이지를 만들고 사용자 지정하는 방법은 무엇입니까? 사이트 소유자는 WordPress, Joomla!, Drupal, OpenCart를 비롯한 인기 있는 CMS에서 어떤 도구를 사용할 수 있습니까? AMP를 구현할 때 웹마스터가 직면하는 함정은 무엇이며 문제를 해결하는 방법은 무엇입니까?

다음 매뉴얼에서 이러한 질문과 기타 질문에 대한 답변을 확인하십시오!

내용물

AMP란 무엇이며 작동 원리

AMP는 Accelerated Mobile Pages의 약자입니다. 모바일 사용자를 위해 사이트의 최대 로딩 속도를 제공하는 사이트의 페이지를 표시하는 기술을 의미합니다.

AMP는 기존 웹페이지의 근본적으로 잘린 버전입니다. 가속화된 페이지에는 주요 콘텐츠가 남아 있습니다. 위젯, 댓글 양식, 추천 콘텐츠 블록, 기존 광고를 포함한 대부분의 보조 요소는 가속 페이지에 없습니다.

Accelerated Mobile Pages는 Google이 주도하는 오픈 소스 플랫폼이자 프로젝트입니다. 따라서 누구나 이 이니셔티브를 무료로 사용할 수 있습니다.

이 프로젝트의 이념적 영감과 대변자는 Google입니다. 세계 최대의 검색 엔진은 AMP 페이지를 사용하여 검색 결과 페이지(SERP)에 표시합니다. 또한 Google은 가속화된 모바일 친화적 페이지를 캐시하고 이에 대한 CDN 역할을 합니다. 이로 인해 모바일 사용자는 저속 데이터 연결에서도 AMP 콘텐츠를 빠르게 다운로드할 수 있습니다.

Will Critchlow의 Whiteboard Friday에 있는 이 다이어그램과 설명은 프로세스를 단순화합니다.

AMP(Accelerated Mobile Pages)란?

가속 페이지는 특수 태그가 있는 HTML 마크업과 전용 JavaScript 라이브러리로 구성됩니다.

  • AMP는 간소화된 버전의 CSS를 사용하도록 합니다.
  • 자바스크립트는 전혀 허용되지 않습니다.
  • AMP가 제공하는 기성 자바스크립트 라이브러리를 강제로 사용해야 하므로 이미지가 지연 로드됩니다.

AMP 페이지에서는 제한된 태그 및 스크립트 집합을 사용할 수 있습니다. 이것은 페이지의 기능과 외부 매력을 감소시키지만 로딩 속도를 극적으로 증가시킵니다. 또한 Google의 사전 캐싱 기술로 페이지 로딩 시간이 단축되었습니다.

웹서퍼는 근본적으로 다른 두 가지 방식으로 AMP를 사용할 수 있습니다. 첫 번째는 사이트 소유자의 서버에서 방문자의 컴퓨터로 데이터를 전송하고 브라우저에 페이지의 가속화된 버전을 표시하는 것입니다. 예를 들어 AMP 지원 사이트에서 모든 모바일 사용자를 가속화된 페이지로 자동 리디렉션하도록 설정할 수 있습니다. 방문자는 모바일 장치를 사용하여 AMP에 액세스하거나 브라우저의 주소 표시줄에 있는 URL에 접미사 "/amp"를 추가할 수 있습니다.

두 번째 방법은 Google 서버에서 캐시된 버전의 AMP를 보는 것입니다.

AMP-rich-card-carousel-Final-Trimmed

세계 최대의 검색 엔진은 SERP의 캐러셀 형식으로 가속화된 페이지에 대한 링크를 표시하거나 AMP 로고 아이콘으로 AMP 콘텐츠를 표시합니다.

AMP 검색 결과

페이지를 볼 때 사용자는 사이트로 이동하지 않고 게시자의 페이지에서 동일한 콘텐츠를 탐색합니다.

불행히도 Google은 이러한 기기에 대해 생성된 문제 페이지에 AMP 캐러셀을 표시할 필요가 있다고 생각하지 않습니다. 따라서 예를 들어 Search Engine Land에 감사드립니다.

Accelerated Mobile Pages를 사용할 가치가 있습니까?

이 질문에 답하기 위해서는 AMP 구현의 장단점과 결과에 주목해야 한다.

AMP의 장점

AMP의 주요 장점은 극적인 로딩 속도 최적화입니다. 표는 몇 가지 인기 있는 측정항목 서비스를 통해 페이지의 기본 및 가속 AMP 버전을 테스트한 결과를 보여줍니다.

서비스/페이지 기초적인 앰프
Google의 PageSpeed ​​Insights 모바일은 62점, 데스크탑은 77점입니다. 모바일은 88점, 데스크탑은 94점입니다.
Pingdom의 로딩 속도 로딩 시간은 5.94초,
페이지 크기는 3.5MB입니다.
로딩 시간은 2.46초,
페이지 크기는 381.4KB입니다.
GTmetrix의 로딩 속도 테스트 로딩 속도는 18.6초,
페이지 크기는 3.49MB입니다.
로딩 시간은 3.4초,
페이지 크기는 314KB입니다.

낮은 로딩 속도는 사용자 경험에 부정적인 영향을 미칩니다. 방문자의 절반 이상이 콘텐츠가 3초 이상 표시될 때까지 기다리지 않습니다. 가속 페이지는 표준 페이지보다 훨씬 빠르게 로드됩니다.

이는 AMP 기술을 사용하여 전송되는 데이터 양이 크게 줄어들기 때문에 가능합니다.

로딩 시간이 웹사이트 전환 및 이탈률에 미치는 영향

게다가, 온라인 쇼핑 사이트가 하루에 $100,000를 번다면 1초의 페이지 지연으로 매년 $250만 달러의 매출 손실이 발생할 수 있습니다.

빠른 로딩은 모바일 기기 사용자에게 매우 중요합니다. 이것이 Google이 AMP를 미리 캐싱하고 느린 인터넷을 사용하는 사람들을 위한 CDN 역할을 하는 이유입니다.

웹 사이트의 로딩 속도와 사용자 경험은 Google의 주요 순위 요소 중 하나입니다. Accelerated Mobile Pages 자체가 Google 순위에서 추가적인 이점을 제공합니까?

2016년 중반 시카고에서 열린 Google의 Search Engine Journal Summit에서 Google 대변인 Harry Illes는 Accelerated Mobile Pages가 순위 요소에 포함되지 않는다고 말했습니다. 하지만 구글 관계자는 앞으로 AMP가 랭킹 요소가 되지 않을 것이라고 단호하게 말할 수는 없었다.

무슨 뜻이에요? AMP 기술만으로는 사이트에 순위를 매기는 이점이 없습니다. 그럼에도 불구하고 구글 랭킹 알고리즘에 대한 행동 요인을 분석하는 Rankbrain이 고려한 사이트의 로딩 속도를 크게 증가시킵니다.

뉴스 사이트와 콘텐츠 프로젝트는 AMP 캐러셀에 들어갈 때 AMP 구현의 이점을 얻습니다. 이 요소는 검색 결과 위의 SERP 상단에 표시됩니다. 이는 게시자에게 추가 클릭을 제공하고 검색 엔진 및 SEO 순위를 간접적으로 향상시킵니다.

따라서 가속 페이지의 주요 이점은 높은 로딩 속도입니다. 사용자 경험을 개선하고 Google SERP에서 사이트의 위치에 간접적으로 영향을 줄 수 있습니다. 또한 리소스는 AMP 캐러셀 덕분에 추가 조회를 받을 수 있습니다.

액셀러레이티드 모바일 페이지의 단점

AMP에는 몇 가지 단점이 있습니다. 주요 내용은 다음과 같습니다.

  • AMP 페이지 방문자는 웹사이트의 기본 버전에서 표준 Google 애널리틱스 코드로 추적할 수 없습니다. AMP 조회수와 방문자를 추적하려면 AMP 페이지에 전용 추적 코드를 추가해야 합니다. Glue for Yoast SEO 및 AMP 플러그인을 사용하면 쉽게 할 수 있습니다.
  • 가속 페이지는 기본 페이지에 비해 기능이 축소되었습니다. 탐색 메뉴, 관련 게시물 블록, 사이드바, 댓글 양식과 같은 모든 클래식 모듈은 수동으로 또는 플러그인을 통해 추가해야 합니다.
  • 높은 로딩 속도를 위해 사이트의 시각 효과를 희생합니다.
  • Google이 캐러셀에 사이트의 가속화된 페이지를 표시하면 사용자는 SERP를 떠나지 않고 페이지를 읽을 수 있습니다.

빠른 로딩 속도를 위해서는 페이지의 기능과 외관에 대한 대가를 치러야 합니다. 대부분의 단점을 완전히 또는 부분적으로 제거할 수 있다는 점은 주목할 가치가 있습니다. 그러나 AMP는 항상 사이트 기본 페이지의 단순화된 버전으로 유지됩니다.

AMP 구현 결과

Google은 웹사이트에서 AMP를 빠르게 인식합니다. 색인이 생성된 AMP 페이지에 대한 정보는 사이트에 AMP가 출시된 후 며칠 이내에 Search Console의 "검색 모양 >> 가속 모바일 페이지" 섹션에 나타납니다.

색인 생성 직후 Google은 사이트의 AMP 버전으로 트래픽을 보냅니다. 2018년 5월 말 기준으로 방문자의 약 50%가 기본 페이지가 아닌 가속 버전 페이지에서 바로 Google을 방문합니다. 다음은 흥미로운 통계입니다.

  • 5월 20일부터 26일까지 일주일 동안 1812명의 방문자가 Google에서 테스트 사이트를 방문했습니다.
  • 1812명 중 1011명이 모바일 사용자입니다.
  • Google의 842명의 사용자가 가속 모바일 페이지를 방문했습니다.

대표자라고 주장하지 않고 특정 리소스의 예를 사용하면 Google이 방문자를 AMP 페이지로 기꺼이 보냅니다. 검색 엔진의 가속화된 페이지에서 전체 사용자 수의 46% 또는 모바일 사용자의 83%가 나타났습니다. 나머지 17%의 스마트폰 및 태블릿 소유자는 적응형 레이아웃이 있는 기본 페이지를 사용했습니다.

주의해야 할 데이터는 다음과 같습니다.

  • Accelerated Mobile Pages의 이탈률은 표준 페이지의 이탈률보다 훨씬 높습니다. Google Analytics에 따르면 일반 페이지에서는 55%에 비해 86%에 달했습니다. 이는 Google Analytics 서비스에서 가속화된 페이지의 성능을 잘못 추적하기 때문일 수 있습니다. 사용자가 AMP에서 기본 페이지로 이동할 때 모니터링 시스템은 새로운 방문을 계산합니다. 이 경우 가속 페이지의 이탈률이 증가하고 세션 깊이가 감소합니다.
  • AMP 방문자의 세션당 페이지 비율은 적응형 페이지 또는 일반 페이지 방문자보다 낮습니다. 사용자는 일반 페이지 방문자보다 관련 게시물 섹션을 사용하여 사이트의 다른 페이지로 이동할 가능성이 훨씬 적습니다.

AMP 구현 후 Google에서 약간의 트래픽 증가가 있었습니다. 적당한 검색 트래픽 증가의 역학은 남아 있습니다.

AMP를 사용한 결과를 평가하기 위해서는 Google의 평균 출석이 하루에 약 150명 정도인 리소스 하나만으로 충분하지 않습니다. 따라서 다른 사람의 경험을 살펴볼 가치가 있습니다. 다음은 흥미로운 데이터입니다.

연구 결과에 따르면 구글은 기본 페이지에 비해 AMP에서 컨텍스트 광고의 효율성이 더 높다고 밝혔습니다. 화면의 보이는 부분에 표시되는 애드센스 블록은 80%, 광고 블록의 CTR은 90% 증가했습니다.

Search Engine Watch의 흥미로운 데이터. Wired Magazine은 AMP 덕분에 검색 결과의 CTR 링크가 25% 증가했습니다. 그리고 가속화된 페이지에서 광고의 클릭 가능성은 63% 증가했습니다. Slate 매거진 사이트의 월간 출석률은 AMP 구현 후 44% 증가했습니다.

CNN 관계자는 월스트리트저널(Wall Street Journal)과의 인터뷰에서 AMP와 기본 페이지가 동등하게 효과적인 광고 덕분에 수익을 창출한다고 말했습니다.

AMP는 기본 페이지보다 훨씬 빠르게 로드됩니다. 그러나 페이지의 기능과 모양을 희생해야 합니다. 테스트 사이트에서는 AMP 구현 후 트래픽이 갑자기 증가하지 않았습니다. 그러나 Google은 모바일 사용자 3명 중 2명 중 모든 3명의 방문자를 테스트 블로그의 표준 페이지가 아닌 가속화된 페이지로 안내합니다.

일부 웹마스터는 AMP를 Google의 불필요한 변덕으로 간주하는 반면, 인터넷의 많은 게시자는 사이트 방문자 수가 증가하고 광고 효과가 증가한다고 보고합니다. 이 정보는 가속 모바일 페이지를 사용할지 여부를 결정하는 데 도움이 됩니다.

WordPress에 AMP를 설치하는 방법

WordPress 사용자의 행운을 위해 Accelerated Mobile Pages는 1분 이내에 구현할 수 있습니다. 이렇게 하려면 WordPress 개발 팀에서 WordPress용 AMP 플러그인을 설치하고 활성화해야 합니다. Automattic의 AMP 플러그인에는 설정이 없지만 일반 블로그 게시물에서 완벽하게 작동하며 거의 모든 WordPress 테마와 호환됩니다.

AMP 유효성 검사기에서 AMP 페이지를 테스트할 수 있습니다.

기능을 확장하고 AMP 페이지의 모양을 개선하려면 WP 플러그인에 대체 AMP를 사용하는 것이 좋습니다. 플러그인 설치 및 활성화 후 관리자 패널의 퀵페이지 설정 메뉴로 이동합니다.

WordPress 일반 설정용 AMP

일반 섹션에서 필요한 경우 사이트 로고를 업로드합니다. 권장 이미지 크기는 190×36픽셀입니다. 크기 조정 버튼을 사용하여 로고의 임의 크기를 지정할 수 있습니다. Automattic의 AMP on WordPress 플러그인과 달리 정적 페이지의 AMP 버전이 필요한 경우 버튼을 켜기 위치로 전환합니다.

WordPress 분석용 AMP

Analytics 섹션에서 Google Analytics를 사용하여 AMP 방문 추적을 활성화합니다. 이렇게 하려면 Google 애널리틱스 ID를 입력합니다. 또한 여기에서 Google 태그 관리자를 사용하여 Google 애널리틱스를 활성화할 수 있습니다.

WordPress 디자인 테마용 AMP

디자인 섹션에서 AMP 페이지의 테마와 레이아웃을 변경할 수 있습니다. 여기에서 기성품 디자인 옵션을 선택할 수 있습니다. AMP 테마 프레임워크를 사용하여 나만의 맞춤 테마를 만들 수도 있습니다.

SEO 섹션에서는 가속화된 페이지에서 Yoast SEO 플러그인의 메타데이터 표시를 구성하고, 헤더에 임의의 HTML 코드를 추가하고, 아카이브 및 카테고리 페이지의 인덱싱을 구성할 수도 있습니다. Yoast SEO 플러그인을 사용하지 않는 경우 기본 설정을 그대로 둡니다.

WordPress용 AMP 애드센스 설정

광고 섹션에서 애드센스 광고의 표시를 구성합니다. 플러그인은 네 가지 광고 옵션을 제공합니다. 모든 페이지의 머리글 위, 모든 페이지의 바닥글 아래, 출판물 페이지의 콘텐츠 위와 아래에 있습니다.

게시 페이지의 콘텐츠 아래에 광고를 게재하려면 AD # 버튼을 켜십시오. 4. 광고의 크기를 선택하십시오. 애드센스 계정에서 광고를 만들고 제안된 필드에 사용자 및 광고 단위 ID를 추가합니다. 생성된 광고의 코드에서 데이터를 가져옵니다.

필요한 경우 가속화된 페이지에 일치하는 콘텐츠 블록을 표시할 수 있습니다. 일치하는 콘텐츠는 사이트 방문자에게 콘텐츠를 홍보할 수 있는 간단한 방법을 제공하는 무료 추천 도구입니다. 독자들에게 그들과 관련된 더 많은 콘텐츠를 제공함으로써 사이트의 페이지 조회수, 사이트에 머문 시간, 독자 충성도, 광고 노출 및 궁극적으로 광고 수익을 높일 수 있습니다. 이를 수행하려면 플러그인의 해당 필드에 블록 ID를 지정하십시오.

WordPress 단일 포스트 디자인용 AMP

단일 섹션에서 게시물 페이지의 모양과 기능을 구성합니다. 화면 하단에 부착된 소셜 아이콘, 이전 및 다음 게시물에 대한 링크를 활성화하고, 관련 게시물 블록을 구성할 수도 있습니다.

AMP 스키마 및 구조화된 데이터

소셜 공유에서 섹션은 소셜 공유 버튼을 활성화합니다. 구조화된 데이터 섹션은 가속화된 페이지 마이크로 마크업에 대한 이미지를 로드합니다. Google은 이를 사용하여 검색 결과를 생성할 수 있습니다. 또한 소셜 네트워크의 가속 페이지에 대한 링크를 게시할 때 스니펫에 사용할 이미지 크기를 지정합니다.

알림 섹션에서 알림 표시를 구성할 수 있습니다. 예를 들어 방문자에게 쿠키 사용 정책에 대해 알리고 GDPR 알림을 표시할 수 있습니다.

AMP 의견 양식

Disqus 댓글 섹션에서 가속화된 페이지에서 댓글 시스템 Disqus를 활성화할 수 있습니다. 이렇게 하려면 Disqus 댓글 지원 버튼을 켜기로 전환하고 Disqus 시스템의 리소스 URL과 서버의 댓글 파일 경로를 지정합니다.

댓글 시스템을 활성화하지 않으면 기본 페이지 방문자가 남긴 댓글 텍스트와 "댓글" 버튼이 AMP 페이지에 표시됩니다. 버튼을 클릭하면 사용자가 페이지의 기본 버전으로 리디렉션됩니다.

WodPress AMP 설정

고급 설정 섹션에서 메인 페이지의 가속 버전과 제목 및 아카이브 페이지를 활성화할 수 있습니다. 이 기능을 사용하려면 홈 지원 및 아카이브 페이지 지원 버튼을 사용하십시오.

모바일 리디렉션 버튼을 사용하면 적응형 버전의 사이트에서 AMP로 모든 모바일 사용자를 자동으로 리디렉션할 수 있습니다.

모든 사용자를 AMP로 리디렉션하지 마세요. 모든 방문자가 사이트에 가속 페이지를 필요로 하는 것은 아닙니다. 리디렉션으로 인해 스마트폰 및 태블릿 소유자는 기능이 제한된 페이지의 축약된 버전을 사용해야 합니다. 이는 사이트 전환율의 하락으로 이어질 수 있습니다.

또한 Google이 사이트 및 AMP의 데스크톱 버전을 확인하면 모바일 우선 색인에 대해 데스크톱 버전을 선택합니다. 이는 모바일 장치에 대한 리소스 적응 부족으로 인해 트래픽 손실로 이어질 수 있습니다.

바닥글에 있는 비 AMP에 연결 버튼을 사용하여 바닥글에 있는 페이지의 전체 버전에 대한 링크를 활성화해야 합니다. 이렇게 하면 사용자가 추가 기능이 있는 기본 페이지로 이동하는 데 도움이 됩니다.

확장 섹션에서 플러그인에 대한 추가 기능을 구매하고 활성화할 수 있습니다. 예를 들어 추가 도구를 사용하여 가속화된 페이지에서 광고를 관리하거나 마이크로 마크업 "등급"을 AMP에 추가할 수 있습니다.

AMP 오류 수정 섹션에서 유료 지원을 활성화할 수 있습니다. 플러그인 개발자는 설정을 이해하고 Search Console에서 오류 알림을 제거하는 데 도움을 줄 것입니다.

가져오기/내보내기 블록을 사용하면 한 사이트에서 다른 사이트로 가속화된 페이지 설정을 마이그레이션할 수 있습니다.

따라서 WordPress 사이트에서는 몇 분 안에 가속화된 페이지를 구현할 수 있습니다. AMP for WP 플러그인으로 레이아웃과 기능을 사용자 정의하는 데 더 많은 시간을 할애하십시오.

Drupal용 AMP

Drupal 사이트에서 Accelerated Mobile Pages를 구현하려면 다음 도구를 사용하십시오.

  • AMP 모듈.
  • AMP 테마.
  • AMP 라이브러리 HTML.

AMP 모듈을 사용하려면 Token 및 Chaos Tools 플러그인이 필요합니다. AMP 페이지에 애드센스 광고를 표시하려면 Google 애드센스 통합 확장 프로그램을 설치하세요.

구성 탭의 AMP 설정 페이지에서 간행물 및 페이지에 대한 가속 버전 표시를 활성화합니다. 가속 페이지를 만드는 데 사용할 테마를 선택합니다. 페이지 방문을 추적하려면 Google Analytics ID를 입력하십시오. 또한 조회수 계산을 위해 AMP 픽셀을 사용할 수 있습니다.

AMP 메타데이터 탭에서 사이트 이름을 입력합니다. 필요한 경우 로고를 다운로드하고 크기를 선택하십시오.

구성 후 페이지의 가속 버전 표시를 확인합니다. 이렇게 하려면 URL에 "?amp" 값을 추가합니다.

Joomla용 AMP!

Joomla!에서 가속 페이지를 구현하려면! 사이트는 확장자 wbAMP를 사용합니다. 이 플러그인의 정식 버전은 연간 $44입니다. 커뮤니티 버전은 무료로 제공됩니다.

플러그인을 설치하고 활성화한 후 설정 페이지로 이동합니다. 플러그인의 무료 버전은 기능이 제한되어 있으므로 가속 페이지를 표시하기 위한 기본 매개변수만 구성할 수 있습니다.

AMP URL의 기본 접미사 값을 그대로 둡니다. 이 경우 가속 페이지를 보려면 amp 값만 추가하면 됩니다.

또한 기본 설정 페이지에서 사이트 및 게시자 데이터에 대한 정보를 제공하십시오. 적절한 유형의 마이크로 마크업을 선택하십시오. 뉴스 노트의 경우 NewsArticle, 블로그 게시물의 경우 BlogPosting.

가속 버전을 생성할 페이지를 선택합니다. 이렇게 하려면 페이지 선택 탭으로 전환합니다.

"com_content에 대한 규칙" 섹션을 완료하십시오. 발행물에 대해서만 가속 페이지를 표시하려는 경우 "보기" 필드에 기사 값을 지정하십시오. '카테고리' 필드에서 출판물에 AMP 버전이 포함될 카테고리를 선택합니다. 필드 ID, 재료의 ID 번호 및 "작업"을 입력하고 값 "*"를 입력합니다. 이 경우 선택한 카테고리의 모든 출판물에 대해 AMP가 생성됩니다.

플러그인 무료 버전의 다른 설정은 사용할 수 없습니다.

Joomla!에는 가속 페이지를 만들기 위한 또 다른 상용 도구가 있습니다! 사이트: JAmp 플러그인. 비용은 39유로입니다. 플러그인의 테스트 사이트에서 도구가 표준 페이지를 가속 페이지로 변환하는 방법을 볼 수 있습니다.

WordPress 및 Drupal과 달리 Joomla! AMP를 만들기 위한 완전 무료 도구는 없습니다.

온라인 스토어용 AMP

AMP 기술은 주로 뉴스 리소스, 블로그와 같은 콘텐츠 프로젝트를 위해 설계되었습니다. 전자 상거래 사이트용 가속 페이지를 만들어야 합니까?

AMP 프로젝트의 저자는 온라인 상점이 가속 페이지를 사용할 수 있고 사용해야 한다고 주장합니다. 전자 상거래 리소스에 대한 기술 구현에 찬성하는 주요 주장 - 모바일 페이지 로드 속도를 높이는 것은 전환에 긍정적인 영향을 미칩니다. 그건 그렇고, eBay는 2016년 중반부터 AMP를 실험하고 있습니다.

OpenCart용 AMP

OpenCart용 가속 페이지를 생성하려면 Accelerated Mobile Pages 모듈을 사용하십시오. 이것은 유료 솔루션입니다. 그리고 항상 이 모듈의 도움으로 생성된 가속 모바일 페이지의 테스트 버전을 링크에서 볼 수 있습니다.

제품 페이지 모듈용 AMP를 테스트할 수도 있습니다. 이것은 무료 솔루션입니다. 부가 기능은 제품 페이지에 대해서만 AMP를 생성합니다. 제품 페이지용 AMP 작업을 위해서는 SEO 친화적 URL 모듈이 필요합니다.

제품 페이지 모듈용 무료 AMP는 현재 이전 소스에서 영업일 기준 1일 반 동안 테스트 중이며 작동하지 않으므로 현재로서는 권장하지 않습니다. OpenCart 버전 2.3.0.2에서 프로그램을 설치 및 활성화한 후 사이트의 가속 페이지가 나타나지 않습니다. 부가 기능은 페이지 헤더에 AMP 버전에 대한 링크를 추가합니다. 링크를 클릭하면 404 오류가 나타납니다.

또한, 모듈을 설치한 결과 주기적으로 사이트에 접속할 수 없게 되며, 브라우저 화면에 다양한 낙서와 모지바케가 나타납니다. 모듈을 제거하고 다시 설치하면 서비스 가능성이 복원됩니다.

아마도 문제는 OpenCart 사이트를 관리하는 실제 경험 부족과 관련이 있습니다. 프로필 포럼의 사용자는 주로 제품 페이지 모듈용 AMP에 대해 긍정적인 피드백을 받았습니다.

마젠토용 AMP

온라인 상점이 Magento 플랫폼에서 실행 중인 경우 유료 플러그인 Accelerated Mobile Pages를 사용하십시오. 모듈은 기본, 카테고리 및 제품 페이지에 대한 AMP를 생성합니다.

PrestaShop용 AMP

PrestaShop 스토어의 가속 페이지는 유료 모듈 PrestaShop AMP를 사용하여 만들 수 있습니다. 메인, 카테고리 페이지 및 제품 카드의 가속화된 버전을 생성합니다.

모듈 기능은 테스트 사이트에서 평가할 수 있습니다.

AMP 구현 여부, 그것이 문제로다!

WordPress에서 실행되는 콘텐츠 프로젝트가 있는 경우 AMP 페이지를 빠르고 비용 효율적으로 구현할 수 있습니다. 기본 플러그인을 설치하는 데 1분, 대체 AMP 플러그인을 설치 및 구성하는 데 30분이 소요됩니다.

Drupal 관리 사이트에는 신속하게 설치 및 구성할 수 있는 무료 솔루션도 있습니다. 하지만 Joomla! AMP를 만들려면 온라인 상점용 CMS 플러그인을 구입해야 합니다.

그러나 경우에 따라 AMP 결과가 예상만큼 밝고 빛나지 않을 수 있습니다. AMP 구현 사례 연구에서 Kinsta는 Kinsta 블로그에서 AMP가 활성화된 시간 동안 매우 중요한 통찰력을 공유합니다.

  • 모바일 리드 는 59.09% 감소했습니다.
  • 모바일에서 뉴스레터 이메일 가입 은 16.67% 감소했습니다.
  • 모바일 장치에서 생성된 계정 은 10.53% 감소했습니다.

게다가 AMP가 완전히 제거되자 Kinsta의 순위가 실제로 올라갔습니다. 왜 그런 일이 일어나고 있습니까? 아마도 가장 큰 이유 중 하나는 AMP가 광고가 많고 뉴스 지향적인 프로젝트에서 SERP 성능을 높일 수 있기 때문일 것입니다. 반면에 웹사이트가 모바일에서 이미 상당히 빠르면 AMP의 긍정적인 영향은 크지 않습니다.

Google에 따르면 2020년까지 전 세계 셀룰러 네트워크 연결의 70%가 3G 또는 그보다 느린 속도로 발생할 것입니다. 따라서 모바일에 최적화하는 것이 매우 중요하지만 이미 잘 최적화된 사이트가 있는 사용자는 큰 차이를 느끼지 못할 것입니다.

Accelerated Mobile Pages의 기능과 모양이 표준 페이지보다 열등하고 아직 순위에서 명백한 이점이 없다면 Accelerated Mobile Pages를 사용하는 것이 의미가 있습니까?

검색 시장의 글로벌 리더인 Google은 분명히 이 프로젝트에서 한 걸음 더 나아갈 것이며 다른 사람들은 규칙에 따라 행동해야 할 것입니다. 논리는 간단합니다. 모바일 트래픽의 점유율이 증가하고 있으며 앞으로도 증가할 것입니다. 사람들은 전화와 시계의 도움으로 온라인에 접속할 것입니다. 이제 커피 메이커와 세탁기도 온라인 상태입니다. 따라서 모바일 기기의 화면에 콘텐츠를 표시하는 기술은 진화할 것입니다.

그런데 몇 년 전 사이트 소유자는 모바일 트래픽에 맞게 사이트를 조정할 필요성에 대해 회의적이었습니다. 오늘날 모바일 버전 또는 적응형 레이아웃은 온라인 리소스의 효과적인 운영을 위한 필수 요소입니다.

AMP 기술은 가까운 장래에 사이트의 효율성을 위한 기본 조건 중 하나가 될 가능성이 매우 높습니다.