AMP 잇 업! Drupal AMP의 이유와 방법(및 웹사이트에 미치는 영향)

2015년 10월 오픈 소스 AMP(Accelerated Mobile Pages) 프로젝트가 시작되었을 때 Google AMP는 종종 Facebook의 Instant Articles와 비교되었습니다. 그럼에도 불구하고 두 기술 거물은 웹 페이지를 더 빠르게 로드한다는 공통 목표를 공유합니다. 웹 URL을 통해 AMP에 연결할 수 있지만 Facebook의 인스턴트 아티클은 앱 사용자의 고통을 완화하는 데만 목표를 둡니다. 출판 및 기술 분야의 강력한 출시 파트너와 협력하여 Google AMP는 모바일 장치에서 콘텐츠 배포의 미래에 영향을 미치는 것을 목표로 했습니다.

오늘로 빨리 감기, Google AMP는 인터넷에서 가장 인기 있는 것입니다. 40억 개 이상의 AMP 페이지를 게시한 2,500만 개 이상의 웹사이트 도메인을 통해 프로젝트가 큰 성공을 거두는 데 오랜 시간이 걸리지 않았습니다. 두 가지 주요 기능으로 구성됩니다. 개체의 수익화 속도 및 지원, AMP는 엔터프라이즈 비즈니스, 마케팅 담당자, 전자 상거래 및 기타 모든 크고 작은 조직에 광범위하게 영향을 미치고 있습니다. 훌륭한 기능과 그 기원이 Google 이니셔티브라는 사실을 감안할 때 AMP 페이지가 Google SERP에 더 눈에 띄게 표시되는 것은 놀라운 일이 아닙니다.

AMP란?

모바일 사용자가 급증하면서 웹사이트와 같은 사용자 경험을 제공해야 할 필요성이 줄어들었습니다. 오늘날 모바일 사용자는 주의 집중 시간이 짧고 인터넷 속도가 다양합니다. 기업은 Google AMP를 사용하여 빠르게 로드되고 가벼우며 앱과 같은 웹사이트를 통해 이러한 각 과제를 해결할 수 있습니다.

AMP는 HTML을 단순화하고, CSS 규칙을 간소화하고, Javascript 사용을 제한하고(대신 AMP의 구성요소 라이브러리를 사용할 수 있음) Google AMP 캐시(프록시 기반 콘텐츠 전송 네트워크)를 통해 페이지를 전달하는 오픈 소스 프레임워크입니다.

왜 AMP??

디지털 자산의 기술 아키텍처에 영향을 미치는 Google의 오픈 소스 이니셔티브는 모바일 브라우저 및 기타 앱에 간소화된 웹 페이지를 제공하는 것을 목표로 합니다.

정말 빠름처럼 빠름

Google AMP는 일반 모바일 페이지보다 약 2배 빠르게 로드되며 지연 시간은 10분의 1에 불과합니다. 모바일 사용자에게 가장 빠른 경험을 제공하기 위해 고객은 콘텐츠에 더 빠르게 액세스할 수 있으며 시간이 오래 걸리지 않는다는 것을 알기 때문에 구매를 하거나 서비스에 대해 문의하기 위해 페이지에 머무를 가능성이 더 큽니다.

유기적 부스트

Google SERP의 다른 검색 결과 위에 있는 AMP 캐러셀에 대한 자격은 결과적으로 유기적 결과 및 트래픽의 상당한 증가로 이어지며 조직의 가시성을 크게 향상시킵니다. 페이지 권한과 도메인 권한을 높이는 것은 아니지만 Google AMP는 훨씬 더 많은 트래픽을 보내는 데 핵심적인 역할을 합니다.

ROI

AMP가 웹사이트의 기존 웹 인프라를 활용하고 방해하지 않는다는 사실은 경쟁 기술보다 AMP 채택 비용을 훨씬 적게 만듭니다. 그 대가로 Google AMP는 더 나은 사용자 경험을 제공하여 휴대기기에서 더 나은 전환율로 이어집니다.

드루팔 & AMP

더 나은 사용자 참여, 더 긴 체류 시간, 콘텐츠 이점 간의 간편한 탐색을 통해 기업은 AMP 친화적인 페이지로 더 많은 트래픽을 유도하고 수익을 증대할 수 있습니다. AMP 모듈은 Drupal SEO 노력을 최적화하기 위한 훌륭한 추가 기능이므로 마케터에게 특히 유용합니다.

AMP는 웹을 더 빠르게 만드는 HTML을 생성합니다. Drupal에서 AMP 모듈을 구현하는 것은 정말 간단합니다. 다운로드, 활성화 및 구성하기만 하면 됩니다!
Drupal과 AMP 모듈의 통합을 시작하기 전에 다음이 필요합니다.
AMP 모듈 : AMP 모듈은 주로 일반 Drupal HTML 페이지를 AMP 호환 페이지로 변환하는 작업을 처리합니다.

AMP 모듈의 두 가지 주요 구성요소:

AMP 모듈 : AMP 모듈은 주로 일반 Drupal HTML 페이지를 AMP 호환 페이지로 변환하는 작업을 처리합니다.
AMP 모듈의 두 가지 주요 구성요소:

AMP 테마: AMP HTML과 표준을 접하셨을 것입니다. 귀하의 콘텐츠가 모바일에서 효과적이고 잘 수행되도록 책임지는 사람입니다. Drupal AMP 테마는 모바일 세계에서 잘 작동하려는 웹사이트에 대해 이러한 표준에서 요구하는 마크업을 생성합니다. 또한 AMP 테마를 사용하면 맞춤형 AMP 페이지를 만들 수 있습니다.

AMP PHP 라이브러리: AMP 기본 테마와 ExAMPle 하위 테마로 구성된 Drupal AMP PHP 라이브러리는 최종 수정 사항을 처리합니다. 사용자는 처음부터 자신의 AMP 하위 테마를 만들거나 특정 요구 사항에 맞게 기본 ExAMPle 하위 테마를 수정할 수도 있습니다.

Drupal로 AMP를 설정하는 방법은 무엇입니까?

AMP를 Drupal과 통합하기 전에 AMP가 전체 웹사이트를 대체하지 않는다는 점을 이해해야 합니다. 대신, 본질적으로 AMP 모듈은 브라우저에서 AMP 버전을 요청할 때 표시되는 콘텐츠 유형에 대한 보기 모드를 제공합니다.

AMP 모듈 다운로드

로컬이 준비된 상태에서 다음 터미널 명령을 입력합니다.

drush dl amp, amptheme, composer_manager

이 명령은 AMP 모듈, AMP 테마 및 Composer Manager 모듈을 다운로드합니다(Composer Manager가 아직 없는 경우).

Drupal 8 사용자라면 아마도 Composer와 프로젝트에 대한 종속성을 설치하는 PHP용 패키징 도구로서의 기능에 익숙할 것입니다. 작성기는 원시 HTML을 AMP HTML로 변환하는 PHP 라이브러리를 설치하는 데 사용됩니다. 또한 작곡가는 해당 라이브러리가 Drupal과 함께 작동하도록 돕습니다.

그러나 AMP 모듈에는 종속성을 위해 Composer Manager가 명시적으로 필요하지 않으므로 대체 워크플로는 Composer Manager를 사용하지 않고 모듈 Composer 파일을 사용할 수 있습니다.

다음으로 시작하는 데 필요한 항목을 활성화합니다.

drush en composer_manager, amptheme, ampsubtheme_example

AMP 모듈 자체를 활성화하기 전에 AMP 하위 테마를 활성화해야 합니다. AMP 모듈의 기본 구성은 AMP 테마를 'ExAMPle 하위 테마'로 설정합니다.

AMP 모듈을 활성화하는 방법은 무엇입니까?

Drupal용 AMP 모듈은 Drush를 사용하여 활성화할 수 있습니다. 모듈이 활성화되면 Composer Manager가 다른 AMP 라이브러리 및 해당 종속 항목의 다운로드를 처리합니다.

drush en amp

구성

모든 것이 설치되고 활성화되면 Drupal AMP 페이지가 표시되기 전에 웹 인터페이스를 사용하여 AMP를 구성해야 합니다. 먼저 AMP 버전이 있어야 하는 콘텐츠 유형을 결정해야 합니다. 그들 모두에게 필요하지 않을 수도 있습니다. "사용자 지정 디스플레이 설정에서 AMP 활성화" 링크를 클릭하여 특정 콘텐츠 유형을 활성화합니다. 다음 페이지에서 "사용자 지정 디스플레이 설정" 필드 집합을 엽니다. AMP 상자를 선택한 다음 저장을 클릭합니다.

AMP 테마 설정

AMP 모듈 및 콘텐츠 유형이 구성되면 AMP 페이지의 테마를 선택하고 구성할 차례입니다. Drupal AMP 모듈의 보기 모듈과 필드 포맷터는 페이지의 주요 콘텐츠를 처리합니다. 반면 Drupal AMP 테마는 페이지의 기본 콘텐츠 영역 외부에서 마크업을 변경합니다.

또한 Drupal AMP 테마를 사용하면 AMP 페이지에 대한 사용자 정의 스타일을 만들 수 있습니다. 기본 AMP 구성 페이지에서 AMP 테마 설정이 ExAMPle 하위 테마 또는 사용자가 만든 사용자 지정 AMP 하위 테마로 설정되어 있는지 확인합니다.