5つの最高のWordPressAMPプラグイン

公開: 2021-03-12

このガイドでは、AMP forWordPressを起動して実行する方法を正確に説明します。 最初に、いくつかのコンテキストを取得しましょう。

すべてのインターネットトラフィックの半分以上がモバイルデバイスから来ています。 モバイルは重要です–特にコンテンツ主導のビジネスの場合。 私たちはここMobiLoudでモバイルを重視しており、ネイティブアプリとPWAプラットフォームを通じてお客様がモバイルUXとエンゲージメントを高めるのを支援しています。

アプリのメリットについては常に話しますが、今日は少し異なること、つまりAMPの可能性と、それがモバイルゲームの向上にどのように役立つかについて話します。

AMPは、モバイルの読み込み時間を大幅に短縮し、検索結果でさらに上位にランク付けするのに役立ちます。 特にWordPress用のAMPに移る前に、それをより詳細に見てみましょう。

WordPressサイトをネイティブモバイルアプリに変換できることをご存知ですか？ これは、モバイルアプリを構築するための最速かつ最も手頃な方法です。 MobiLoudでは、WordPress専用の2つのソリューションを構築しました。ブログとニュースサイト用のニュースと、eコマース、コミュニティ、および任意のWordPressWebサイト用のCanvasです。 すべてのプラグインとカスタムコードはすぐに使用でき、アプリに独自のテーマを使用できます。 無料のデモを入手して、どのプラットフォームがお客様のサイトに最適かを確認してください。

AMPとは何ですか？

AMPはAcceleratedMobilePagesの略です。 2015年に発表された後、Google、WordPress、その他の有名人に支えられて– AMPは、ページを裸のHTMLに分解してモバイルでの読み込みを高速化することで、ウェブサイトをダイエットするフレームワークです。

目標は、以下を作成することでした。

「「高速でスムーズな読み込みを行い、ユーザーエクスペリエンスを何よりも優先するウェブページを簡単に作成する方法を提供するオープンソースのHTMLフレームワーク」

人気のブログや出版社のサイトのようなコンテンツ主導のサイトを対象としたAMPは、本質的にFacebookのインスタント記事やAppleNewsと競合するGoogleの方法です。 これは、モバイルが真に引き継がれ、ユーザーが読み込み時間の遅れにますます寛容になっていなかった2015年の時代の兆候でした。

それ以来、AMPはWebの重要な部分になりました。 AMPプラグインを使用してセットアップするのも非常に簡単です。 しかし、それはどのように機能し、どのような利点がありますか？ 確認してみましょう。

AMPはどのように機能しますか？

AMPは基本的に、既存のWebコンテンツのHTML複製を削除して作成します。

AMPに「変換」されたページは、次の3段階で変換されます。

  • HTML – AMPは、従来のHTMLコードの無駄のない独自のマークアップを作成します
  • JavaScript –リソースをフェッチするために使用され、不要なレンダリングを排除するために削除されます
  • CDN –ページをキャッシュし、すぐにAMPに適応させます

AMPはCSSリクエストも削減し、多くのかさばる画像、バックエンドコード、そして多くの場合CTAを捨てます。

AMPページは、ページの既存の正規バージョンを置き換えません。 読者は両方のバージョンに完全にアクセスできます。

AMPのメリットは何ですか？

AMPは、基本的にユーザーエクスペリエンスのアップグレードです。 最近、人々は非常に焦りを感じています。読み込み時間が1秒増えるだけで、エンゲージメントの指標に大きな影響があります。

GoogleはAMPの宣伝に多大な投資をしています。 彼らには、サクセスストーリーを紹介するケーススタディがたくさんあります。 これらはチェックする価値がありますが、Googleは公平なパーティーではないことを覚えておいてください。

キーワードブログで、GoogleのプロダクトマネージャーであるRudy Galfiが、2015年にモバイルウェブが使用されていたという残念な状況について語っています。モバイルサイトの平均読み込み時間は、3G接続でなんと19秒です。 出版社が改善するには、共通の基準が必要でした。

「AMPは、パブリッシャーが当時優れたユーザーエクスペリエンスを実現することを非常に困難にしていたトレンドを逆転させる上で積極的な役割を果たしてきたと強く信じています。」

具体的には、AMPは次のことを支援する可能性があります。

  • バウンス率を下げる–バウンス率と読み込み時間の関係は明らかです。 ページを大幅に高速化し、バウンスするユーザーを減らします。
  • エンゲージメントとトラフィックの増加–平均して、AMPは全体的なトラフィックを10％増加させ、ページに費やす時間を100％増加させます。 Chartbeatの調査によると、読者は標準のモバイルページよりも35％長くAMPコンテンツを利用しています。
  • SEOブーストを取得– AMPは直接的なランキング要素ではありませんが、速度は重要です。
  • 収益の増加– AMPは、広告収益とeコマース売上の増加に関連しているようです
  • トップストーリーで取り上げられる–最大のメリットの1つは、AMPがGoogleのトップストーリーカルーセルのページを紹介することです。

そのため、パブリッシャー向けにAMPを実装する理由はたくさんあります。 今それを行うための最良の方法は何ですか？

確認してみましょう。

WordPress用のAMP

WordPressはAMPプロジェクトの主要なパートナーでした。そのため、WordPressにAMPを実装するのが簡単であることは当然のことです。

現在、2021年には、WordPressサイトでAMPを設定するのは簡単です。 それを行うための最良の方法は、最高のAMPWordPressプラグインの1つを使用することです。

私たちはあなたの選択を助けるために5つの最高のAMPプラグインのリストをまとめました。 それぞれを簡単に見てみましょう。

WordPressに最適なAMPプラグイン

ここでは、モバイル向けにWordPressサイトを最適化するために推奨する5つの最高のWordPressAMPプラグインを紹介します。

AMP –WordPress用の公式AMPプラグイン

WordPressでAMPをまったく使用したことがない場合は、AMPプロジェクトの公式プラグインが最適な方法かもしれません。 AMPプラグインの背後にある主要なアイデアを実行することになると、これに勝るものはありません。

Automattic（WordPressの親会社）とGoogleが貢献しており、500,000以上のアクティブなインストールがあり、AMPはWordPressプラグインリポジトリで最も人気のあるAMPプラグインのままです。

プラグインを強力な候補にする機能のいくつかを次に示します。

  • AMPマークアップの自動化： AMPは、AMPマークアップの挿入プロセスを自動化します。 WordPressのデフォルトのコンテンツ作成パターンに固執することで、ユーザーは通常のワークフローに従うだけです。
  • エラーソースの識別：プラグインは、スムーズでエラーのないAMPエクスペリエンスを提供します。 この背後にある鍵は、HTMLのエラーを見つけて修正する機能です。
  • デフォルトのテーマの互換性： AMPはコアのWordPressテーマとも互換性があります。

このプラグインでは、3つのテンプレートモードから選択できます。

  • 標準モード–でAMPバージョンと非AMPバージョンを分離せずに、サイト全体でプラグインを使用します。
  • 移行モード–サイトのアクティブなテーマを使用して、サイトのAMPバージョンと非AMPバージョンを別々に作成します。
  • リーダーモード–簡略化されたAMP標準のページデザインを提供します。 このモードはサイト全体にサービスを提供するわけではありませんが、アクティブなテーマとは異なる外観の投稿やページを表示します。

欠点は、AMPコンテンツの外観と機能をあまり制御できないことです。 ただし、完全に無料で使いやすいことを考えると、プラグインは初心者にとって常に優れた選択肢です。

AMP for WP – Accelerated Mobile Pages

優れたユーティリティと幅広い機能を備えたAMPWordPressプラグインを探しているサイト所有者や開発者にとって、AMP forWPは検討するのに最適なオプションです。 このプラグインは、公式のソリューションよりもはるかに多くの制御を提供します。

この制御が明らかな領域の1つは、設計部門です。 カスタムAMPエディターを使用すると、WordPress開発者はAMPコンテンツの外観を大幅に調整できます。 ダッシュボード内のテーマカスタマイザーを使用すると、さまざまな既製のテーマから選択できるだけでなく、それに応じてデザインを変更することもできます。

AMP forWPが提供するその他の機能は次のとおりです。

  • AdSenseのサポートとスクリプトを追跡する機能
  • Gravity Forms、Contact Form 7、およびNinja FormsのContact Formと互換性があります（有料の延長が必要です）
  • WooCommerceおよびEasyDigitalDownloadsと統合
  • メールオプトインと召喚状（CTA）のサポート
  • SEOプラグインの完全な互換性（Yoast SEO、All in One SEO、SEOPressなどを含む）

AMP forWPはフリーミアム製品です。 無料版では、完全にカスタマイズ可能なテーマが1つだけ提供されます。 プレミアムバージョンは、19ドルの手頃な価格で始まります。 個々の拡張機能は89ドルもかかる場合があります。 サイトで完全なユーティリティが必要な場合は、1つのサイトですべての拡張機能にアクセスするために149ドルを支払うことを検討してください。

AMP WP –WordPress用のGoogleAMP

次の最高のAMPWordPressプラグインのリストは、あまり人気のない製品です。 アクティブなインストールは約1000しかありませんが、ここにはまだかなりの数があります。 プラグインの機能は、現在廃止されているBetterAMPと非常によく似ています。 そのリアルタイムのWordPressカスタマイザーは、AMPコンテンツの外観を制御するための非常に便利な方法を提供します。

これらのデザインオプション以外に、クリエイティブになることができる他のいくつかの領域があります。

  • AMPを実装する投稿タイプを決定する
  • ヘッダーの追加や削除などのレイアウトオプションを切り替えます
  • ソーシャルリンクを追加する
  • Facebook Pixel、Google Analytics、その他多数の指標追跡分析を含める

プラグインは、他の多くの統合オプションをサポートしています。 Gutenberg Editorのサポート、サイドバーとスライダーのサポート、JetpackとYoast SEOのサポートが必要ですか？ あなたはそれらがすべて含まれているのを見つけるでしょう！

残念ながら、AMP WPは、かなり限定的なテーマを1つだけ提供しています。 ただし、これは完全に無料で、モバイル用にWebサイトを最適化するのに最適です。

weeblrAMP

AMP for WPと同様に、weeblrAMPは、言及する価値のあるもう1つのフリーミアムAMPWordPressプラグインです。 プレミアムバージョンの最初の49ドルの値札を正当化するために、プラグインはあなたが選択のために甘やかされてしまうかなりの数の機能を詰め込んでいます。

無料版でも、無料のAMPプラグインで最も堅牢な機能を提供していることは間違いありません。 無料で利用できる最も重要な機能のいくつかを見てみましょう。

  • すべてのWordPressコンテンツタイプ（投稿、ページ、カテゴリなど）のAMP
  • AMPコンテンツでの広告サポート
  • YoastSEOやElementorなどの他のプラグインとのシームレスな統合。
  • グーグルアナリティクスとグーグルタグマネージャー
  • AMPページに関するネイティブWordPressコメント

さらに一歩進んだ場合、プレミアムバージョンの高度な機能に無制限にアクセスできます。 サードパーティベンダー、WooCommerce、Facebook Pixelの連絡フォームを統合したいとお考えですか？ その後、有料版はあなたのためです。

weeblrAMPを使用すると、AMPコンテンツをカスタマイズするための十分なスペースが確保されます。 チームに開発者がいる場合は、カスタムCSSコードを使用してこれをさらに活用することもできます。

オールインワンSEOパック

このリストの最後のエントリは、SEOの観点からAMP実装を提供するオールインワンソリューションです。 これは本質的にSEOツールですが、AIOSEOは、サイトが恩恵を受けることができる非常に便利なAMP機能を提供します。

200万を超えるアクティブなインストールにより、プラグインはすでにサイト所有者とSEO専門家の間で高い評判を築いています。 AMPコンテンツのSEOパフォーマンスが心配な場合は、このツールを検討する必要があります。 AMP forWPやその他のAMPWordPressプラグインと効率的に統合されます（サードパーティのアドオンは必要ありません）。

一緒に結合すると、タイトル、説明、およびその他の重要なメタデータを取得して、面倒なことなくAMPに表示できます。 さらに良いことに、AIOSEOは、無料バージョンにWooCommerceのSEO統合を含む唯一のプラグインです。

マルチサイトサポート、API統合、ビデオサイトマップなどの高度な機能を必要とする個人および企業は、有料のサブスクリプションパッケージを購入する必要があります。 $ 49.50 /年から$ 299.50 /年までの4つのプランがあります。

どのAMPWordPressプラグインがあなたに適していますか？

WordPress AMPプラグインの最終的な選択は、サイトの性質、規模、および特定のニーズに依存します。

上記で提案されたオプションのいずれかがAMPを効率的に実装しますが、それぞれが特定の領域で際立っています。

WordPressに最適なAMPプラグインの簡単な要約と、それらを検討する理由は次のとおりです。

  1. 公式AMPプラグイン：初心者向けの最もシンプルで効率的なソリューション
  2. AMP for WP：幅広い機能を提供するフリーミアム製品
  3. AMP WP：まともな統合オプションを備えた無料のプラグイン
  4. weeblrAMP：カスタムCSSコードをサポートする機能豊富なソリューション
  5. オールインワンSEOパック：GoogleAMPをサポートする強力なSEOプラグイン

モバイルWordPress用のプラグインについてもっと知りたいですか？ WordPressに最適なモバイルプラグインに関する記事をご覧ください。

WordPressにAMPを使用する必要がありますか？ （AMPの問題）

間違いなく、WordPressサイトにAMPプラグインを統合することは素晴らしい動きです。 Slate.comに関するGoogleのレポートに基づくと、AMPの実装により、サイトのトラフィックを最大44％増やすことができます。 同様の結果は、WordPress、Reddit、Bing、eBay、Pinterestなどの他の主要ブランドでも再現されています。

ただし、AMPを備えたすべてのバラではないことに注意することが重要です。 いくつかのハードルと問題があります。

技術的な課題

手始めに、適切な専門知識がなければ、AMPの実装とテストは非常に困難になる可能性があります。

AMP WordPressプラグインはプロセスを大幅に簡素化しますが、経験豊富なWordPress開発者がチームに参加して手を貸してくれることをお勧めします。

設計の妥協

AMPは当初から、スタイルよりもスピードを優先してきました。 AMPを使用すると、設計部門で負ける可能性があります。

モバイルページの読み込みをできるだけ速くするために、AMPはサイト訪問者に表示するUI要素とアセットを少なくします。 また、簡略化されたHTMLおよびJavaScriptコードのおかげで、モバイルユーザーはオプトインフォーム、ボタン、およびCTAを表示できない場合があります。

これらの妥協がそれに値するかどうかはあなた次第です。

速度とモバイルUXが非常に重要であるが、AMPの欠点に対処したくない場合は、他のオプションがあります。

AMPの代替

それほど妥協することなく、高速で最適なモバイルユーザーエクスペリエンスを提供できる2つの優れたAMPの選択肢があります。

プログレッシブウェブアプリやネイティブニュースアプリなど、サイト運営者にとって優れたオプションです。

プログレッシブウェブアプリ（PWA）

また、Googleが支持するWebパラダイムであるPWAを使用すると、従来のWebサイトよりもアプリのように感じるモバイルWebの超高速エクスペリエンスを作成できます。

はるかに高速なサイト、AMPのすべてのエンゲージメントのメリットなど、プッシュ通知の送信やオフライン機能の作成などのその他のメリットが得られます。

PWAはまた、スピードのおかげで多くの同じSEOのメリットをもたらし、パブリッシャーやそれを構築した他の企業に一貫してメリットを示してきました。

PWAの詳細については、50を超えるPWAの例を紹介する詳細なガイドをご覧ください。

ネイティブモバイルアプリ

ネイティブコンテンツアプリは、サイト運営者やeコマースサイトにとって巨大なものになる可能性があります。 彼らが提供します：

  • あなたの最も忠実な読者のための家と彼らのホームスクリーン上の貴重な場所
  • 忠誠心、エンゲージメント、定着率を大幅に向上させる
  • 広告、アプリ内購入、サブスクリプションによる新しい収益源
  • デバイスに関係なく、プッシュ通知ですべてのユーザーに到達する機能
  • Googleやその他のプラットフォームではなく、100％所有している貴重なチャネル
  • eコマースアプリのコンバージョン率が高い

過去数年間、トップパブリッシャーはアプリに群がっていますが、その理由を理解するのは難しいことではありません。 これらは非常に強力なチャネルであり、全体的にKPIを向上させることができます。

Simple Flyingは、ニュースアプリでうまく機能します

世界トップクラスの航空ニュースサイト、SimpleFlyingのストーリーをご覧ください。 彼らのアプリオーディエンスは、月にほぼ50倍の記事を消費し、それぞれに少なくとも2倍の時間を費やしています。 アプリのユーザーは、AMPを水から吹き飛ばすほどのエンゲージメントを持っています。

ハフィントンポストもこれを発見し、CEOのジミーメイマンは次のように述べています。

「私たちのアプリをダウンロードする人は、モバイルWebから来る人よりもはるかに頻繁にアクセスし、10倍の記事を消費します」

これらの印象的な結果を自分のブランドにどのように再現できますか？

PWAとネイティブニュースアプリの構築

NYTやHuffingtonPostなどのメディアブランドには、すばらしいニュースアプリとPWAがあります。 しかし、それらを構築するのは簡単ではありませんでした。

彼らは開発者のチームを構築するのに何ヶ月もかかり、予算は数十万に達しました。 より小さく、よりニッチなメディアブランドはどのようにそれと競争することができますか？

競技場を平準化する最良の方法は、MobiLoudNewsを使用することです。 ニュースは、WordPressパブリッシャーサイトをiOSおよびAndroid用のネイティブニュースアプリに変換するためのプラットフォームです。 最終的には、国際的に有名なメディアブランドのアプリと同じくらい優れたアプリになります。ForeignPolicyMagazineがNewsを使用して主力アプリを作成した方法を確認してください。

また、PWAを設定して、Web訪問者とアプリをダウンロードするコアオーディエンスの両方に可能な限り最高のモバイルUXを提供することもできます。

アプリは、サイトで公開した新しいもので自動的に更新されるため、ワークフローに追加するものはありません。また、サイトのすべてのプラグインとツールをアプリに統合することもできます。

最良の方法は、標準価格から90％割引になり、アプリは1か月以内に準備が整うことです。 パブリッシャープログラムの資格がある場合は、前払いで支払う必要はありません。

私たちのチームは、アプリの構成、AppStoreやGooglePlayへの送信など、面倒な部分をすべて処理します。また、フルサービスの一環として継続的なメンテナンスと更新をすべて処理し、数千ドルと数十ドルを節約します。毎年頭痛。

モバイルUXが王様

多分あなたはAMPを実装するべきです、多分あなたはすべきではありません。 ただし、可能な限り最高のモバイルユーザーエクスペリエンスを作成する必要があります。 それは簡単なことではありません。

2021年には、これはネイティブアプリと高速なWebエクスペリエンスを意味します。そして、MobiLoud Newsは、効果的かつ手頃な価格で両方を実現するための最良の方法です。

ここでニュースの詳細を読み、アプリの専門家の1人とのデモコールを予約して、プロセス全体について学びましょう。

今すぐデモコールを予約してください！