プログレッシブウェブアプリ（PWA）はSEOにメリットがありますか？ （統計と例を含む）
公開: 2019-05-04モバイルデバイスとそれに付随するアプリにますます固執する世界では、Google AlexRussellのシニアソフトウェアエンジニアが「ウェブコンテンツとアプリの境界線を曖昧にする」ことを目的としたエクスペリエンスを作成することは理にかなっています。
ここ数年で、いくつかのことが非常に明確になりました。オンラインでビジネスを行っている場合は、モバイルファーストにする必要があります。 第二に、モバイルエクスペリエンスをドルに換算するには、スムーズで摩擦のないものにする必要があります。 最後に、スマートフォンユーザーは非常に気まぐれで、2018年に1,130億を超えるアプリをダウンロードしたにもかかわらず、ユーザーは依然として1日あたり約9つのアプリしか使用していません。
したがって、モバイルを使用する必要があります。 あなたはモバイルで素晴らしい必要があります。 そして、人々はおそらくあなたのアプリを定期的にダウンロードして使用するつもりはないでしょう。
はい、プログレッシブウェブアプリまたはPWAについて話しています。
プログレッシブウェブアプリケーションは、オンラインマーケティングに大きな期待を寄せているため、検索エンジン最適化の群衆に人気があります。
上記の質問に関して、はい、プログレッシブウェブアプリはSEOに利益をもたらします。 しかし、PWAはSEOにどのように役立ちますか？ この記事で調べてみましょう。
目次
PWAとは何ですか？
簡単に言うと、PWAはモバイルフレンドリーなウェブサイトであり、アプリのように動作しますが、使用するためにダウンロードする必要はありません。 ユーザーは、PWAを携帯電話に保存して、アプリと同じように起動するオプションがありますが、これは完全にオプションです。
モバイルサイトとモバイルアプリを同時に構築および維持することの固有の欠点を克服しながら、PWAがもたらす多くの特典があります。
この記事「PWAとは何ですか？」を介して、PWAの定義とその優れた機能をさらに深く掘り下げることができます。 プログレッシブウェブアプリについて知っておくべきことすべて」
PWAの4つの主要テクノロジー
PWAが機能するために必要な4つのテクノロジーを使用することで、これらすべてが可能になります。
- Webアプリマニフェストファイル（ホーム画面へのアクセスを許可）
- サービスワーカー（オフラインサポート用）
- トランスポート層セキュリティ（TLS）（プライバシーとデータの整合性を保証します）
- アプリケーションシェルアーキテクチャ（高速な読み込み時間を可能にします）
ネイティブアプリやレスポンシブウェブサイトとは対照的に、プログレッシブウェブアプリには多くのメリットがあります。
GoogleはPWAサイトをクロールしますか？
プログレッシブウェブアプリはJavaScriptの柔軟性を利用しています。つまり、Googleは公開された単一のページをJavaScriptサイトと見なします。 PWA用に新しいURLが作成される可能性があるため、Googlebotは、ウェブ上で公開されている他のページの場合と同じように、先に進んでページをクロールします。
GoogleはAJAXやJavaScriptサイトをクロールするのと同じようにPWAサイトをクロールしますが、「クロール可能性」に影響を与える可能性のある問題がいくつかあります。そのため、開発者はサイトを最適化してページが適切にインデックスに登録されるようにする方法を知っておく必要があります。
プログレッシブウェブアプリに関するGoogleのSEO推奨のベストプラクティス
GoogleのJohnMuellerは、2016年3月に、GoogleがPWAとJavaScriptサイトを一般的に処理する方法に関する詳細な更新を提供しました。
投稿では、彼は次のことを強調しています。
- Googlebotにクロークしないでください。 すべてのユーザーがコンテンツにアクセスできるように、開発者が機能検出とプログレッシブエンハンスメント技術を使用することが重要です。 また、サポートされていないブラウザページにリダイレクトすることもお勧めしません。
- 複数のURLからコンテンツを提供する場合は、rel = canonicalを使用して、重複するコンテンツ違反の罪を犯さないようにします。
- 新しいサイトでのAJAX-Crawlingスキームは避けてください。
- Googlebotは、「＃」が付いたURLをインデックスに登録しません。 多くのプログレッシブウェブアプリは、URL構造にハッシュ記号を使用しています。これは、検索エンジンが＃以外のすべてを削除することを意味します。 これを回避する唯一の方法は、従来のSEOルールを使用してURL構造を実装することです。 これは、一部のサイトや企業にとっては注意が必要な場合がありますが、前進するために必要なステップです。
- Googlebotがページをどのように見るかをテストして確認します。 Google検索コンソールのフェッチとレンダリングツールを使用して、Googleが見ているのとまったく同じようにサイトを見ることができます。
- 必要なリソースがrobots.txtによってブロックされていないことを確認してください。
- ページに埋め込まれているリソースの数（特にページのレンダリングに必要なJavaScriptファイルの数）は、完全に読み込まれていない可能性があるため、減らしてください。
- Accelerated Mobile Pages（AMP）を使用する場合は、正確なサイトマップファイルを使用して、Webサイトへの変更を通知してください。
- コンテンツにアクセスする一部の検索エンジンおよびWebサービスプロバイダーは、JavaScriptをサポートしていないか、別のサブセットをサポートしている可能性があることに注意してください。
さらに、Lighthouseは、PWAに関してはGoogleの便利なツールです。 このツールは、ウェブアプリの品質を向上させるためにGoogleによって作成されました。 このツールは、WebアプリがPWAになる準備ができているかどうかを示します。 このアプリケーションにWebサイトを追加すると、Lighthouseは4つの基準でWebサイトを測定し、Webアプリのレートを上げるために解決する必要のある問題を示します。
だから、これは正確にプログレッシブウェブアプリがSEOを助ける方法です
PWAがオーガニック検索プロファイルを大幅に改善できるのは事実です。
どのように？
ユーザーエクスペリエンスを競合他社よりも優れたものにすることによって。 プログレッシブウェブアプリにアップグレードする前よりも、少なくとも良くなりました。 優れたユーザーエクスペリエンスを提供すると、人々は競合するオプションを超えてサイトにアクセスしたいと考えます。 彼らが結果であなたのブランドを見るとき、彼らはあなたが彼らが望むものを彼らに与えたことを思い出します、そして経験は前向きでした。
SEOは、クリック率が検索位置に影響を与えることを知っています。 結果に対する検索者によるクリック数または投票数が増えると、時間の経過とともに結果が上昇します。
しかし、それはあなたが測定できるただ一つの測定基準です。 あなたのサイトを最高にするためにあなたがするすべてのささいなことは、情報を超えた体験を生み出します。 これは、間接的および直接的にSERPSに影響を与え、通常はプラスの方向に影響を与えます。
より速いサイト速度
これは間違いなくPWAの最もエキサイティングな機能の1つです。 企業は、コンテンツを事前にキャッシュしたり、圧縮したりするなどのモバイル開発のベストプラクティスを使用して、データ接続が遅い可能性のあるユーザーや、PWAを使用してオフラインになっているユーザーをターゲットにできます。
なぜサイトの速度を気にする必要があるのですか？ それはあなたのSEOに直接影響を与えるからです
Googleのスピードテストが1か月足らずで有効になるため、PWAの最大の利点は、他のモバイルプラットフォームやネイティブアプリと比較した場合のスピードが速いことです。 そして、より高速なサイトを要求しているのはグーグルだけではありません–それはあなたのユーザーです！ 読み込みに3秒以上かかる場合、ほとんどのユーザーはモバイルサイトを放棄します。 （ここであなた自身に賛成してあなたのサイトの速度をチェックしてください！）そしてあなたのサイトが速度に達していないなら、それらはなくなっています。
Forbesは、PWAに切り替えると速度が大幅に向上し、モバイルの読み込み速度が3〜12秒から0.8秒に短縮されました。 したがって、ブランドをGoogleの検索リストのトップにできるだけ近づけるために、PWAをブランドがモバイル戦略の最初に選択するときが来ました。
より良いエンゲージメント
Googleは、プログレッシブウェブアプリとしての資格を得るためにウェブサイトが満たす必要のある基本的な要件を規定しています。 簡単なナビゲーション、タイムリーなプッシュ通知、ブラウザー間の互換性、すべてのデバイスでのレスポンシブページなど、スムーズなユーザーエクスペリエンスは、エンゲージメントの拡大につながるいくつかの重要な要件です。
PWAは、実際のモバイルアプリを驚くべき方法で模倣できます。 PWAを使用すると、ホーム画面に保存するオプションがあり、アプリと同じようにデバイスにアイコンとして表示されますが、アプリストアのダウンロードプロセスを実行する必要はありません。 また、ダウンロードがないため、PWAに必要なストレージはネイティブモバイルアプリよりも大幅に少なくなります。 スターバックスは、独自のネイティブアプリの0.4％のサイズのPWAを作成しました。 また、コンテンツの更新は更新時に自動的に行われるため、ユーザーは指を離さずに（または、煩わしい[更新のインストール]ボタンをタップすることなく）、最新の機能、機能、およびセキュリティの更新にアクセスできます。
おすすめの読み物：PWAとネイティブアプリ：どちらが適していますか？
アプリが携帯電話に搭載されると、フォーブス誌が独自のPWAを立ち上げたときに経験したように、インタラクションとエンゲージメントの可能性が飛躍的に高まります。 プッシュ通知を介して新しいコンテンツが利用可能になるたびに、ユーザーに通知されました。 ForbesのPWAは、ページの読み込み時間が非常に速く、トランジションが速く、ページのデザインが軽いため、次のことを実現できました。
- スクロールの深さを3倍に増やします
- ユーザーあたりのセッションを43％改善
- 記事を完成させる読者を6倍に増やす
- エンゲージメント率が2倍になるため、エンゲージメントが100％増加します。
Forbesのようなパブリッシングサイトの場合、新しいPWAのおかげで、高いエンゲージメントは高いコンバージョンに相当します。
セッション期間、クリック率、バウンス率などのWebサイトのエンゲージメント指標は、検索ランキングに直接影響することがわかっています。 Larry Kimがここで示しているように、サイト滞在時間はオーガニック検索のランキングと明確な相関関係があります。 セッション期間が長いほど、Googleでのランキングが高くなる可能性があります。
PWAとその優れたウェブサイトエンゲージメント率のおかげで、Googleの1ページ目に挨拶することができます。
それはすべてURLについてです
プログレッシブウェブアプリは、あらゆる意味でSEOのベストプラクティスを真に取り入れています。 明確で簡潔なメタディスクリプションから、検索ボットによるサイトデータのインデックス作成と解析を改善するためのSchema.orgデータの追加まで。 検索に最適化されたWebサイトは、他のWebサイトよりもPWAを削減する可能性が高くなります。
PWAは、モバイルデバイスで優れたエクスペリエンスを提供するために、さまざまな「mobile.site.com」タイプのURLを必要としません。 これらは、デバイスに関係なく、一貫したエクスペリエンスを提供するように自動的に構成されます。
もう1つの利点は、PWAが必ずHTTPS対応であることです。 これは、オーガニック検索結果でサイトを盛り上げるだけでなく、サイトのセキュリティについてユーザーを安心させ、バウンス率の低下、クリック率の上昇、そしておそらくコンバージョン率の上昇につながります。
各ページには独自のURLが付属しているため、深く埋め込まれたページでも検索エンジンで簡単にクロールして検出できます。 各ページの一意のURLにより、ソーシャルメディアや他のサイトでのページの共有がはるかに簡単になり、さらに透過的に追跡できるようになります。
Service Workerを使用して事前キャッシュを設定すると、デバイスがオフラインの場合でもPWA上のすべてのURLが読み込まれます。 これにより、古いデバイスや貧弱なネットワーク接続で操作するユーザーに権限が与えられます。
まとめ
プログレッシブWebアプリケーションは、最高のWebエクスペリエンスを提供することを目的としているため、SEOに最適です。 しかし、他のものと同様に、開発者やマーケターは物事を台無しにする可能性があります。
Webのベストプラクティスに従うと、優れたオーガニック検索トラフィックのメリットを享受できます。 これは、サイトを最初にモバイルにし、モバイルで高速にし、すべての画面サイズで使用でき、ページSEOで音声を表示できるようにすることを意味します。
PWAは、顧客との長期的な関係を構築するのに役立ちます。 これは大きな報酬ですが、サイトではユーザーエクスペリエンスが最優先されるため、オーガニック検索などのユニバーサルリフトも体験できます。
これらすべてのベストプラクティスに従うと、オーガニック検索トラフィックをターゲットにしていない場合でも成功します。
これらの手がかりをつかみ、モバイルWebの使いやすさとモバイルアプリの速度と使いやすさを兼ね備えたPWAに投資する時が来ました。 1つの価格で2つは、PWAで得られるものです。 それで、あなたはいつあなたのものを作るつもりですか？