워드프레스 AMP 플러그인으로 모바일 속도 향상시키기

AMP란 액셀러레이티드 모바일 페이지(Accelerated Mobile Page)를 말하며, 특히 휴대기기에서 빠르게 로드되는 가벼운 웹페이지를 작성하는 한 가지 방법이다. 이제 검색은 모바일이 차지하는 부분이 더 많아진 만큼 웹사이트 로딩 속도가 굉장히 중요한 부분.

실제 AMP를 적용한 웹사이트를 방문하면 기존 모바일 속도보다 상당히 빠른 로딩 속도를 보인다. 상당히 빠르다기 보다는 그냥 로딩없이 바로 사이트가 열린다는 말이 맞을 듯 하다.

워드프레스에서는 AMP를 플러그인으로 제공하고 있으며 공식 플러그인도 있기는 하지만 AMP for WP의 평가가 훨씬 좋다. 이 플러그인을 사용하면 간단한 설정으로 쉽게 AMP를 적용할 수 있다. 지금 설치하기 버튼을 클릭해 해당 플러그인을 다운로드 받고 활성화 버튼을 클릭해 워드프레스에 설치하도록 하자.

플러그인이 설치되면 위와 같이 설정 마법사가 나타난다 I'm a New User! 를 클릭해 간단한 설정을 진행할 수 있다. 처음 AMP를 설정하는 분들이라면 이 옵션으로 진행하는 것이 좋을 듯.

Start 버튼을 클릭하면 순서대로 설정이 진행된다. 어렵지 않게 시키는데로만 하면 별 문제 없이 설정이 완료 된다.

로고를 등록하는 화면 190X36 사이즈를 권장하고 있다 해당 크기로 이미지를 만들어 등록하도록 하자. Save 버튼을 클릭하면 계속해서 진행할 수 있다.

모든 설정을 마치고 여기를 클릭하면 AMP 테스트 실행 페이지로 이동한다. 테스트할 URL을 입력하고 테스트 실행 버튼을 클릭한다.

별 문제가 없다면 위처럼 유효한 AMP 페이지라는 메시지가 나타난다. 여기에서 구글에 제출을 클릭하면 사이트가 등록된다. 이후 몇일 기다리면 끝.