GeneratePress와 AMP를 완벽하게 호환시키는 방법

GeneratePress와 AMP는 호환됩니다. 이 게시물에서는 GeneratePress를 AMP와 100% 호환되게 만드는 방법을 보여드리겠습니다.

Accelerated Mobile Pages(AMP)는 Google이 Automattic과 함께 만든 오픈소스 프로젝트입니다. 목표는 모바일 폰에서 웹사이트를 더 빠르게 만드는 것입니다.

방문자의 대부분이 모바일에서 유입된다면, AMP는 시간이 지남에 따라 트래픽을 크게 늘릴 수 있는 잠재력이 있습니다.

하지만 방문자의 대부분이 데스크톱에서 온다면 큰 차이를 느끼지 못할 수도 있지만 그래도 가치는 충분합니다.

GeneratePress 내가 본 가장 빠른 WordPress 테마입니다. 내 것을 볼 수 있습니다 생성프레스(GeneratePress) 리뷰좋은 소식은 AMP와 100% 호환된다는 것입니다.

귀하의 웹사이트/블로그에 AMP 구현하기

AMP를 구현하는 가장 좋은 방법은 다음을 활용하는 것입니다. 공식 AMP 플러그인 Google에서 직접 구축하고 유지 관리하고 있습니다.

플러그인을 설치하고 활성화하려면 WordPress 디렉토리를 방문하세요. 이를 위해 대시보드에서 플러그인을 클릭한 다음 새로 추가를 클릭하세요. 페이지에 도착하면 AMP를 검색하세요. AMP 플러그인이 보일 겁니다.

설치가 완료되면 플러그인을 활성화합니다. 그런 다음 설정을 클릭합니다. 세 가지 옵션이 표시됩니다. 표준 모드, 전환 모드 또는 리더 모드. 리더 모드는 정상적으로 작동합니다. 테마에 의존하지 않으므로 작동합니다. 하지만 전환 모드나 표준 모드에서 GeneratePress를 실행하는 데 문제가 있는 경우 여기의 단계를 따르세요.

다른 AMP 플러그인을 사용하는 경우에도 다음 단계를 따르세요.

GeneratePress와 AMP를 완벽하게 호환시키는 방법

GeneratePress와 AMP를 완벽하게 호환시키려면 다음 단계를 따르세요.

1. AMP for GeneratePress 플러그인을 다운로드하고 설치하세요

GeneratePress의 개발자이자 설립자인 Tom Usborne의 공식 플러그인이 있습니다. 이 플러그인의 목적은 AMP와의 호환성 문제를 해결하는 것입니다.

이 플러그인은 아직 WordPress 디렉토리에서 사용할 수 없습니다. 하지만 톰이 이메일로 곧 사용할 수 있게 할 것이라고 말했습니다.

지금은 GitHub에서 플러그인을 받으세요.

거기에 도착하면 복제 또는 다운로드를 클릭합니다. 그런 다음 다운로드 zip을 클릭합니다.

이제 WordPress 대시보드로 이동하려면 플러그인을 클릭한 다음 새로 추가를 클릭합니다. 새 페이지에서 플러그인 업로드를 클릭한 다음 방금 다운로드하고 설치한 파일을 선택합니다.

설치가 완료되면 활성화하세요. 그게 전부입니다.

2. AMP를 전환 모드 또는 표준 모드로 전환

이제 AMP 플러그인 설정으로 다시 가서 전환 모드 또는 표준 모드로 전환합니다. 전환 모드는 테마 프레임워크가 AMP와 비 AMP를 제공하는 데 사용되는 반면 표준 모드는 사이트가 AMP 우선임을 의미합니다.

사이트가 AMP 전환 모드에서 작동하는 경우 표준 모드에서도 작동합니다. 두 가지의 유일한 차이점은 표준 URL입니다.

전환 모드에서는 다음을 추가해야 합니다. ?앰프 홈페이지를 포함한 링크의 끝에 AMP에 접속할 수 있는 링크를 추가하세요.

하지만 표준 모드에서는 추가가 필요 없습니다. 표준 URL은 amp입니다.

이 테스트에서는 작동을 보여주기 위해 전환 모드를 사용합니다. 저는 대부분의 방문자가 데스크톱에서 오기 때문에 리더 모드에서 AMP를 사용하는 것을 선호합니다.

3. AMP 테스트를 실시합니다.

전환 모드나 표준 모드로 변경한 후, 많은 오류가 표시됩니다! 당황하지 마세요!

변경 후 발생한 오류를 아래에서 확인할 수 있습니다. 블로깅 도구 전환 모드로 전환.

오류지수는 48개입니다.

이러한 오류의 대부분은 경고입니다. 일부는 플러그인으로 인해 발생합니다. 경고는 강조 표시된 항목이 AMP에 표시되지 않음을 알려주기 위한 것입니다.

주제와 관련된 중요한 경고는 발견되지 않았습니다.

내가 알아차린 가장 큰 문제는 내 캐싱 플러그인 Breeze에서 발생했습니다. AMP를 만족시키지 못하는 CSS를 추가하고 있었습니다. 그래서 Breeze를 비활성화하고 테스트를 진행했습니다.

당신이 사용할 수 테스트를 위한 Google 공식 AMP 테스트 도구.

결과는 AMP가 문제 없이 실행 중임을 보여줍니다. 아래를 참조하세요.

홈페이지 테스트는 다음과 같습니다.

그런 다음 게시물 페이지를 테스트했습니다.

위에서 볼 수 있듯이 AMP와 GeneratePress는 완벽하게 호환됩니다.

일반적인 문제

전환 모드나 표준 모드에서도 AMP가 작동하지 않는 경우, 문제는 플러그인 중 하나에 있을 가능성이 큽니다.

가장 큰 원인은 AMP와 호환되지 않는 캐싱 플러그인이나 최적화 플러그인일 가능성이 큽니다.