워드 프레스 모바일 사이트 최적화를위한 최고의 플러그인

워드 프레스 모바일 사이트 최적화를위한 최고의 플러그인

미국 인터넷 트래픽의 절반 이상이 휴대 전화에서 발생한다는 것을 알고 계십니까? 이 통계에 따르면 블로그를 방문하는 사람들의 절반 이상이 스마트 폰에서 그렇게합니다..


블로그 프로모션의 주요 방법 중 하나는 소셜 미디어입니다. 데스크탑에서 Facebook을 마지막으로 연 시간은 언제입니까? 아마 오늘 직장에서 그랬을지도 몰라.

그러나 요점은 페이스 북이나 트위터와 같은 사이트는 적어도 우리와 같은 소비자들에게는 모바일 화되었다는 것입니다. 휴대 전화 나 태블릿에서이 블로그 게시물을 읽고있을 가능성이 있습니다. 뉴스 레터, 피드 또는 소셜 미디어를 통해이 블로그 게시물을 받았다는 사실은 말할 것도 없습니다..

블로그 소유자는 모바일 독자에게주의를 기울이지 않아도 될까요? 그들이 가장 충성도가 높은 독자 일 가능성이 있습니다. 왜? 그들이 읽기로 선택했기 때문에 너의 지구상에서 가장 혼란스러운 장치를 사용하는 콘텐츠.

사업을 시작하고 사이트에서 돈을 벌려면 모바일의 힘을 받아 들여야합니다.

좋아, 치즈 맛이 나왔어 계속합시다 따라서 블로그 플랫폼으로 WordPress를 선택했습니다. 큰. 반응 형, 모바일 지원 및 망막 디스플레이를 지원하는 멋진 무료 WordPress 테마가 있습니다..

캐치가 있습니다. 소위 “굉장한”반응 형 테마는 광고처럼 항상 멋진 것은 아닙니다. 모바일 버전의 사이트에서 정렬 문제와 불일치가 발생할 수 있습니다 (개발자의 도움 없이는 해결할 수 없습니다). 또한 일부 테마는 모바일 우선 접근 방식을 취하지 않으며로드 할 때 속도가 너무 느립니다. 방문자가 3 초 안에 웹 사이트를로드하지 않으면 웹 사이트를 떠날 가능성이 더 높습니다. 모바일에서는 3 초의 시간이 꾸준히 줄어들고 있습니다. 사실, 그날 고갈되는 두 가지 자원이 시간과 관심이라고 말할 때 당신이 동의한다고 생각합니다.

따라서 행복한 모바일 독서의 정신으로 WordPress를위한이 놀라운 모바일 최적화 플러그인 목록을 작성했습니다. 다시 말해,이 플러그인을 사용하면 정말 멋진 모바일 버전의 WordPress 사이트를 구축 할 수 있습니다.

시작하기 전에이 목록의 모든 플러그인을 사용할 필요는 없음을 빠르게 알려줍니다. 유사한 플러그인을 공유하고 있으며 약간 다른 기능을 제공하지만 가장 적합한 기능을 선택할 수 있습니다. 중복 기능이있는 플러그인을 설치하면 사이트에 문제가 발생할 수 있으므로 설치 대상을 제한하십시오. 그 길에서 시작합시다!

기권: WPExplorer는 아래에 나열된 하나 이상의 제품에 대한 계열사입니다. 링크를 클릭하고 구매를 완료하면 커미션을 할 수 있습니다.

워드 프레스 모바일 팩

워드 프레스 모바일 팩 플러그인

이 플러그인은 모바일 웹 사이트를 만들 때 심각한 총을 포장합니다. 일반적으로 플러그인은 기존 웹 사이트의 모바일 호환 버전을 렌더링합니다. 이 플러그인은 추가 기능을 제공하며 최신 HTML5 기술을 사용하여 전체 웹 응용 프로그램을 만듭니다..

모바일 사이트와 웹앱에 대해 잘 모르면 도움이 될 수 있습니다. 사용한 경우 페이스 북 라이트 재고 Android 브라우저에서 모바일 사이트입니다. 휴대 전화에서 최신 버전의 Chrome을 사용중인 경우 Facebook 웹 앱이 제공됩니다..

웹 앱은 UI 및 UX 측면에서 훨씬 유동적이며 오프라인 동기화, 저장 기능이 있으며 iOS, Windows Phone, BlackBerry OS 및 Android를 포함한 모든 플랫폼에서 작동합니다..

WordPress Mobile Pack의 가장 멋진 기능 중 하나는 대상 장치에 따라 다른 게시물, 페이지 및 주석을 선택적으로 동기화 할 수 있다는 것입니다. 또한 더 나은 맞춤 설정 및 테마 기능, Google 웹 로그 분석 및 Google 애드 센스 및 DoubleClick과 같은 광고 네트워크와의 통합, 오프라인 동기화 및 기타 멋진 기능을 갖춘 프리미엄 버전을 제공합니다..

WPtouch 모바일 플러그인

WPTouch 반응 형 워드 프레스 플러그인

“원래”WordPress 모바일 플러그인이라고 불리는 WPtouch는 기존 WordPress 테마를 Google이 권장하는 모바일 사이트 디자인 지침을 준수하는 아름답고 유동적 인 모바일 템플릿으로 변환합니다. 플러그인의 프리미엄 버전 – WPtouch Pro는 블로그, 비즈니스 및 WooCommerce 특정 테마를위한 다양한 고급 테마를 제공합니다.

또한 풍부한 광고 옵션, 웹앱 모드 (WordPress Mobile Pack과 유사), “모바일 전용”콘텐츠, 고급 웹 타이포그래피, 모바일 사이트 캐싱 등을 추가하는 추가 확장 프로그램을 구입할 수 있습니다. 이 확장은 10-20 달러의 범위에 있으며 필요에 따라 개별적으로 구매할 수있는 유연성을 제공하여 예산을보다 효과적으로 제어 할 수 있습니다..

일부 사람들이 관련 게시물 플러그인 가격을 15 달러로 책정하는 것이 너무 비싸다고 주장 할 수도 있지만, 대체 사고 방식은 이것이 생산의 품질 작업을 크게 향상 시킨다는 것을 암시 할 수 있습니다..

AMP

AMP 공식 워드 프레스 플러그인

또는 모바일 테마를 조정하는 대신 콘텐츠가 Google Accelerated Mobile Pages 프로젝트와 호환되는지 확인할 수 있습니다. AMP는 비동기 리소스 로딩, 정적 레이아웃 시스템, 지연 로딩, 리소스 우선 순위 지정, 사전 렌더링 등과 같은 모바일 친화적 인 속도 향상 기능을 제공하는 것으로 알려졌습니다..

기본적으로 – AMP 플러그인은 Google 형식 가이드 라인에 따라 프론트 엔드에서 사이트 콘텐츠를 볼 수있는 능률화 된 방법을 제공합니다. 백엔드에서는 게시물 및 페이지에서 AMP 유효성 검사 문제를 일으킬 수있는 누락되거나 잘못된 마크 업이 있는지 자동으로 확인합니다. 최소한의 노력으로 아름답고 사용자 친구 UX를 쉽게 가질 수 있습니다..

WP 용 AMP

WP 무료 워드 프레스 플러그인 AMP

“공식적인”플러그인은 아니지만 AMP for WP는 핵심 AMP 통합 외에도 많은 훌륭한 기능을 제공합니다. 예를 들어, 모바일 광고 영역, 사용자 정의 AMP 언어 번역, 푸시 알림, 3 가지 사전 구축 된 AMP 페이지 레이아웃, 구조화 된 데이터 옵션, 페이지 나누기, 클릭 유도 문안, 시작 등급 등의 추가 설정이 있습니다. Yoast SEO, AddThis 소셜 공유, Elementor 페이지 빌더, Gutenberg, Contact Form 7, Gravity Forms 및 기타 톤과 같은 플러그인.

반응 형 메뉴

반응 형 메뉴 무료 워드 프레스 플러그인

반응 형 메뉴를 사용하면 사이트에 플래시 모바일 메뉴를 빠르게 추가 할 수 있습니다. 150 개 이상의 옵션을 사용자 지정할 수 있으므로 사용자 정의 메뉴를 디자인 할 수있는 거의 무한한 가능성이 있습니다. 색상, 글꼴, 배경 이미지, 메뉴 애니메이션, 통합 검색, RTL 등의 옵션을 사용하십시오. 이름에서 알 수 있듯이 모든 메뉴는 반응 형이며 대부분의 장치에서 멋지게 보입니다..

WP 모바일 메뉴

WP 모바일 메뉴

마지막으로 언급 한 플러그인에 대한 대안으로 WP Mobile Menu를 고려할 수 있습니다. 이 플러그인은 또한 반응 형 사이트 메뉴를 디자인 할 수있는 다양한 기능을 제공합니다. 사용 가능한 옵션이 적지 만 사이트에 모바일 메뉴를 더 쉽게 스타일링하고 추가 할 수 있습니다..

EWWW 이미지 최적화

WordPress는 다양한 크기로 이미지의 최적화 된 버전을 자동으로 만듭니다. 널리 사용되는 EWWW Image Optimizer WordPress 플러그인을 사용하여 WordPress 사이트에서 새 이미지와 기존 이미지를 최적화 할 수 있습니다. JPG 또는 PNG 형식의 이미지의 배치 손실 또는 무손실 압축을 지원합니다..

스 머시

스 머시 이미지 압축

Smush는 WPMU 팀이 개발 한 또 다른 이미지 최적화 플러그인으로 프리미엄 버전으로 2 배 더 나은 압축을 보장합니다. 그러나 무료 버전은 최대 입력 이미지 크기를 5MB로 제한합니다. 또한 플러그인은 지연로드, 이미지 크기 조정, 자동 최적화, 대량 번짐 (한 번에 최대 50 개의 이미지) 등을위한 추가 기능을 제공합니다..

a3 게으른 짐

A3 게으른로드 워드 프레스 플러그인

최적화 된 이미지는 여전히로드하는 데 시간이 걸립니다. 데이터 전송을 최소화하고 사이트 로딩 시간을 향상시키기 위해 a3 Lazy Load 플러그인을 사용할 수 있습니다. 플러그인의 본질은 이미지, 비디오, iframe 및 게시물 삽입의 로딩을 지연시키는 Lazy-Load-xt JavaScript 코드에 있습니다. 게시물, 페이지, 게시물 유형, 위젯 등으로 지연로드를 정의하십시오. 플러스 a3 지연로드에는 선택적 사전로드 효과, AMP 호환성, WebP 이미지 지원 및 가장 인기있는 플러그인 (JetPack, Elementor, WooCommerce 등)과의 호환성이 포함됩니다..

게으른 로더

게으른 로더 워드 프레스 플러그인

지연 로더를 사용할 때 뷰포트가 활성화 될 때까지 이미지, 오디오 파일, 비디오 및 iframe이로드되지 않습니다. 브라우저에 JavaScript가 비활성화되어 있으면 정상적으로 성능이 저하됩니다. 즉, 사이트를 중단하지 않고 작동을 멈 춥니 다. 이미지는 일반적인 방식으로로드됩니다. 다시 말해 이미지는 아래로 스크롤하여 이미지를 볼 때만로드됩니다. 즉, 이미지의 뷰포트에 있습니다.

모바일 사이트 테스트

Google 모바일 친화적 테스트

Google 모바일 친화적 테스트

Google에는 사이트에서 누락 된 사항을 기반으로 맞춤 추천을 제공하는 고유 한 모바일 용 사이트 테스터가 있습니다..

모바일보기를 위해 사이트를 최적화 한 후에는 테스트 할 차례입니다. 결과가 좋으면 잘 가십시오! 등을 두 드리십시오. 그러나 결과가 부정적이면 제안 된 변경 사항에 대해 작업하기 만하면됩니다..

마무리

모바일 사이트를 구축하는 것은 쉽습니다. 전환되지 않는 모바일 사이트를 구축하는 것은 아닙니다.

이 기사의 목적은 WordPress 모바일 웹 사이트를 최적화하는 방법을 보여주기위한 것입니다. 모바일 트렌드 분야에서 수행 된 모든 단일 연구는 만장일치로 성장할 것이라는 사실을 만장일치로 결론을 내립니다. 구글은 이미 모바일 유용성을 중요한 순위 요소로 사용하기 시작했다.

우리는 플러그인 목록을 살펴 보았습니다. 이제 우리가이기는 편인지 확인합시다!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map