AMP 가이드: AMP란 무엇이며 WordPress 사이트에서 설정하는 방법
게시 됨: 2018-06-06아직 깨닫지 못했을 수도 있지만 모바일 장치를 통해 사이트에 액세스하는 사용자의 약 50%는 로드하는 데 3초 이상 걸리면 사이트를 완전히 떠나게 됩니다.
디지털 비즈니스 분야의 초보자인 초보자로서 동일한 사실을 인식하지 못할 수도 있습니다. 이것이 바로 우리가 당신을 위해 여기에 있는 이유입니다.
모바일 장치에서 사이트를 로드하는 시간에 어떤 형태의 주의도 기울이지 않고 후속 웹 트래픽을 기록하지 않으면 손실을 보게 됩니다. 다른 주요 비즈니스 개발 결정을 내리기 전에 이 숫자를 기록하고 알아야 합니다.
왜 그런 일이 일어나야 합니까?
주로 온라인에서 무엇이든 검색하는 대부분의 사람들이 휴대기기를 통해 검색하기 때문입니다. 따라서 사이트의 페이지 로딩 속도를 최대화하는 것이 중요합니다.
이 작업을 돕기 위해 Google은 최근 새로운 기술을 출시했습니다. 이 기술은 이를 사용하는 사람들을 위해 사이트 경험을 강화하고 목표를 달성하는 데 도움이 될 것을 약속합니다. Google이 출시한 Google Accelerated Mobile Pages (Google AMP라고도 함)는 현대 비즈니스를 위한 더 나은 수익 창출과 함께 더 나은 사이트 트래픽을 달성하기 위한 Google 자체의 혁신적인 이니셔티브입니다.
Google AMP는 특히 모바일 사이트 버전에 적합하며 Google 서버에서 호스팅되는 것처럼 사이트에 있는 모든 항목의 매우 가벼운 버전을 제공하여 속도를 높입니다. 귀하의 사이트를 방문하는 사람들은 빠른 속도로 콘텐츠를 얻게 되므로 기다리기 때문에 귀하의 웹사이트를 떠날 가능성이 없습니다. 그들은 계속해서 당신의 작업을 보고 감탄할 것이고, 따라서 웹 트래픽과 수익의 경우에 당신을 도울 것입니다.
Google AMP가 무엇을 할 수 있는지에 대한 나선형 토론에 실제로 깊이 들어가기 전에 먼저 Google AMP가 실제로 무엇인지에 대해 정교한 방식으로 논의하겠습니다.
Google AMP는 모바일 사이트 버전을 더 빠르고 더 좋게 만들기 위해 Google의 두뇌가 취한 기술 발전입니다. 이러한 두뇌는 다양한 웹사이트의 모바일 버전이 그 어느 때보다 빠르게 로드되기를 원했습니다. 기술, 소프트웨어 및 알고리즘에 관심이 있다면 Facebook 인스턴트 아티클이 무엇인지 알 것입니다. 이것이 무엇인지 안다면 Google AMP를 이해하는 것은 매우 쉽습니다. 그들은 꽤 비슷합니다.
Google AMP는 사이트를 방문할 때 전체 사이트 버전이 로드되지 않도록 합니다. 실제로 Google은 더 빠르게 로드하기 위해 의도적으로 특정 부분을 숨깁니다. 이것은 종종 사이트의 모바일 버전을 다소 미니멀하게 보이게 합니다.
이 이니셔티브는 오픈 소스이므로 누구나 방법론을 사용하여 혜택을 얻을 수 있습니다. 물론 Google은 궁극적인 목표가 특히 모바일 사용자가 웹 콘텐츠에 쉽게 액세스할 수 있도록 하는 것이기 때문에 동일한 제한을 두지 않을 것입니다.
콘텐츠 생성 및 로딩 시간은 종종 대부분의 사람들에게 너무 느린 것으로 보이며 이는 매우 일반적인 불만 사항입니다. 최적화된 콘텐츠로 가득 차 있고 정보가 풍부한 페이지라도 로드하는 데 시간이 더 오래 걸릴 수 있습니다. 그리고 사이트와 비즈니스 소유자가 취한 모든 SEO 및 기타 기술적 노력에도 불구하고 문제는 지속되는 것 같습니다. 이것이 오늘날 Google AMP가 우리 삶에서 중요해지는 이유입니다. AMP(Accelerated Mobile Pages)는 웹사이트 페이지를 로드하기 위해 자바스크립트와 함께 최소한의 HTML 코드에 의존합니다. 이렇게 하면 다양한 웹사이트의 콘텐츠를 AMP 캐시에서 쉽게 호스팅할 수 있습니다. 이러한 캐시 버전은 사람들이 유기적 소스에서 특정 웹사이트를 클릭하자마자 즉시 서비스를 제공하는 데 사용할 수 있습니다.
위에서 언급한 방법은 Facebook 인스턴트 아티클과 매우 유사합니다. 그러나 한 가지 모순이 있습니다! AMP와 달리 인스턴트 아티클은 순수하게 Facebook으로 제한됩니다. 그리고 Facebook의 웹 버전뿐만 아니라 모바일 앱에도 적용됩니다. 그러나 AMP는 거의 모든 곳에서 작동할 수 있습니다. 모든 종류의 앱과 웹 브라우저, 심지어 웹 뷰어에서도 사용할 수 있습니다. 현재 구글 뿐만 아니라 LinkedIn, Twitter, Reddit 등에서도 사용하고 있습니다.
Google AMP가 정말 과장된 가치가 있습니까?
글쎄, 우리는 정답을 말하지 않을 것입니다. 오늘 이 질문에 답할 것입니다. AMP의 장점과 단점을 모두 알려줌으로써 프로세스를 간단하게 만들어 드리겠습니다.
대부분의 SEO 전문가에 따르면 AMP는 Google 검색 엔진에서 더 높은 순위를 얻는 데 도움이 될 것이며 특히 모바일 플랫폼에서 사용자의 경험을 향상시킬 것입니다. 이것은 느린 인터넷 연결을 가진 사람들을 위한 혜택입니다. 그러나 사이트 소유자와 블로거에게 몇 가지 문제를 던질 수도 있습니다.
이제 Google AMP는 제한된 수의 HTML 및 Javascript 옵션을 지원하므로 콘텐츠 마케팅 담당자 및 사이트 소유자로서 모바일 사이트에 몇 가지 위젯을 추가하지 못할 수 있습니다. 이것은 뉴스레터, 이메일 옵션, Facebook 좋아요 및 공유 상자 및 기타 다양한 옵션과 같은 스마트 옵션을 추가하는 데 디지털 마케팅 담당자로서의 능력을 제한하기 때문에 골치 아픈 것으로 판명될 수 있습니다.
Google AMP는 Google Analytics를 지원하지만 실제로 다른 플랫폼에 대한 지원은 제공하지 않습니다. 이것이 Google AMP에서 광고 옵션이 작동하는 방식입니다. 대부분의 광고 플랫폼은 Google에서 지원하지 않습니다.
이러한 몇 가지 제한 사항에도 불구하고 AMP는 여전히 업계에서 웹 페이지 및 사이트 트래픽을 상당한 수준으로 끌어올리는 위치를 유지하고 있습니다. 사이트에 AMP 지원을 추가하는 동시에 SEO 관행을 수행하면 모바일 검색을 통해 사이트로 유입되는 많은 양의 사이트 트래픽을 확실히 수집할 수 있습니다.
WordPress 사이트용 AMP를 통해 생성할 수 있는 모든 이점을 얻을 수 있도록 여기에서 처음으로 Google AMP 프로필을 설정하는 단계별 가이드를 선별했습니다.
WordPress 사이트에 대한 AMP 활성화에 대한 이 빠른 가이드를 실제로 따르기 전에 사이트에 대해 Yoast WordPress 플러그인을 이미 활성화했다고 가정합니다. 아직 수행하지 않은 경우 이 단계를 건너뛸 수 있으며 사이트에서 AMP를 직접 활성화할 수 있습니다. 그러나 전제 조건으로 Yoast SEO 플러그인을 활성화하는 것이 좋습니다.
자, 바로 본론으로 들어갑니다!
WordPress 사이트용 Google AMP 설정.
AMP 프로필을 설정하고 WordPress 사이트에 연결하는 것은 매우 쉽습니다. 모두 Google 자체의 공식 플러그인의 힘을 환영합니다. 공식 AMP 플러그인에는 구성이 필요하지 않으므로 완전히 작동하도록 확장 플러그인을 추가해야 합니다.
먼저 기본 사항에 대해 알아보겠습니다. 공식 플러그인 설치의 기본적인 부분에 대해 알아보겠습니다. 그런 다음 테스트한 다음 그에 따라 설정합니다.
설치
아래의 절차에 따라 WordPress 사이트용 AMP 플러그인을 설치할 수 있습니다. 이 방법을 사용하려면 WordPress 사이트의 관리자 패널에 로그인한 다음 플러그인을 클릭해야 합니다.
- 플러그인을 클릭한 후 '새로 추가' 탭을 클릭한 후 "Accelerated Mobile Pages"를 검색해야 합니다.
- 적절한 옵션을 찾았으면 "활성화"를 클릭하여 설치해야 합니다.
- 플러그인을 활성화하면 "이 테마에는 다음 플러그인이 필요합니다: AMP, 플러그인 설치 시작"이라는 메시지가 표시됩니다. 그런 다음 "플러그인 설치 시작"을 클릭한 다음 "설치"를 클릭해야 합니다.
Google 애널리틱스 설정
AMP 플러그인을 설치했으면 Google Analytics를 설치해야 합니다. Google Analytics를 설정하려면 추적 ID를 찾아야 합니다. 그런 다음 Google Analytics에 로그인한 다음 화면 왼쪽 하단에 나타나는 톱니바퀴 아이콘을 클릭해야 관리자 패널로 이동합니다. 동일한 항목을 선택하면 이제 드롭다운 메뉴에서 직접 계정 및 속성을 선택합니다. 속성 열 아래의 옵션을 보면 "추적 정보"라는 탭이 표시됩니다. 추적 ID를 보려면 동일한 것을 클릭하십시오. 이 ID는 일반적으로 UA로 시작합니다.
이 추적 ID를 복사하고 WordPress 사이트 플랫폼에 로그인하십시오. 화면 왼쪽에서 탐색을 클릭한 다음 AMP로 이동하고 AMP에서 분석을 클릭합니다. "Google Analytics"가 언급된 곳에 추적 ID를 붙여넣습니다. 이 작업을 수행하면 이제 "변경 사항 저장"을 클릭해야 합니다.
플러그인 설정 구성
이 단계에서는 AMP 플러그인의 모양을 사용자 지정하는 데 사용할 수 있는 기본 구성에 대해 설명합니다. 이 구성은 또한 여러 콘텐츠 형식을 지원하는 데 도움이 됩니다.
여기에서는 이미 Yoast SEO 플러그인을 보유하고 있다고 가정합니다. 따라서 이 구성을 시작하려면 Yoast SEO로 이동하여 AMP를 클릭해야 합니다. 그렇게 하면 이제 게시물 유형을 클릭해야 합니다. 여기에서 AMP를 준수할 게시물 유형을 선택할 수 있습니다.
디자인 탭의 두 번째 탭을 클릭하면 이제 AMP 지원 콘텐츠 페이지의 모양을 사용자 지정할 수 있습니다. CSS 스타일을 적용하는 경우 콘텐츠를 사용자 정의하고 유사한 색상 패턴을 연결하여 자신과 사용자 정의 AMP 아이콘을 업로드할 수도 있습니다. 필요한 경우 사이트 페이지의 기본 이미지도 설정할 수 있습니다.
AMP 구성 테스트
AMP URL 생성 과정을 마치면 이러한 URL이 제대로 작동하는지 확인해야 합니다. 올바르게 구성되지 않고 작동하지 않으면 Google은 나중에 검색 결과에 동일한 내용을 표시할 수 없습니다. 이것은 때때로 대부분의 웹마스터에게 상당한 작업이 될 수 있으므로 사전에 취해야 하는 안전 장치입니다!
그러나 모든 문제에 대한 해결책이 있습니다. AMP URL을 테스트하고 검증할 때도 하나를 얻습니다. 사이트 페이지 몇 개를 선택하고 아래에 언급된 절차 중 하나를 사용하여 동일한 AMP 버전을 테스트해야 합니다. 그러나 계속 진행하여 이러한 작업 중 하나를 수행하기 전에 앞에서 설명한 것처럼 URL 끝에 /amp/를 추가해야 합니다.
이 웹사이트로 이동해야 합니다. - search.google.com/test/amp 그리고, 이 웹사이트에 사이트 페이지 URL을 드롭해야 합니다. 그렇게 하면 이제 "테스트 실행"을 클릭해야 합니다. 유효하거나 무효인지 여부에 관계없이 결과를 볼 수 있습니다.
두 번째 옵션은 특히 Google Chrome 웹 브라우저를 사용하는 사람들에게 도움이 됩니다. Mozilla Firefox, Safari 등과 같은 다른 웹 브라우저를 사용하여 인터넷에 액세스하는 경우 이 옵션이 제대로 적용되지 않습니다.
Chrome 브라우저에서 AMP 페이지를 열고 사이트 URL에 #development=1을 추가해야 합니다.
다음으로 해야 할 일은 Chrome 메뉴 자체에서 Chrome 개발자 도구 콘솔을 열고 '추가 도구'를 선택하는 것입니다. 그런 다음 '개발 도구'를 클릭한 다음 '콘솔'을 클릭해야 합니다.
'콘솔'을 클릭하면 유효성 검사 오류를 확인할 수 있습니다. 일이 원활하고 제대로 작동한다면 검증 프로세스가 성공적이어야 합니다.
따를 수 있는 세 번째 옵션은 이 웹사이트인 validator.ampproject.org로 이동하여 여기에서 언급된 URL 필드에 AMP URL을 붙여넣는 것입니다. 붙여넣은 후 "확인"을 클릭해야 합니다.
오류나 문제가 있는 경우 이 도구는 해당 오류를 강조 표시하고 HTML에서 플래그를 지정합니다.
색인 생성 프로세스를 위해 AMP URL 제출
Google Search Console을 통해 AMP 유효성 검사 프로세스를 따랐다면 테스트가 유효한 것으로 확인되면 나중에 "Google에 제출"을 직접 클릭할 수 있습니다.
그렇지 않은 경우 다른 옵션이 있습니다. 이것은 Google Search Console 계정에 로그인한 경우 작동합니다. 그렇게 하면 "Google에 제출"을 검색한 다음 사이트 URL을 직접 제출할 수 있습니다.
다른 방법을 통해 AMP 사이트 페이지를 Google에 제출할 때 Google은 AMP 사이트 페이지가 내부적으로 연결되어 있고 XML 사이트맵에 나열되어 있는지 여부에 관계없이 나중에 AMP 사이트 페이지의 색인을 생성합니다.
모든 오류를 해결하려면 Google Search Console을 확인하세요.
다음 단계는 Google Search Console이라는 한 위치에서 AMP 사이트 페이지를 관리하는 방법을 배우는 것입니다. Google Search Console에 로그인한 다음 '검색 모양' 탭에서 'Accelerated Mobile Pages'를 클릭해야 합니다.
이렇게 하면 인덱싱된 AMP 페이지 수와 그렇지 않은 페이지 수를 확인할 수 있습니다. 아직 인덱싱되지 않은 항목에는 일종의 오류가 있어야 하며 여기에도 표시됩니다. 중요한 문제를 식별하면 나중에 이전 단계에서 언급한 도구를 사용하여 이러한 오류를 해결할 수 있습니다.
페이지 속도 테스트.
위에서 언급한 모든 것이 완료되면 이제 이점을 보기 시작해야 합니다. 노력이 결실을 맺었는지 확인하려면 WebPageTest와 같은 속도 도구를 통해 AMP 페이지와 표준 모바일 사이트 페이지를 실행해야 합니다. 또한 두 페이지의 결과를 비교해야 합니다.
그리고 짜잔! 완료되었습니다. AMP 여정을 시작할 수 있습니다.
구글은 모바일 퍼스트 인덱싱과 페이지 스피드 프로세스의 형태로 기적을 공개하면서 노력을 강화하고 있다. 이를 통해 오늘날 많은 사이트와 비즈니스의 순위 요소가 되고 있습니다. AMP 형태로 Google이 취한 기술 이니셔티브는 오늘날 모든 현대 비즈니스와 모바일 앱 개발 회사에 중요한 단계입니다. 동일한 것으로 전환하지 않으면 장기적으로 문제가 될 수 있습니다! 두려워하지 마십시오. 스위치를 켜십시오! 나중에 감사할 것입니다.