워드프레스 필수 플러그인 – Jetpack 제트팩 최적화

워드프레스 필수 플러그인 Jetpack 제트팩 최적화

워드프레스를 사용하면서 사용하는 필수 플러그인이 있는데 그 중에서 다목적 기능을 제공하는 플러그인으로 Jetpack “제트팩 플러그인“이 있습니다. 워드프레스를 초기에 설치하고 나면 아무런 기능을 제공하지 않기 때문에 보안부터 시작해서 백업 및 Gzip, CSS, HTML 압축, 스팸차단, 방문자분석, 사이트맵 생성, SEO “인터넷검색엔진 최적화“등을 하나하나 설치해야 합니다. 물론 이런 기능이 필요없다면 상관없지만 이러한 기능을 위해 하나하나 플러그인을 설치하다보면 플러그인 … Read more

모바일최적화 AMP 워드프레스 속도 개선

워드프레스 AMP 모바일최적화 웹사이트 속도개선

워드프레스 웹사이트 운영 중, 누구나 웹 검색에서 상위 노출되고 사용자들에게 원활한 경험을 제공하고자 합니다. 이를 위해서는 데스크탑과 모바일 환경에서의 최적화가 필수적입니다. 특히, 모바일 디바이스에서의 웹사이트 접근이 더욱 증가함에 따라 워드프레스 AMP(Accelerated Mobile Pages)와 같은 모바일최적화 기술을 활용하는 것이 매우 중요합니다.

장점설명
빠른 로딩 시간AMP는 모바일 웹 페이지의 로딩 속도를 크게 개선합니다. 사용자는 빠르게 콘텐츠에 접근할 수 있습니다.
검색 엔진 최적화 (SEO)Google과 다른 검색 엔진에서 AMP 페이지를 선호하며, 빠른 로딩 속도로 높은 검색 엔진 순위를 유지합니다.
사용자 경험 향상빠른 페이지 로딩, 모바일 친화적인 레이아웃 및 사용자 친화적인 디자인으로 사용자 만족도가 증가합니다.
낮은 반복율 (Bounce Rate)빠른 로딩 페이지와 더 나은 사용자 경험으로 인해 페이지 이탈률이 낮아집니다.
광고 수익 향상AMP는 광고 플랫폼과 통합할 수 있어 광고 수익을 높일 수 있습니다.
AMP 모바일최적화 장점

AMP 기술은 모바일 웹 페이지를 빠르게 로드하고 사용자 경험을 최적화하는 데 도움을 주며, 모바일 기기 사용자들의 만족도를 높입니다. 이와 함께, 모바일 최적화 플러그인을 워드프레스에 통합하면 검색 엔진 최적화 (SEO) 측면에서도 큰 이점을 얻을 수 있습니다.

그러나 주의할 점은, 워드프레스의 많은 무료 플러그인 중에서는 이러한 모바일최적화 기능이 포함되어 있지 않을 수 있습니다. 따라서 모바일최적화를 실현하고자 한다면, 효과적인 모바일최적화 플러그인을 설치하여 사용하는 것이 필요합니다.

워드프레스의 모바일 최적화는 사용자 경험 향상과 SEO 개선을 위한 필수적인 단계입니다.

단점설명
디자인 제약AMP는 미리 정의된 템플릿을 사용하기 때문에 웹사이트 디자인에 일부 제약이 따를 수 있습니다.
기능 제한일부 고급 기능 및 자바스크립트 기능이 제한되거나 사용할 수 없을 수 있습니다.
캐시 필수AMP 페이지는 Google AMP 캐시에 저장되므로 이를 통과해야 합니다. 일부 사용자에게 추가 로딩 시간을 초래할 수 있습니다.
커스터마이징 어려움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 캐시를 사용하여 페이지 로딩 속도를 향상시킬 수 있도록 설정합니다.
워드프레스 모바일최적화 AMP 설정

위의 유무료 모두 데스크탑에서는 Google Page Speed에서 높은 속도개선을 볼 수 있지만 모바일에선 그렇지 못한데요 이 부분을 AMP 플러그인을 이용해 개선할 수 있습니다.

AMP 모바일최적화 플러그인 – Accelerated Mobile Pages

워드프레스 모바일최적화 AMP 설정되지 않은 속도
워드프레스 모바일최적화 AMP 설정되지 않은 속도

현재 워드프레스 AMP 플러그인 중에서 가장 인지도가 높은 플러그인으로서 해당 플러그인을 사용하기전 제 워드프레스의 구글페이지 스피드점수입니다.

22점으로 느림 상태인것을 볼 수 있습니다.

참고 : 구글 검색엔진 누락 서치콘솔 오류 해결방법

AMP 플러그인 기능

WP용 AMP는 WordPress 사이트에 Accelerated Mobile Pages (Google AMP Project) 기능을 자동으로 추가합니다.

AMP는 모바일 방문자 접속시 웹 사이트를 더 빠르게 만들수 있는 기능을 제공합니다.

Read more

Hummingbird 플러그인 Gzip CSS 압축 – 워드프레스 최적화

Hummingbird 플러그인 Gzip CSS 압축 워드프레스 최적화

워드프레스는 어떻게 설정하느냐에 따라서 속도가 빠를기도 하지만 엄청 느린 퍼포먼스를 보여주는데 기본적으로 워드프레스는 무거운 CMS 플랫폼으로 GZIP이나 CSS 압축등을 통해 워드프레스 최적화를 하느것이 속도개선의 주요 포인트로서 사용하지 않는 플러그인은 설치하지 않는 것이 중요합니다. 그리고 이번에는 이러한 워드프레스 속도 최적화 플러그인 중에서 무료로 좋은 기능을 제공하는 Hummingbird “허밍버드“라는 최적화 플러그인을 알아보겠습니다. 기본적으로 좋은 호스팅 회사의 제품을 … Read more