워드프레스 웹사이트 운영 중, 누구나 웹 검색에서 상위 노출되고 사용자들에게 원활한 경험을 제공하고자 합니다. 이를 위해서는 데스크탑과 모바일 환경에서의 최적화가 필수적입니다. 특히, 모바일 디바이스에서의 웹사이트 접근이 더욱 증가함에 따라 워드프레스 AMP(Accelerated Mobile Pages)와 같은 모바일최적화 기술을 활용하는 것이 매우 중요합니다.
| 장점 | 설명 |
|---|---|
| 빠른 로딩 시간 | AMP는 모바일 웹 페이지의 로딩 속도를 크게 개선합니다. 사용자는 빠르게 콘텐츠에 접근할 수 있습니다. |
| 검색 엔진 최적화 (SEO) | Google과 다른 검색 엔진에서 AMP 페이지를 선호하며, 빠른 로딩 속도로 높은 검색 엔진 순위를 유지합니다. |
| 사용자 경험 향상 | 빠른 페이지 로딩, 모바일 친화적인 레이아웃 및 사용자 친화적인 디자인으로 사용자 만족도가 증가합니다. |
| 낮은 반복율 (Bounce Rate) | 빠른 로딩 페이지와 더 나은 사용자 경험으로 인해 페이지 이탈률이 낮아집니다. |
| 광고 수익 향상 | AMP는 광고 플랫폼과 통합할 수 있어 광고 수익을 높일 수 있습니다. |
AMP 기술은 모바일 웹 페이지를 빠르게 로드하고 사용자 경험을 최적화하는 데 도움을 주며, 모바일 기기 사용자들의 만족도를 높입니다. 이와 함께, 모바일 최적화 플러그인을 워드프레스에 통합하면 검색 엔진 최적화 (SEO) 측면에서도 큰 이점을 얻을 수 있습니다.
그러나 주의할 점은, 워드프레스의 많은 무료 플러그인 중에서는 이러한 모바일최적화 기능이 포함되어 있지 않을 수 있습니다. 따라서 모바일최적화를 실현하고자 한다면, 효과적인 모바일최적화 플러그인을 설치하여 사용하는 것이 필요합니다.
워드프레스의 모바일 최적화는 사용자 경험 향상과 SEO 개선을 위한 필수적인 단계입니다.
| 단점 | 설명 |
|---|---|
| 디자인 제약 | AMP는 미리 정의된 템플릿을 사용하기 때문에 웹사이트 디자인에 일부 제약이 따를 수 있습니다. |
| 기능 제한 | 일부 고급 기능 및 자바스크립트 기능이 제한되거나 사용할 수 없을 수 있습니다. |
| 캐시 필수 | AMP 페이지는 Google AMP 캐시에 저장되므로 이를 통과해야 합니다. 일부 사용자에게 추가 로딩 시간을 초래할 수 있습니다. |
| 커스터마이징 어려움 | AMP 페이지의 디자인 및 기능 커스터마이징이 어려울 수 있습니다. |
모바일최적화 기술과 플러그인을 효과적으로 활용하면, 데스크탑 및 모바일 환경에서 웹사이트가 더 빠르게 로드되고 시각적으로 더 잘 표현될 것입니다. 이로써 사용자들은 더 나은 웹 경험을 누리며, 검색 엔진에서도 웹사이트를 상위에 노출시키는데 도움을 주게 됩니다.
AMP 플러그인 비활성화 시 기존 구글 AMP 페이지 삭제
워드프레스 무료 최적화 플러그인
하지만 구글에서 추천하는 PWA 최적화와 지금 현재 제가 사용하고 있는 유료 플러그인 WP Rocket 플러그인에는 모바일 최적화 amp 가 포함되어 있으나 모바일에서는 소폭의 개선이 있었습니다.
| 설정 항목 | 설명 |
|---|---|
| 테마 호환성 | 현재 사용 중인 워드프레스 테마가 AMP와 호환되는지 확인하고, 필요한 수정을 적용해야 합니다. |
| AMP 레이아웃 선택 | AMP 페이지의 레이아웃을 선택합니다. 주로 표준 레이아웃, 트랜지션 레이아웃 등이 있습니다. |
| AMP 커스터마이징 | 웹사이트의 로고, 색상, 글꼴 등을 AMP 페이지에 맞게 커스터마이징할 수 있는 설정입니다. |
| AMP SEO 설정 | 검색 엔진 최적화를 위한 설정으로, 메타 태그, 제목, 설명 등을 관리합니다. |
| AMP 유효성 검사 | AMP 페이지가 유효한지 확인하고 오류를 수정하는 데 도움을 주는 도구입니다. |
| AMP 애드 센스 지원 | 광고 수익을 얻기 위해 Google AdSense와 같은 광고 플랫폼을 AMP 페이지에 통합할 수 있습니다. |
| AMP 분석 및 통계 | AMP 페이지의 성능 및 사용자 행동을 추적하기 위한 분석 및 통계 도구를 설정합니다. |
| AMP 캐시 설정 | AMP 캐시를 사용하여 페이지 로딩 속도를 향상시킬 수 있도록 설정합니다. |
위의 유무료 모두 데스크탑에서는 Google Page Speed에서 높은 속도개선을 볼 수 있지만 모바일에선 그렇지 못한데요 이 부분을 AMP 플러그인을 이용해 개선할 수 있습니다.
AMP 모바일최적화 플러그인 – Accelerated Mobile Pages
현재 워드프레스 AMP 플러그인 중에서 가장 인지도가 높은 플러그인으로서 해당 플러그인을 사용하기전 제 워드프레스의 구글페이지 스피드점수입니다.
22점으로 느림 상태인것을 볼 수 있습니다.
AMP 플러그인 기능
WP용 AMP는 WordPress 사이트에 Accelerated Mobile Pages (Google AMP Project) 기능을 자동으로 추가합니다.
AMP는 모바일 방문자 접속시 웹 사이트를 더 빠르게 만들수 있는 기능을 제공합니다.