How to Properly Setup Google AMP on Your WordPress Site

안녕하세요 WPBeginner에 오신 것을 환영합니다

비디오 내가 어떻게 걸을 까? 제대로 Google 앰프를 설정하십시오 WordPress 웹 사이트 설정이 동일합니다 많은 사이트에서 모바일 사용자 환경을 보여 드리겠습니다 AMP 설치 방법 및 사이트에서 맞춤 설정되지만 설치하고 싶지 않은 이유를 알아보십시오 바로 지금 Google 앰프는 가속화 된 모바일을 의미합니다

오픈 소스 이니셔티브 인 페이지 기술 회사가 지원하는 것 구글과 트위터와 같은 목표와 프로젝트는 웹 사이트를로드하는 것입니다 모바일 사용자에게 더 빠릅니다 가속화 된 그들이 사용하는 모바일 페이지 또는 AMP 최소 HTML 및 제한된 자바 스크립트 이렇게하면 페이지를로드 할 수 있습니다 모바일 사용자 기기에서 훨씬 빠릅니다 사이트가 가속화되었음을 알게 될 것입니다

모바일 페이지를 사용하면 휴대 전화 및 검색 결과 수행 Google에서 스크롤 할 수 있습니다 당신은 번개 및 앰프 기호 옆에 해당 페이지가 설정되었음을 나타내는 이전에 가속화 된 모바일 페이지의 경우 우리는 프로의 일부를 커버하자 설치와 관련된 단점 귀하의 웹 사이트에 대한 google amp 일부 전문가에게는 Google 앱의 장점은 모바일 트래픽이 많은 사이트 일부 전문가들은 순위 그러나 가장 중요하게 그것 모바일 사용자 환경 개선 사이트로드 속도가 훨씬 빠르기 때문에 일부가 있다고 생각한 후에 단점은 앰프가 제한적으로 사용한다는 것입니다 기술을 사용하기 전에 말했듯이 HTML CSS를 제거한 버전 자바 스크립트를 사용하면 어떤 것들은 당신에게 부과되지 않을 수도 있습니다

위젯 영역과 같은 모바일 사이트의 것들 어쩌면 넣어 귀하의 페이스 북 위젯 귀하의 사이트 및 앰프 사용에도 불구하고 Google Analytics, 앰프 지원 Google 애널리틱스를 사용하는 경우 작동하지 않을 수도있는 분석 소프트웨어 이뿐 아니라 마지막으로 잠재력이 있을지도 모른다고 말하다 AMP를 사용하는 경우 모바일 트래픽 손실 지금 앰프가 무엇인지 알기 때문에 찬반 양론 나는 당신에게 어떻게 보여줄 것인가? 그것을 설치하고 당신을 위해 그것을 사용자 정의 웹 사이트에서 시작하겠습니다 할 WordPress 대시 보드 사이트 끝 부분의 관리자 일뿐입니다 사용자 이름과 암호를 입력하십시오

대시 보드에서 플러그인 추가를 클릭하십시오 앰프를 찾고 싶습니다 Automattic에서 제공하는 설치하다 한번 설치하면 계속 진행됩니다 그것을 활성화하십시오 일단 설치되면 우리는 갈거야

앰프를 사용자 정의하여 지금이 모양은 다음과 같습니다 당신은 들어가서 헤더 텍스트를 바꿀 수 있습니다 지금 당장 우리는 그것을 당신처럼 하얀색으로합니다 배경색을 변경할 수도 있습니다 바로 거기에서 빛을 선택할 수 있습니다

색 구성표 또는 어둠 나는 계속 지킬거야 어둠과 당신이 끝났을 때 단지 클릭 저장하고 게시하십시오 이제 누구에게 가든 모바일 장치에서 귀하의 사이트에 대신이 설정을 참조하십시오 몇 가지 추가 맞춤 설정 및 당신은 그걸 어떻게 할 것인가

확장하려면 우리가 추가 할 기능 다른 플러그인 그래서 다시 머리하자 우리 플러그인 영역 플러그인 설치 클릭 새 항목을 추가하면 실제로 설치해야합니다 두 개의 플러그인은 이미 Yoast 's를 가지고 있어야합니다 사이트에 도움이되는 플러그인 SEO 나는 Yoast SEO를 검색 할 것입니다 우리가 설치하고자하는 첫 번째 플러그인과 계속해서 활성화하십시오 일단 활성화되면 우리는 설치를 원한다

한 번 더, 새로 추가하고 우리가 찾고있어 Yoast SEO 용 접착제 및 앰프 용 우리가 원하는 사람 이제 설치해 보겠습니다 앞으로 나아가고 그것을 활성화하십시오 좋아 활성화되면 우리는 SEO로 갈 수 있습니다

여기 앰프를 보시면 이것이 우리가있는 곳입니다 더 많은 것을 맞춤 설정할 수있다 여기에서 AMP를 활성화 할 수 있습니다 페이지 또는 미디어의 기능 원하는 경우 페이지 수 기본적으로 게시물은 아래에서 활성화됩니다 서로 다른 영역을 디자인해라

추가로 사용자 정의 할 수있는 이미지 업로드 당신의 색 구성표와 당신은 여분이 있습니다 사이트의 특정 CSS에 대한 여기의 영역 네가 끝나면 그걸 확실히해라 변경 사항을 저장하고 AMP 상태로 저장합니다 애널리틱스를 사용하면 귀하의 Google Analytics 추적 코드는 여기에 있습니다 혹시라도 확인하고 싶다면 모바일 페이지가 가속화되는 방식 google 검색으로 이동하여 콘솔 및 검색 모양 아래 가속화 된 모바일 페이지를 클릭하십시오

너 뿐이니까 걱정하지 마라 이걸 설치하면 아무 것도 보이지 않을 수도 있습니다 바로 이제 사이트가 가속화되도록 설정되었습니다 이 비디오가 마음에 들면 모바일 페이지 좋아하는 버튼을 클릭하고 계속 진행하십시오 우리가 좋아할만한 의견을 남겨주세요

귀하의 의견을 듣고 최신 동영상을 얻을 수있는 YouTube 채널

Convert WordPress to a mobile app in 5 Minutes with WordApp

– 그럼 모바일 앱을 만들고 싶습니까? 우리는 5 분 안에 그것을 할 것입니다 안녕하세요, 내 이름은 Dave입니다

app-developersbiz 오늘 우리가보고있을거야 에서 모바일 앱을 만드는 방법 WordApp을 사용하는 WordPress 웹 사이트 시작하겠습니다

내가 볼 수 있듯이 매우 빠른 작은 웹 사이트는 여기에있다 일부 블로그 게시물, 모든 단지 더미 데이터 및 상점, 앱을 만드는 방법을 보여 드리겠습니다 이걸로 몇 분 안에 알았어, 타이머 준비가 끝났어 모바일 앱을 제작하는 데 4 분 58 초 가량 걸립니다

시작하겠습니다 하지만 우선 내가 할 일은 우리 wp-admin에 로그인 할거야 우리는 플러그인 (Plugins)에 갈거야, 우리는 새로 추가 할거야, 여기에 워드 앱을 입력하겠습니다 그리고 시간을 위해서, 나는 이미 실제로 설치를 눌렀으나 지금은 활성화 할 것입니다 WordApp 플러그인 3 단계 설치로 이동하게 될 것입니다

앱에 이름을 지정해야하는 위치, 그냥 MyApp라고 부를거야 다음을 클릭하겠습니다 귀하의 사이트가 반응이 있다고 생각하는지 물어볼 것입니다 그것을 해결하는 가장 좋은 방법은 웹 사이트로 이동하는 것입니다 모바일 장치에서 볼 수 있다면 잘 작동하고 있습니다

예를 누릅니다 여기에 이메일 주소를 입력하십시오 모바일 앱을 가고 싶으십니까? 모바일 웹 사이트 또는 앱 만 업데이트 수신, 그건 우리가 어떤 업데이 트를 얻을 경우에 대비해서입니다 중요 업데이트 및 기능 업데이트 등 WordApp에서 가져온 다음 제출을 클릭합니다

그러면 WordApp 홈 페이지로 이동하게됩니다 여기에서 비디오를 볼 수 있습니다 우리는 지금 그 순간에하고 있습니다 좀 더 많은 정보를 얻을거야 WordApp에 관해서는 여기로 코너에 AppBuilder가 있습니다

그래서 당신이 볼 수 있듯이, 내 실제 웹 사이트에서, 우리는 이전에 우리가 아주 간단한 앱을 만들었습니다 모든 뉴스 목록과 함께 우리는 조금만 사용자 정의 할 것입니다 우리는 빨간 머리글을 줄거야 우린 로고를 업로드 할거야

우리가 사용할 BBC 뉴스 로고가있어 그리고 우리는 이것을 관례로 남겨 둘 것입니다 그리고 우리는 같은 주제를 유지할 것입니다 저장을 누릅니다 좋아, 이미 더 좋아 보이기 시작했다

그리고 우리는 여기 메뉴와 술집으로 갈 것입니다 우리는 바를 바닥에 붙일거야 그리고 경우에 대비하여 측면에, 저장을 눌러 저장하십시오 메뉴 하단에 메뉴를 첨부 할 것입니다 그리고 나서 우리는 몇 가지 아이콘을 추가 할 것입니다

우리 집에 갈거야 장바구니, 포럼, 어쩌면 연필, 저희에게 연락하는 것은 저희에게 양식이 있습니다, 그래서 우리는 연락 할거야 우리는 아마 이메일로 갈거야 봉투, 우리가 간다 우리는 지금 그것을 구할 수 있습니다

그래서 거기에 간다, 당신은 아주 좋은 바닥 바를 가지고있다 또한 여기에서 막대를 클릭 할 수 있습니다 사이드 바는 측면에서 날아갈 것입니다 당신은 또한 그 아이콘 색을 맨위로 바꿀 수 있습니다, 우리는 여기로 돌아가서 여기를 클릭하여 흰색으로 갈 것입니다 아이콘의 색을 바꿀거야

흰색으로하면 더 잘 볼 수 있습니다 완벽한, 그래서 지금 당신은 당신이 볼 수 있습니다 모든 최신 뉴스가있는 합리적인 앱, 꽤 멋진 앱입니다 우리도 지금, 나는 문자 그대로 여기를 클릭 할 수 있습니다 우리는 아마도 가게를 디폴트에서 열 수 있습니다

상점 앱의 모습을 보여줄 수 있습니다 WooCommerce가 설치되어 있다면 또는 다른 상점 플러그인 보시다시피 여기에 모든 항목이 있습니다 매우 간단하고, 문자 그대로 버튼을 클릭하면 그 페이지를 대신 열어 라 전에 기본값으로 돌아갈거야

이 응용 프로그램을 계속하려면 그래서 몇 초 남았 어 그런 다음 앱 아이콘을 매우 ​​빠르게 업로드 할 예정입니다 및 스플래시 화면 좋아요, 앱 아이콘을 클릭하십시오

내가 업로드 한 앱 아이콘을 선택하십시오 그것은 512 x 512입니다 여기 스플래시 화면, 여기에 저장을 클릭합니다 그리고 우리는 갈거야 여기를 클릭하십시오 게시 애플 리케이션 우리는 여기에 이메일 주소를 기입 할거야

앱으로 게시를 누릅니다 그리고 기다려라 (경고음) 그리고 너 거기 간다 당신은 아마도 경보를 들었을 것입니다 그래서 매우 빨리, 당신이해야 할 일은 여기에서 Android 앱 게시를 클릭하고, 이메일로 앱을 받게됩니다

이것이 바로이 매우 빠르고 간단한 앱을 만드는 방법이었습니다 5 분 안에 당신이 비디오를 즐겼다는 것을 잊지 마시기 바랍니다 당신이 WordPress에 관하여 더 많은 비디오를 원한다면 구독하고, 모바일 마케팅, 마케팅 전반에 걸쳐 그리고 우리는 또한 무료 WordApp 플러그인을 가지고 있습니다 여기에서 무료로 다운로드 할 수 있습니다 나는 너 모두 좋은 날을 보내길 바래

모바일 앱을 구축하는 데 도움이되기를 기대합니다 곧 보자, 안녕