WordPressビジネスのためのプログレッシブウェブアプリの重要性

公開: 2018-09-13

インターネットの使用行動の変化する傾向は、インターネットに基づくすべてのビジネスオーナーにとってノックとして来なければなりません。「モバイルウェブ」の次の波に目覚める時が来ました。あなたがブログやウェブサイトを所有しているなら、あなたはあなたのトラフィックの多くがモバイルデバイスを通して入ってくるのを観察したに違いありません。

Pew Research Centerの調査によると、アメリカ人の95％が携帯電話を所有し、77％がスマートフォンを所有しています。モバイルデバイスには最先端のテクノロジーが搭載されているため、インターネットやその他のサービスへのアクセスは非常に簡単になっています。多くのインターネットトラフィックは、モバイルデバイスを介して着信します。大手企業はそれを理解しており、「モバイルファースト」アプローチを採用しています。

ネイティブアプリは、誰かのモバイルデバイスでプレゼンスを得る最も一般的な方法の1つであり、ある程度は今でもそうです。ただし、この傾向は、Webを引き継ぐプログレッシブWebアプリケーションの絶え間ない増加に伴って変化しています。

プログレッシブウェブアプリとは何ですか？

プログレッシブウェブアプリ（PWA）は、最新のウェブ機能を使用してアプリのようなエクスペリエンスをユーザーに提供するウェブアプリです。これらのアプリは特定の要件を満たし、サーバーにデプロイされ、URLを介してアクセスでき、検索エンジンによってインデックスが作成されます。これは、元々Googleによって開発されたサイトのパフォーマンスを微調整するためのWeb標準の品揃えです。これらの開発により、Web機能は制限なしにネイティブアプリのようになります。
PWAは、サービスワーカーのシステムを介してアプリのリソースとページ情報をキャッシュします。これにより、オフラインでもネットワーク接続が少ない場合でもWebサイトにアクセスできます。
Treeboの開発者によると、「PWAは、より没入型のネイティブアプリのようなエクスペリエンスをもたらす機能で段階的に拡張されたシングルページアプリケーションです。」

ネイティブアプリよりも優れて効率的

ネイティブアプリには独自の品質と利点がありますが、それに伴う制限もたくさんあります。ネイティブアプリをWebに接続するには、ネットワーク評価が必須の要件です。ネイティブアプリはプッシュ通知を送信できません。それらはスペースを取り、プレイストアまたはアップルストアからダウンロードする必要があります。ここでの問題は、アプリが厳格なプロセスを通じて店舗によって承認される必要があることです。ネイティブアプリの開発はまったく新しいゲームであり、複雑なコーディングにより、数人の人だけが楽しめるようになります。

プログレッシブウェブアプリは、可能な限りネイティブアプリよりも優れているため、際立っています。 PWAは高速で、ほぼ瞬時にロードされます。これらのアプリはネイティブアプリよりもはるかに高速で、ユーザーの操作にすばやく応答します。オフラインで作業しながらネイティブアプリのすべての機能を実行する機能により、PWAはWebの使用方法を完全に変えています。

サイトをPWAとして分類するには、満たす必要のあるいくつかの基準があります。

オフラインまたは劣悪なネットワーク状態で作業します。これは、サービスワーカーを使用して実現されます。
Webアプリのバナーのインストールまたはホーム画面への追加ボタン。
Webプッシュ通知を使用します。 WebプッシュAPIの導入により、ブラウザーが閉じている場合でも、ユーザーにプッシュ通知を送信できるようになりました。これは、ネイティブアプリを引き継ぐものの1つです。
HTTPSおよびCSSスクリプトを実装します。
ネイティブアプリケーションと同様に、ユーザーの画面に即座に読み込まれるアプリケーションシェル（またはアプリシェル）アーキテクチャを使用します。

PWAとWordPress

WordPressは現在、「プログレッシブウェブアプリ」の作成を完全にはサポートしていません。ただし、来年には、JetpackのチームがWordPressのJavascript化を利用したPWA機能を追加する予定であると推測されています。

開発者のDanWalmsleyは、WordPress VIPブログで、JetpackがWordPressプログレッシブWebアプリの機能を準備ができたら追加することを通知しました。開発者は、v5.6.0以降のJetpackのマニフェストモジュールを使用してマニフェストファイルを追加できます。また、ページに画像がたくさんある場合でもサイトの読み込みを高速化する遅延読み込み画像を導入しました。今年はさらに多くの機能が登場します。

同様に、WordPress最適化ツールはサービスワーカーとマニフェストツールを提供します。「スーパープログレッシブウェブアプリ」はマニフェストを生成し、「ホーム画面に追加」ボタンなどの機能を備えています。

大きな質問？

それで、大きな問題は、PWAがあなたのWordPressビジネスをどのように変えるかということです。あなたがウェブサイトを運営しているなら、これはあなたが取り組まなければならない重要な質問です。なぜ、PWAはあなたのウェブサイトの体験そのものを変えることができるからです。これは、ビジネスを目立たせてユーザーに価値をもたらしたい場合に、大きな決定要因になる可能性があります。

プログレッシブウェブアプリがビジネスを変える方法と理由を見てみましょう。それに伴い、PWAに切り替えた人気企業の例とその結果を見ていきます。

信頼性の高い高速でパフォーマンスの向上

調査によると、平均的なユーザーは、読み込みに3分以上かかると、読み込みページを終了します。現在、統計によると、4か国（米国、英国、日本、ドイツ）で合計したWebサイト全体の平均読み込み時間は8.66秒です。多くのWebサイトでPWAを使用できます。

画像ソース

ユーザーが検索結果で次のウェブサイトにジャンプするのを防ぐことができるように、高速読み込みのウェブサイトを用意することが重要です。 PWAのロードはほぼ瞬時に行われます。サービスワーカーを介した非常に効率的なキャッシングシステムにより、サーバーの遅延なしにPWAをロードできます。

Treeboはインドのホテルチェーンです。彼らは、PWAを作成することで、モバイルの読み込み時間を6秒から1.5秒に短縮したと報告しました。これで、サイトが1秒でデスクトップに読み込まれます。彼らの技術チームは、サイトの検索ランキングが向上し、月間コンバージョン率が2倍以上になったと報告しました。

オフラインでも動作します

PWAを実行するために、インターネット上にある必要はありません。 PWAの古典的な点の1つは、ブラウザーが開かれていなくてもプッシュ通知を送信できることです。ユーザーは、デバイスまたはデスクトップからデータにアクセスできます。 PWAの一部として、誰もが自分のWebサイトをアイコンとしてホーム画面に保存し、いつでもアクセスできます。

これは、ユーザーを何度も何度もWebサイトに引き付けて戻すための優れた方法です。これにより、バウンス率が低下し、複数のセッションが発生し、ユーザーとのやり取りが向上します。

PWAをホーム画面に追加するのは新しいセクシーです。プッシュ通知を送信できます。たとえば、Webはアプリのように動作します。 FoxNewsのウェブサイトには「ホーム画面に追加」ボタンがあります。完了したら、最新のニュース更新のアイコンをクリックし、左または右にスワイプしてそれらをスクロールできます。

シンプルなコーディングでクラシックなPWAを作成

PWAを作成するために、コーディング忍者である必要はありません。 PWAは、HTML、カスケードスタイルシート（CSS）、JavaScriptなどの単純なWeb言語を使用して作成されます。ネイティブアプリを作成するには、多くのスキルが必要です。 Javaは学ぶのが簡単な言語ではありません。ネイティブアプリの開発には多くの制限があり、コーディングは困難です。アプリをPlayストアまたはAppleストアに配置する場合は、サードパーティの確認が必要です。

PWAでは、サードパーティの承認は必要ありません。 PWAは、サイトとデータに直接リンクされています。コーディングが簡単です。これにより、ネイティブアプリを作成した場合に費やされていたであろう多くのお金とリソースを節約できます。サイトとアプリを一緒に管理するのは大変な作業になりますが、アプリとしても機能するサイトなので、それ以上のことはないと思います。

Microsoftは、次のバージョンのWindows 10でPWAをサポートすることを発表しました。AppleとMozillaは、独自のエコシステムにもPWAを含めています。 PWAの効率と使いやすさは無視できないため、主要なハイテク大手からのサポートを受けています。グーグルはすでにモバイルウェブの次の波を予測しており、PWAはその中で果たすべき重要な役割を担っています。