따라야 할 WordPress 단계에 AMP 설치
게시 됨: 2021-06-25
오늘의 시나리오에서 모바일 사용자에게 더 나은 사용자 경험을 제공하려면 WordPress에 AMP를 설치하는 것이 절대적으로 필요합니다.
AMP 또는 Accelerated Mobile Pages는 웹사이트와 웹페이지의 로딩 속도를 높이기 위해 Google에서 제공하는 캐시 메커니즘입니다.
오늘날의 세계에서 스마트폰의 판매량이 비약적으로 증가함에 따라 모바일 사용자의 수가 기하급수적으로 증가하고 있습니다. 그러나 모바일 사용자는 초고속 인터넷 속도가 없으며 웹 페이지를 로드하는 데 너무 많은 시간이 걸리면 사용자는 확인하지 않고 웹 사이트를 닫습니다.
Google AMP 이해하기
WordPress에 AMP를 설치하기 전에 실제로 AMP가 무엇인지 이해하는 것이 중요합니다. 콘텐츠가 풍부한 웹 페이지를 더 빠르게 로드할 수 있도록 Google에서 제공하는 오픈 소스 기술입니다. 제한된 HTML, JS 및 CSS 코드를 사용하여 Google AMP 캐시에서 웹 페이지를 일시적으로 호스팅함으로써 달성됩니다. 사용자가 웹페이지에 액세스하면 Google은 저장된 캐시 버전을 사용자에게 즉시 제공할 수 있습니다. Google, Facebook, Twitter, Reddit, LinkedIn 외에도 이 기술을 사용하여 모바일 사용자에게 게시물을 더 빠르게 제공합니다.
Google AMP의 장점은 모바일 브라우저에만 국한되지 않는다는 것입니다. 모바일 사용자가 타사 앱이나 웹 뷰어에서 웹페이지를 열면 Google AMP는 캐시에서도 페이지를 제공합니다. 또한 WordPress에 AMP를 설치하면 검색 엔진 결과 페이지에서 사이트 순위를 높이는 데 도움이 됩니다. 반면에 웹 페이지는 제한된 HTML, JS 및 CSS 코드 세트로 저장되기 때문에 웹 페이지가 완전히 표시되지 않습니다. 이메일 양식, 소셜 미디어 상자 등과 같은 모든 위젯 또는 타사 통합이 일시 중단됩니다. 그러나 여전히 Google Analytics를 사용할 수 있습니다.
따라서 모바일 사용자로서 트래픽의 큰 덩어리가 있다면 반드시 설치하고 웹사이트에 활력을 불어넣고 많은 모바일 사용자를 유기적으로 확보해야 한다는 결론이 나옵니다.
WordPress에 AMP 설치
1단계. 플러그인 설치
먼저 AMP 플러그인을 설치해야 합니다. 관리자 대시보드로 이동하여 왼쪽 메뉴에서 플러그인으로 이동합니다. 드롭다운에서 새로 추가를 클릭합니다. 다음 화면에서 플러그인을 검색하여 설치하고 활성화합니다. 완료되면 대시보드로 이동하고 모양에서 AMP로 이동합니다.
AMP 플러그인
2단계. 커스터마이징
AMP를 사용할 때 휴대기기에서 웹사이트가 어떻게 보이는지 확인할 수 있습니다. 테마에 따라 로고와 파비콘이 표시될 수 있습니다. 표시되는 방식이 마음에 들지 않으면 많은 사용자 정의를 수행하여 모양을 변경할 수 있습니다. 글꼴 색상이나 헤더 배경색을 빠르게 변경할 수 있습니다. 모든 변경이 완료되면 저장 버튼을 클릭합니다.
3단계. 특정 웹페이지 확인하기
AMP를 사용하여 특정 웹페이지가 어떻게 보이는지 확인하려면 브라우저로 이동하여 해당 페이지에 직접 액세스하고 완전히 로드되면 끝에 /amp를 추가하여 URL을 수정할 수 있습니다. 예를 들어 일반 웹 페이지 링크가 www.mysite.com/about-us인 경우 해당 AMP 버전을 보려면 URL을 www.mysite.com/about-us/amp/로 만드십시오.
페이지가 열리지 않고 404 오류가 표시되는 경우 대시보드, 설정, 영구 링크로 이동해야 합니다.
다음 화면이 열리면 변경하지 말고 변경 사항 저장 버튼을 클릭하십시오. 이렇게 하면 Permalink가 업데이트되고 브라우저 탭으로 돌아가서 404 웹 페이지를 새로 고치면 웹 페이지가 나타납니다.
4단계. Google Search Console을 사용하여 웹사이트 확인하기
귀하 중 일부는 Google 검색 엔진 결과 페이지에서 좋은 순위를 얻기 위해 WordPress에 AMP를 설치하고 있을 수 있습니다. Google Search Console(GSC)을 사용하여 Google 검색에서 웹사이트가 어떻게 보이는지 확인할 수 있습니다. 웹사이트를 이미 GSC에 추가했다고 가정하고 GSC 계정으로 이동하고 왼쪽 메뉴에서 검색 모양을 클릭합니다. 그 아래에 Accelerated Mobile Pages가 있습니다. 그 안에 웹 사이트와 웹 페이지가 표시됩니다. Google에서 웹페이지의 색인을 생성하는 데 몇 시간에서 며칠이 소요될 수 있으므로 AMP 플러그인을 설치한 후 웹사이트가 즉시 표시되지 않을 수 있다는 점에 유의하는 것이 중요합니다.
AMP의 고급 사용자 정의
Google AMP에는 제한된 맞춤설정 옵션이 제공됩니다. Glue For Yoast SEO & AMP라는 또 다른 인기 있는 플러그인이 있습니다.
Yoast SEO용 접착제
설치하기 전에 Yoast SEO 플러그인이 애드온이므로 이미 설치했는지 확인하십시오. 두 플러그인을 모두 설치하려면 대시보드에서 플러그인으로 이동하여 새로 추가를 클릭합니다. 플러그인을 검색하고 설치하고 활성화합니다. 활성화 후 대시보드로 돌아와 왼쪽 메뉴에서 Yoast SEO로 이동한 다음 드롭다운에서 AMP를 클릭합니다.
새 화면에서 AMP에 대한 고급 옵션을 찾을 수 있습니다. 게시물 대신 페이지와 미디어에 대해 AMP 캐시 메커니즘을 활성화할 수 있습니다.
디자인 탭으로 이동하면 모바일 페이지에 대해 별도의 아이콘을 설정하는 옵션, 이미지가 없는 게시물에 대한 기본 이미지, AMP 헤더 색상, 제목 색상, 텍스트 색상 및 메타 정보 색상을 변경하는 옵션이 있습니다. 이것은 브랜딩 목적과 모바일 페이지를 더 보기 좋게 만드는 데 유용합니다.
사람들이 가속 모바일 페이지에 액세스할 때 모든 분석을 수집하기 위해 Google Analytics ID를 추가할 수 있는 Analytics라는 또 다른 탭이 있습니다.
WooCommerce 기반 WordPress 웹 사이트가 있는 경우 유료 플러그인인 WP AMP를 설치해야 합니다. 또한 애드센스 및 단축 코드를 지원합니다. iFrame을 사용하여 비디오와 같은 항목을 포함할 수도 있습니다.
WordPress에 AMP를 설치한 후 –
웹사이트용 AMP 설정을 마치면 늦게까지 애널리틱스를 면밀히 관찰해야 합니다. Google AMP가 예전처럼 트래픽을 늘리지 않고 검색 엔진 순위도 상승하고 있다는 몇 가지 불만이 있습니다. 내려간다. 이러한 경향이 보이면 플러그인을 비활성화하거나 계속 사용하여 멋진 사용자 경험을 제공할 수 있습니다.
웹 콘텐츠의 시대는 컴퓨터와 노트북에서 모바일과 태블릿으로 옮겨가고 있습니다. 인터넷 사용자의 50% 이상이 모바일 장치를 사용합니다. 따라서 모바일 장치에서 인터넷 서핑 경험을 개선하기 위한 조치가 필요했습니다. 2016년에 'Accelerated Mobile Pages'가 출시되었습니다. AMP라고도 알려진 Accelerated Mobile 페이지는 모바일 장치에서 웹 콘텐츠의 성능 향상에 중점을 둔 웹사이트 게시 기술에 대한 글로벌 이니셔티브입니다.
이제 'AMP가 정확히 무엇을 합니까?'라는 질문이 나옵니다. 글쎄요, AMP는 HTML 코드의 제거된 버전으로, 모바일 기기에서 페이지와 콘텐츠의 로딩 시간을 정확히 줄여줍니다. AMP HTML은 자바스크립트 또는 기타 타사 스크립트를 포함하여 모바일에서 웹페이지 속도를 늦추는 경향이 있는 모든 요소를 제거하여 성능을 향상시킵니다.
현재 모든 AMP 사용자는 뉴스를 게시하는 온라인 웹사이트입니다. 그러나 AMP는 곧 다른 비즈니스 목적으로도 유용하게 될 것이라고 합니다. Google과 같은 큰 기술 회사는 이미 이 AMP 기능을 개발하고 웹사이트와 회사에서 사용할 수 있도록 하는 데 앞장서고 있습니다. 맞춤 설계된 웹사이트는 AMP의 기능을 사용하기 위해 기존 HTML 및 CSS가 아닌 AMP HTML 코딩 언어로 웹페이지를 개발해야 합니다. 반면에 WordPress로 개발된 웹사이트는 페이지에 AMP를 활성화하기 위해 AMP 플러그인을 설치하기만 하면 됩니다. WordPress가 게임을 빠르게 바꾸는 곳입니다.
WordPress AMP로 개발된 웹 사이트의 주요 이점 중 하나는 모바일 장치에서 HTML과 CSS만으로 개발된 기존 웹 페이지보다 페이지가 85% 더 빠르게 로드된다는 것입니다. 연구에 따르면 모바일 사용자는 로드하는 데 3-4초 이상 걸리면 웹페이지를 떠납니다. 따라서 AMP 기술을 사용하여 웹사이트 페이지를 개발하는 기업은 방문자의 이탈률을 줄일 수 있습니다. AMP는 또한 웹사이트를 보다 모바일 친화적으로 만드는 데 도움이 됩니다.
AMP는 페이지 로딩 속도와 모바일 친화성이 검색엔진 순위를 결정짓는 요인으로 작용하기 때문에 검색엔진 최적화에도 참여한다. 이것은 WordPress AMP로 개발된 웹사이트가 느리고 반응이 없는 웹사이트보다 높은 순위를 얻을 수 있는 곳입니다. 그 외에도 Google 검색 결과는 시각적으로 압도적인 큰 이미지로 AMP 콘텐츠를 표시하기 시작했으며 녹색으로 명확하게 보이는 AMP 기호로 표시됩니다. 이 시각적으로 매력적인 이미지는 단순히 표시되는 콘텐츠보다 방문자를 끌어들이는 경향이 있습니다. 또한 AMP의 인기가 높아짐에 따라 사용자는 페이스트 로딩 시간을 찾다가 녹색 AMP 기호가 표시된 페이지를 여는 경향이 있습니다.
AMP는 다양한 광고 네트워크 및 형식을 지원하는 것을 목표로 합니다. AMP 기술의 주요 목표는 멋진 콘텐츠가 시청자의 관심을 끌 수 있을 만큼 충분히 빠른 광고를 제공하는 것입니다. WordPress AMP 기술의 또 다른 흥미롭고 강력한 기능은 AMP 태그를 추가하기만 하면 신규 방문자 vs 재방문자, 클릭 vs 전환, 비디오 및 링크 추적과 같은 방문자 데이터를 추적할 수 있다는 것입니다. 이것은 웹 페이지에서 사람들의 행동 분석을 연구함으로써 비즈니스가 결정을 내리는 데 도움이 되는 마케팅 도구로 크게 작용할 것입니다.