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

AMPを使用すると、モバイルでサイトを高速化できます。 GeneratePressテーマを使用してトランジショナルモードまたは標準モードでAMPを機能させる際に問題が発生した場合は、次の方法で問題を修正しました。

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

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

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

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

GeneratePress 私が見た中で最速のWordPressテーマです。 あなたは私のを見ることができます GeneratePressレビュー。 良いニュースは、AMPと100%互換性があることです。

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

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

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

公式AMPプラグイン

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

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

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

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

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

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

プラグインはWordPressディレクトリではまだ利用できません。 しかしトムはメールで私にそれをすぐに利用できるようにするだろうと言った。

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

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

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

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

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

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

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

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

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

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

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

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

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

AMP エラー GeneratePress
AMPエラーGeneratePress

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

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

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

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

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

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

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

GeneratePressAMPホームテスト

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

GeneratePressAMPテスト

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

一般的な問題

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

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

ムフォン・アベル・エケネ

ムフォン・アベル・エケネ

役立つコンテンツを作るのが楽しいです。 私の情熱は、インターネット人口が正しい方向に向けることによって、彼らが必要とするものを見つけるのを助けることです。 それは私が行うのが大好きなことであり、TargetTrendのコンテンツを通じてそれを確実に実行するために、何時間もの調査とテストを行いました。

記事:50

技術者のものを受け取る

技術トレンド、スタートアップトレンド、レビュー、オンライン収入、Webツール、およびマーケティングを月にXNUMX〜XNUMX回

3のコメント

  1. これを共有していただきありがとうございます。GeneratePressアンプの互換性はWordpressプラグインディレクトリでまだ公開されていないためです。 私は自分のウェブサイトkasperkamperman.comをAMPプルーフにすることができました。

    • はい、WordPressプラグインディレクトリにはまだありません。 私は2020年の初めにトムUsborneに尋ねました、そして彼は彼がWordPressディレクトリにアップロードすることを計画していると言いました。 なぜまだそこにないのか分かりません。 Githubからダウンロードできます。

コメントを残す

あなたのメールアドレスは公開されません。