GeneratePressとAMPを完全に互換性のあるものにする方法

GeneratePressとAMPは互換性があります。 この投稿では、GeneratePressをAMPと100％互換にする方法を紹介します。

Accelerated Mobile Pages (AMP) は、 オープンソース プロジェクト Google によって Automattic とともに作成されました。目標は、携帯電話上でウェブサイトを高速化することです。

訪問者のほとんどがモバイルから来ている場合、AMPは時間の経過とともにトラフィックを大幅に増やす可能性があります。

ただし、ほとんどの訪問者がデスクトップから来ている場合は、大きな違いに気付かないかもしれませんが、それでも価値はあります。

GeneratePress 最速です WordPressのテーマ 私は見た。私の姿が見えますね GeneratePressレビュー。 良いニュースは、AMPと100％互換性があることです。

あなたのウェブサイト/ブログにAMPを実装する

AMPを実装する最良の方法は、 公式AMPプラグイン これはGoogle自身によって構築され、維持されています。

WordPress ディレクトリにアクセスして、プラグインをインストールしてアクティブ化します。これを行うには、 プラグイン ダッシュボードから [新規追加] をクリックします。ページにアクセスしたら、「AMP」を検索します。 AMP プラグインが表示されます。

インストールしたら、プラグインをアクティブにします。 次に、設定をクリックします。 XNUMXつのオプションが表示されます。 標準モード、遷移モード、またはリーダーモード。 リーダーモードは正常に動作します。 それは機能するためにあなたのテーマに依存しないので。 ただし、トランジショナルモードまたは標準モードでGeneratePressを実行する際に問題が発生した場合は、こちらの手順に従ってください。

他のAMPプラグインを使用している場合でも、これらの手順は機能します。

GeneratePressとAMPを完全に互換性のあるものにする方法

次の手順に従って、GeneratePressとAMPを完全に互換性のあるものにします。

1. AMPforGeneratePressプラグインをダウンロードしてインストールします

GeneratePressの開発者であり創設者であるTomUsborneによる公式プラグインがあります。 プラグインの目的は、AMPとの互換性の問題を修正することです。

このプラグインは WordPress ディレクトリではまだ利用できません。しかしトムは私にこう言いました。 email 彼はすぐにそれを利用できるようにするとのこと。

今のところ、あなたはできます GitHubからプラグインを入手する.

そこに到達したら、クローンをクリックするか、ダウンロードします。 次に、ダウンロードzipをクリックします。

次に、WordPressダッシュボードに移動するには、プラグインをクリックしてから、[新規追加]をクリックします。 新しいページで、アップロードプラグインをクリックし、ダウンロードしたファイルを選択してインストールします。

インストールしたら、アクティブにします。 以上です。

2.AMPをトランジショナルモードまたは標準モードに切り替えます

次に、AMPプラグイン設定に再度移動し、移行モードまたは標準モードに切り替えます。 移行モードとは、テーマフレームワークを使用してAMPと非AMPを提供することを意味し、標準モードとは、サイトがAMPファーストであることを意味します。

サイトがAMP移行モードで動作する場合、標準モードで動作します。 XNUMXつの違いは、正規URLだけです。

トランジションモードの場合、追加する必要があります ？amp AMPにアクセスするためのホームページを含むリンクの最後にあります。

ただし、標準モードの場合、追加は必要ありません。 あなたの正規のURLはアンプです。

このテストでは、トランジションモードを使用して動作することを示しています。 私の訪問者のほとんどはデスクトップから来ているので、リーダーモードでAMPを使用することを好みます。

3.AMPテストを実施します。

移行モードまたは標準に変更した後。 多くのエラーが表示されます！ パニックになるな！

あなたは私が変更した後に私が得たエラーを見ることができます ブログツール トランジションモードに。

48のエラーインデックスがありました。

これらのエラーのほとんどは警告です。 それらのいくつかはプラグインによって引き起こされます。 警告は、強調表示されたアイテムがAMPに表示されないことを通知するためのものです。

テーマに関連する大きな警告はありませんでした。

私が気付いた主な問題は、キャッシュプラグインであるBreezeにありました。 AMPを満足させないように見えるCSSを追加していました。 そこで、Breezeを無効にして、テストに進みました。

あなたが使用することができます テスト用のGoogle公式AMPテストツール.

結果は、AMP が問題なく実行されていることを示しています。以下を参照してください。

これが私のホームページのテストです。

次に、投稿ページをテストしました。

上記から、AMPとGeneratePressは完全に互換性があることがわかります。

一般的な問題

それでもAMPを移行モードまたは標準モードで動作させるのに問題がある場合は、プラグインのXNUMXつが問題である可能性があります。

主な原因は、おそらくAMP互換ではないキャッシングプラグインまたは最適化プラグインでしょう。