5가지 최고의 WordPress AMP 플러그인

이 가이드에서는 WordPress용 AMP를 시작하고 실행하는 방법을 정확히 보여드릴 것입니다. 먼저 컨텍스트를 알아보겠습니다.

전체 인터넷 트래픽의 절반 이상이 모바일 장치에서 발생합니다. 특히 콘텐츠 중심 비즈니스인 경우 모바일이 핵심입니다. MobiLoud에서 우리는 모바일에 관한 모든 것이며, 고객이 기본 앱과 PWA 플랫폼을 통해 모바일 UX와 참여를 높일 수 있도록 돕습니다.

우리는 항상 앱의 이점에 대해 이야기하지만 오늘은 약간 다른 것, 즉 AMP의 잠재력과 AMP가 모바일 게임을 향상시키는 데 어떻게 도움이 되는지에 대해 이야기할 것입니다.

AMP는 모바일 로딩 시간을 늘리고 검색 결과 순위를 높이는 데 도움이 될 수 있습니다. AMP for WordPress로 넘어가기 전에 좀 더 자세히 살펴보겠습니다.

AMP란?

AMP는 Accelerated Mobile Pages의 약자입니다. 2015년에 발표된 후 Google, WordPress 및 기타 유명 기업의 지원을 받는 AMP는 페이지를 베어 HTML로 줄여 모바일에서 더 빨리 로드되도록 웹사이트를 다이어트에 적용하는 프레임워크입니다.

목표는 다음을 만드는 것이었습니다.

"빠르고 원활하게 로드되며 무엇보다도 사용자 경험을 우선시하는 웹페이지를 만드는 직접적인 방법을 제공하는 오픈 소스 HTML 프레임워크"

인기 블로그 및 게시자 사이트와 같은 콘텐츠 중심 사이트를 목표로 하는 AMP는 본질적으로 Facebook의 Instant Articles 및 Apple News와 경쟁하는 Google의 방식입니다. 2015년으로 돌아가 모바일이 진정으로 자리를 잡고 사용자가 느린 로딩 시간에 점점 덜 관대해지고 있던 시대의 징조였습니다.

그 이후로 AMP는 웹의 중요한 부분이 되었습니다. AMP 플러그인으로 설정하는 것도 매우 쉽습니다. 그러나 어떻게 작동하며 어떤 이점이 있습니까? 알아 보자.

AMP는 어떻게 작동합니까?

AMP는 기본적으로 기존 웹 콘텐츠의 제거된 HTML 복제본을 만듭니다.

AMP로 '변환'된 페이지는 다음 3단계를 거칩니다.

• HTML – AMP는 기존 HTML 코드의 간결하고 고유한 마크업을 생성합니다.
• JavaScript – 리소스를 가져오는 데 사용되며 불필요한 렌더링을 제거하기 위해 제거됨
• CDN – 페이지를 캐시하고 즉시 AMP에 적용

AMP는 또한 CSS 요청을 줄이고 부피가 큰 이미지, 백엔드 코드 및 종종 CTA를 제거합니다.

AMP 페이지는 페이지의 기존 표준 버전을 대체 하지 않습니다 . 독자는 두 버전에 대한 전체 액세스 권한을 갖습니다.

AMP의 장점은 무엇입니까?

AMP는 기본적으로 사용자 경험 업그레이드입니다. 요즘 사람들은 참을성이 없습니다. 로드 시간이 1초만 더 길어도 참여 지표에 큰 영향을 미칩니다.

Google은 AMP 홍보에 많은 투자를 하고 있습니다. 그들은 성공 사례를 보여주는 많은 사례 연구를 가지고 있습니다. 이것들은 확인해 볼 가치가 있지만 Google은 편견이 없는 정당이 아니라는 점을 명심하십시오.

키워드 블로그에서 Google 제품 관리자 Rudy Galfi는 2015년에 모바일 웹이 있었던 유감스러운 상태에 대해 이야기합니다. 모바일 사이트의 평균 로드 시간은 3G 연결을 통해 무려 19초에 달했습니다. 게시자가 개선하려면 공유 표준이 필요했습니다.

"우리는 AMP가 당시 퍼블리셔가 훌륭한 사용자 경험을 달성하기 어렵게 만든 트렌드를 역전시키는 데 긍정적인 역할을 했다고 굳게 믿습니다."

구체적으로 AMP는 잠재적으로 다음과 같은 작업에 도움이 될 수 있습니다.

• 이탈률 감소 – 이탈률과 로딩 시간 사이의 관계는 명확합니다. 페이지를 훨씬 더 빠르게 만들고 이탈하는 사용자를 줄입니다.
• 참여 및 트래픽 증대 – 평균적으로 AMP는 전체 트래픽을 10% 증가시키고 페이지에서 보내는 시간을 100% 증가시킵니다. Chartbeat 연구에 따르면 독자는 표준 모바일 페이지보다 35% 더 오래 AMP 콘텐츠에 참여합니다.
• SEO 향상 – AMP가 직접적인 순위 요소는 아니지만 속도가 중요합니다!
• 수익 증대 - AMP는 광고 수익 및 전자 상거래 판매 증가와 관련이 있는 것으로 보입니다.
• 주요 뉴스에 등장하기 – 가장 큰 이점 중 하나는 AMP가 Google의 주요 뉴스 캐러셀에 페이지를 표시한다는 것입니다.

따라서 게시자를 위해 AMP를 구현해야 하는 많은 이유가 있음을 확인했습니다. 이제 가장 좋은 방법은 무엇입니까?

알아 보자.

WordPress용 AMP

WordPress는 AMP 프로젝트의 주요 파트너였습니다. 따라서 WordPress에서 AMP를 구현하는 것이 간단하다는 것은 놀라운 일이 아닙니다.

이제 2021년에는 WordPress 사이트에서 AMP를 간단하게 설정할 수 있습니다. 가장 좋은 방법은 최고의 AMP WordPress 플러그인 중 하나를 사용하는 것입니다.

선택에 도움이 되도록 5가지 최고의 AMP 플러그인 목록을 작성했습니다. 각각에 대해 간단히 살펴보겠습니다.

WordPress를 위한 최고의 AMP 플러그인

다음은 모바일용 WordPress 사이트를 최적화하는 데 권장되는 최고의 WordPress AMP 플러그인 5가지입니다.

AMP – WordPress용 공식 AMP 플러그인

WordPress의 AMP가 처음이라면 AMP 프로젝트의 공식 플러그인을 사용하는 것이 좋습니다. AMP 플러그인 이면의 주요 아이디어를 실행하는 것과 관련하여 이것은 이길 수 없습니다.

Automattic(WordPress의 모회사)과 Google이 여기에 기여하고 500,000개 이상의 활성 설치와 함께 AMP는 WordPress 플러그인 저장소에서 가장 인기 있는 AMP 플러그인으로 남아 있습니다.

다음은 플러그인을 강력한 경쟁자로 만드는 몇 가지 기능입니다.

• AMP 마크업 자동화: AMP는 AMP 마크업 삽입 프로세스를 자동화합니다. WordPress의 기본 콘텐츠 생성 패턴을 고수함으로써 사용자는 익숙한 일반적인 워크플로를 따르기만 하면 됩니다.

• 오류 소스 식별: 플러그인은 원활하고 오류 없는 AMP 경험을 제공합니다. 이것의 핵심은 HTML에서 오류를 찾고 수정하는 기능입니다.

• 기본 테마 호환성: AMP는 핵심 WordPress 테마와도 호환됩니다.

이 플러그인을 사용하면 선택할 수 있는 세 가지 템플릿 모드가 있습니다.

• 표준 모드 – AMP 버전과 비 AMP 버전을 구분하지 않고 사이트 전체에서 플러그인을 사용합니다.
• 전환 모드 – 사이트의 활성 테마를 사용하여 사이트의 별도 AMP 및 비 AMP 버전을 만듭니다.
• 리더 모드 – 간소화된 AMP 표준 페이지 디자인을 제공합니다. 이 모드는 전체 사이트에 서비스를 제공하지 않지만 활성 테마와 다른 모양으로 게시물과 페이지를 표시합니다.

단점은 AMP 콘텐츠의 모양과 기능을 많이 제어할 수 없다는 것입니다. 그러나 완전히 무료이고 사용하기 쉽기 때문에 플러그인은 항상 초보자에게 훌륭한 선택입니다.

AMP for WP – Accelerated Mobile Pages

뛰어난 유틸리티와 다양한 기능을 갖춘 AMP WordPress 플러그인을 찾고 있는 사이트 소유자와 개발자에게 AMP for WP는 고려해야 할 훌륭한 옵션입니다. 이 플러그인은 공식 솔루션보다 훨씬 더 많은 제어 기능을 제공합니다.

이러한 통제가 분명한 영역 중 하나는 디자인 부서입니다. Custom AMP Editor를 사용하면 WordPress 개발자가 AMP 콘텐츠의 모양을 광범위하게 조정할 수 있습니다. 대시보드 내 테마 커스터마이저를 사용하면 다양한 기성 테마 중에서 선택할 수 있을 뿐만 아니라 그에 따라 디자인을 수정할 수도 있습니다.

다음은 AMP for WP가 제공하는 몇 가지 다른 기능입니다.

• 애드센스 지원 및 스크립트 추적 기능
• Gravity Forms, Contact Form 7 및 Ninja Forms의 연락처 양식과 호환 가능(유료 확장 필요)
• WooCommerce 및 쉬운 디지털 다운로드와 통합
• 이메일 수신 동의 및 클릭 유도문안(CTA) 지원
• 전체 SEO 플러그인 호환성(Yoast SEO, 올인원 SEO, SEOPress 등 포함)

AMP for WP는 프리미엄 제품입니다. 무료 버전은 여전히 ​​완전히 사용자 정의할 수 있는 하나의 테마만 제공합니다. 프리미엄 버전은 $19의 좋은 일회성 가격으로 시작합니다. 개별 확장 비용은 최대 $89입니다. 사이트에 완전한 유틸리티가 필요한 경우 단일 사이트의 모든 확장에 액세스하려면 $149를 지불하는 것이 좋습니다.

AMP WP – WordPress용 Google AMP

최고의 AMP WordPress 플러그인 목록의 다음 항목은 덜 인기 있는 제품입니다. 약 1000개의 활성 설치가 있음에도 불구하고 여기에는 여전히 볼 것이 많습니다. 플러그인은 현재 중단된 Better AMP와 기능면에서 매우 유사합니다. 실시간 WordPress Customizer는 AMP 콘텐츠의 모양을 제어하는 ​​매우 편리한 방법을 제공합니다.

이러한 디자인 옵션 외에도 창의력을 발휘할 수 있는 몇 가지 다른 영역이 있습니다.

• AMP를 구현할 게시물 유형 결정
• 헤더 추가 또는 제거와 같은 레이아웃 옵션 간 전환
• 소셜 링크 추가
• Facebook Pixel, Google Analytics 및 기타 호스트와 같은 메트릭 추적 분석 포함

플러그인은 상당한 수의 다른 통합 옵션을 지원합니다. Gutenberg Editor 지원, 사이드바 및 슬라이더 지원, Jetpack 및 Yoast SEO 지원이 필요하십니까? 모두 포함되어 있음을 알 수 있습니다!

불행히도 AMP WP는 다소 제한적인 테마를 하나만 제공합니다. 그러나 완전 무료이며 모바일용으로 웹사이트를 최적화하는 데 큰 역할을 합니다.

weblrAMP

AMP for WP와 유사하게 weblrAMP는 언급할 가치가 있는 또 다른 프리미엄 AMP WordPress 플러그인입니다. 프리미엄 버전의 시작 가격 $49를 정당화하기 위해 플러그인에는 선택의 여지가 없는 많은 기능이 포함되어 있습니다.

무료 버전에서도 모든 무료 AMP 플러그인에 대해 가장 강력한 기능을 제공합니다. 무료로 사용할 수 있는 가장 중요한 몇 가지 기능을 살펴보겠습니다.

• 모든 WordPress 콘텐츠 유형(게시물, 페이지, 카테고리 등)을 위한 AMP
• AMP 콘텐츠의 광고 지원
• Yoast SEO 및 Elementor와 같은 다른 플러그인과의 원활한 통합.
• Google 애널리틱스 및 Google 태그 관리자
• AMP 페이지의 기본 WordPress 댓글

한 단계 더 나아가도록 선택하면 프리미엄 버전의 고급 기능에 제한 없이 액세스할 수 있습니다. 타사 공급업체, WooCommerce 및 Facebook Pixel의 연락처 양식을 통합하고 싶으십니까? 그렇다면 유료 버전이 당신을 위한 것입니다.

weeblrAMP를 사용하면 AMP 콘텐츠를 맞춤설정할 수 있는 넓은 공간을 확보할 수 있습니다. 팀에 개발자가 있는 경우 사용자 지정 CSS 코드를 사용하여 이를 더 잘 활용할 수 있습니다.

올인원 SEO 팩

이 목록의 마지막 항목은 SEO 관점에서 AMP 구현을 제공하는 올인원 솔루션입니다. 본질적으로 SEO 도구이지만 AIOSEO는 여전히 귀하의 사이트에서 이점을 얻을 수 있는 매우 유용한 AMP 기능을 제공합니다.

2백만 개 이상의 활성 설치로 플러그인은 이미 사이트 소유자와 SEO 전문가 사이에서 큰 명성을 얻었습니다. AMP 콘텐츠의 SEO 성능이 걱정된다면 이 도구는 확실히 고려해야 할 도구입니다. AMP for WP 및 기타 AMP WordPress 플러그인과 효율적으로 통합됩니다(타사 애드온 필요 없음).

함께 결합하면 제목, 설명 및 기타 중요한 메타데이터를 가져와서 번거로움 없이 AMP에 표시할 수 있습니다. 더군다나 AIOSEO는 무료 버전에 WooCommerce용 SEO 통합이 포함된 유일한 플러그인입니다!

다중 사이트 지원, API 통합 및 비디오 사이트맵과 같은 고급 기능이 필요한 개인 및 기업은 유료 구독 패키지를 구매해야 합니다. $49.50/년에서 $299.50/년 사이의 4가지 계획이 있습니다.

어떤 AMP WordPress 플러그인이 당신에게 적합합니까?

WordPress AMP 플러그인의 최종 선택은 사이트의 특성, 규모 및 특정 요구 사항에 따라 결정됩니다.

위에서 제안한 모든 옵션은 AMP를 효율적으로 구현하지만 각각은 특정 영역에서 두드러집니다.

다음은 WordPress용 최고의 AMP 플러그인과 이를 고려해야 하는 이유에 대한 간략한 요약입니다.

1. 공식 AMP 플러그인: 초보자를 위한 가장 간단하고 효율적인 솔루션
2. AMP for WP: 다양한 기능을 제공하는 Freemium 제품
3. AMP WP: 적절한 통합 옵션이 있는 무료 플러그인
4. weeblrAMP: 맞춤형 CSS 코드를 지원하는 기능이 풍부한 솔루션
5. 올인원 SEO 팩: Google AMP를 지원하는 강력한 SEO 플러그인

모바일 WordPress용 플러그인에 대해 자세히 알고 싶으십니까? WordPress용 최고의 모바일 플러그인에 대한 기사를 확인하십시오.

WordPress용 AMP를 사용해야 합니까? (AMP 문제)

의심할 여지 없이 WordPress 사이트에 AMP 플러그인을 통합하는 것은 훌륭한 조치입니다. Slate.com에 대한 Google 보고서에 따르면 AMP 구현은 사이트 트래픽을 최대 44%까지 높일 수 있습니다. WordPress, Reddit, Bing, eBay 및 Pinterest와 같은 다른 주요 브랜드에서도 유사한 결과가 복제되었습니다.

그러나 AMP가 있는 모든 장미가 아니라는 점에 유의하는 것이 중요합니다. 몇 가지 장애물과 문제가 있습니다.

기술적 과제

우선 적절한 전문 지식이 없으면 AMP를 구현하고 테스트하는 것이 상당히 어려울 수 있습니다.

AMP WordPress 플러그인은 프로세스를 크게 단순화하지만 팀에 경험이 풍부한 WordPress 개발자가 도움이 될 수 있습니다.

디자인 타협

처음부터 AMP는 스타일 보다 속도 를 우선시했습니다. AMP를 사용하면 디자인 부서에서 실패할 수 있습니다.

모바일 페이지가 최대한 빨리 로드되도록 하기 위해 AMP는 사이트 방문자에게 더 적은 수의 UI 요소와 자산을 표시합니다. 또한 간소화된 HTML 및 JavaScript 코드 덕분에 모바일 사용자는 옵트인 양식, 버튼 및 CTA를 볼 수 없습니다!

이러한 타협이 가치가 있는지 여부는 귀하에게 달려 있습니다.

속도와 모바일 UX가 정말 중요하지만 AMP의 단점을 다루고 싶지 않다면 다른 옵션이 있습니다.

AMP 대안

많은 타협 없이 빠르고 최적의 모바일 사용자 경험을 제공할 수 있는 두 가지 훌륭한 AMP 대안이 있습니다.

퍼블리셔를 위한 탁월하고 탁월한 옵션 인 프로그레시브 웹 앱 과 기본 뉴스 앱 입니다.

프로그레시브 웹 앱(PWA)

또한 Google이 옹호하는 웹 패러다임인 PWA를 사용하면 기존 웹사이트보다 앱처럼 느껴지는 모바일 웹에 대한 번개 같은 빠른 경험을 만들 수 있습니다.

훨씬 더 빠른 사이트, AMP 등의 모든 참여 이점, 푸시 알림 전송 및 오프라인 기능 생성 기능과 같은 기타 이점을 얻을 수 있습니다!

또한 PWA는 속도 덕분에 동일한 SEO 이점을 많이 제공하며 이를 구축한 게시자 및 기타 비즈니스에 전반적으로 일관되게 이점을 보여주었습니다.

PWA에 대한 전체 정보는 50개 이상의 PWA 예제가 포함된 자세한 가이드를 확인하세요!

네이티브 모바일 앱

네이티브 콘텐츠 앱은 퍼블리셔와 전자상거래 사이트에 큰 역할을 할 수 있습니다. 그들은 제공한다:

• 가장 충성도가 높은 독자를 위한 집이자 홈 화면의 소중한 공간
• 충성도, 참여 및 유지에 대한 상당한 향상
• 광고, 인앱 구매 및 구독을 통한 새로운 수익원
• 기기에 상관없이 푸시 알림으로 모든 사용자에게 도달할 수 있는 기능
• Google이나 다른 플랫폼이 아닌 100% 귀하 가 소유한 가치 있는 채널
• 전자상거래 앱의 더 높은 전환율

지난 몇 년 동안 최고의 퍼블리셔들이 앱으로 몰려들었고, 그 이유를 찾는 것은 어렵지 않습니다. 그들은 매우 강력한 채널이 될 수 있으며 전반적으로 KPI를 높일 수 있습니다.

세계 최고의 항공 뉴스 사이트 심플플라잉의 이야기를 확인하세요. 앱 잠재고객은 매달 거의 50배 더 ​​많은 기사를 소비하고 각 기사에 최소 두 배의 시간을 할애합니다! 앱 사용자는 AMP를 물 밖으로 날려버릴 정도로 과도하게 참여합니다.

Huffington 포스트에서도 이를 발견했으며 CEO Jimmy Maymann은 다음과 같이 말했습니다.

"우리 앱을 다운로드하는 사람들은 모바일 웹에서 오는 사람들보다 훨씬 더 자주 방문하고 10배 더 많은 기사를 소비합니다."

자신의 브랜드에 대해 이러한 인상적인 결과를 어떻게 복제할 수 있습니까?

PWA 및 기본 뉴스 앱 구축

NYT 및 Huffington Post와 같은 미디어 브랜드에는 멋진 뉴스 앱과 PWA가 있습니다. 그러나 그들은 구축하기가 쉽지 않았습니다.

수십만 명의 예산으로 개발자 팀을 구축하는 데 수개월이 걸렸습니다. 더 작고 틈새 미디어 브랜드가 어떻게 그것과 경쟁할 수 있습니까?

경쟁의 장을 평평하게 만드는 가장 좋은 방법은 MobiLoud News를 사용하는 것입니다. News는 WordPress 게시자 사이트를 iOS 및 Android용 기본 뉴스 앱으로 변환하는 플랫폼입니다. 최종 결과는 국제적으로 유명한 미디어 브랜드의 앱 못지않게 좋은 앱이 될 것입니다. Foreign Policy Magazine이 News를 사용하여 주력 앱을 구축한 방법을 확인하십시오.

또한 PWA를 설정하여 웹 방문자와 앱을 다운로드할 핵심 청중 모두에게 최상의 모바일 UX를 제공할 수 있습니다.

앱은 사이트에 새로 게시하면 자동으로 업데이트되므로 워크플로에 추가할 사항이 없으며 사이트의 모든 플러그인과 도구를 앱에 통합할 수도 있습니다.

가장 좋은 점은 표준 가격표에서 90%를 절약할 수 있고 앱이 한 달 이내에 준비된다는 것입니다. 게시자 프로그램에 대한 자격이 있는 경우 선불 비용을 전혀 지불할 필요가 없습니다!

우리 팀은 앱 구성, App Store 및 Google Play 제출을 포함하여 모든 까다로운 부분을 처리합니다. 또한 전체 서비스의 일부로 모든 지속적인 유지 관리 및 업데이트를 처리하여 수천 달러와 수십억 달러를 절약합니다. 매년 두통.

모바일 UX는 왕이다

AMP를 구현해야 할 수도 있고 구현하지 말아야 할 수도 있습니다. 그러나 가능한 최고의 모바일 사용자 경험을 만들어야 합니다. 아무 생각이 없습니다.

2021년에는 기본 앱과 빠른 웹 경험을 의미합니다. MobiLoud News는 두 가지를 효과적이고 저렴하게 달성할 수 있는 가장 좋은 방법입니다.

여기에서 뉴스에 대한 자세한 내용을 읽고 앱 전문가와 데모 통화를 예약하고 전체 프로세스에 대해 알아보십시오.

오늘 데모 전화를 예약하세요!