説明

ページエクスペリエンス (PX) は、Core Web Vitals (CMV) を含む一連のランキングシグナルで、ウェブページを操作する際のユーザーエクスペリエンスを測定するものです。AMP は、多くの最適化やベストプラクティスをサイト上で自動的に適用する強力なツールであり、訪問者にとって良好なページ体験を容易に実現することができます。AMP チームがサポートする公式プラグイン「AMP Plugin」は、通常のパブリッシングフローとシームレスに統合され、既存のテーマやプラグインを利用して、AMP のパワーを WordPress サイトに簡単に導入することができます。

より多くのビデオについては、以下の AMP の WordPress のビデオシリーズをチェックしてください。

プラグインの主な機能は次のとおりです :

AMP 有効マークアップを可能な限り生成するプロセスを自動化し、ユーザーが WordPress で使用されている標準ワークフローに従うことができます。
効果的な検証ツールを提供、ユーザーがAMP の非互換性が発生したときに対処できるように、識別、文脈、検証エラーによる問題の解決のためのメカニズムを含む。
WordPress 開発者が AMP 対応のエコシステムコンポーネントを構築し、AMP 対応を組み込んだウェブサイトやソリューションを構築することが容易になるよう、開発支援を行います。
AMP ページの提供をサポートすることで、サイトオーナーがモバイルリダイレクト、AMP から AMP へのリンク、最適化された AMP の生成をデフォルトで簡単に利用できるようになります (AMP Optimizer の PHP 移植による)。
技術的な専門知識やリソースの有無にかかわらず、ゼロからすぐに AMP ページを公開できるターンキーソリューションを、WordPress クリエイタークラスターに提供します。

WordPress の公式 AMP プラグインは、ユーザーファーストの WordPress サイト、つまり、速く、美しく、安全で、魅力的で、アクセスしやすいサイトを構築するための強力なツールです。ユーザーファーストのサイトは、ユーザーを喜ばせる体験を提供するため、ユーザーのエンゲージメントが高まり、サイトの成功につながります。また、AMP はモバイルサイト専用という通説に反して (もはや Accelerated Mobile Pagesの略ではありません !)、完全なレスポンシブ Web コンポーネントフレームワークであるため、モバイルデバイスとデスクトップデバイスの両方でユーザーに AMP 体験を提供することができます。

AMP プラグインのオーディエンス: 全員

このプラグインは、開発者と非開発者の両方のユーザーが使用できます :

開発者や技術に精通したユーザーであれば、AMP プラグインが提供する高度な開発ツールを活用して、サイトが抱えている可能性のある検証問題を解決し、完全な AMP 互換性を実現することができます。
AMP プラグインを使えば、AMP 対応のコンポーネントを利用して、さまざまな構成の完全な AMP 対応サイトを構築することができます。このプラグインは、検証問題に対処するために、可能な場合は無効な AMP マークアップを削除したり、AMP ページ上で AMP に対応していないプラグインを完全に抑制したりすることができます。

要するに、技術的な専門知識に関係なく、AMP プラグインはあなたに役立つ可能性があります。

テンプレートモード

公式 AMP プラグインは、サイトオーナーが AMP をユーザーに提供する際に、テンプレートモードと呼ばれるさまざまな方法を可能にします : 標準、移行、リーダーです。これらの違いは、使用するテーマの数 (1つまたは2つ) と、サイトのバージョン数 (非 AMP、AMP) にあります。それぞれのテンプレートモードは独自の価値観をもたらし、大きく多様な WordPress のエコシステムの中で、さまざまなシナリオのニーズに対応しています。また、AMP プラグインは、AMP ページの生成を自動化するだけでなく、AMP を選択したオプションを有効に保つという点で、可能な限りのサポートを提供しています。一言で言えば、利用可能なテンプレートモードは以下の通りです :

標準モード : このテンプレートモードは、リクエストに対応するテーマが1つだけで、サイトのバージョンも AMP バージョン1つだけという理想的なものです。すべてのサイトを AMP ファーストにすることができるほか、開発やメンテナンスのコストを削減できるというメリットもあります。このモードは、サイト内で使用しているテーマやプラグインが AMP に完全に対応しているサイトに最適です。また、一部のコンポーネントが AMP に対応していないが、サイトオーナーに修正するためのリソースやノウハウがある場合にも良い選択肢となります。スタンダードモードを使ったサイトのショーケースをご覧ください。

移行モード : このモードでもテーマは1つですが、各ページには2つのバージョンがあります。AMP と非 AMP です。アクティブなテーマは、指定された URL の AMP 版と非 AMP 版の提供に使用されます。このモードは、サイトが AMP に完全に対応していないテーマを使用しているが、AMP ページと非 AMP ページの機能的な違いは許容できる場合に適しています (graceful degradation による)。この場合、モバイルデバイスからサイトにアクセスするユーザーは、AMP バージョンを取得し、非 AMP バージョンのルック＆フィールも保持した最適化されたエクスペリエンスを得ることができます。移行モードを使用したサイトのショーケースをご覧ください。

リーダーモード : このモードでは、AMP ページ用と非 AMP ページ用の2つの異なるテーマがあり、そのためサイトにも2つのバージョンが存在しています。このモードは、サイトが AMP と互換性のないテーマを使用している場合に選択されることがありますが、緩やかなデグレードを行わないと互換性のないレベルが大きくなります。また、技術的に詳しくない (あるいは単に非互換性に対処したくない) ため、最小限の労力で AMP を活用できるシンプルで堅牢なワークフローを求める場合にも適しています。

あなたのサイトの仕様やあなたの役割に応じて、さまざまなシナリオで異なるモードが推奨されます。プラグインを設定すると、あなたのサイトで使用されているテーマやプラグインの評価に基づいて、最適なモードを提案してくれます。また、どのモードを使用するかにかかわらず、サイトのすべて、または一部のみを AMP として提供することができます。このように柔軟な対応が可能なため、AMP を段階的に導入していくことができます。

AMP エコシステム

今日では、AMP 対応のエコシステムからテーマやプラグインを選択することで、AMP プラグインを搭載したユーザーファーストの優れたサイトを構築することが可能です。AMP プラグインは、AMP コンテンツの作成と公開のプロセス全体を指揮する役割を果たします。AMP プラグインは、AMP コンテンツの作成と公開のプロセス全体を指揮する役割を果たし、検証者や施行者としての役割を果たすことで、AMP 体験を得るだけでなく、自信を持って維持することも容易になります。

多くの人気のあるテーマやプラグイン開発者は、公式のAMPプラグインをサポートするために努力しています。あなたは Astra や Newspack のようなテーマを使用している場合、または Yoast や WP Forms のようなプラグインを使用している場合 – 彼らはすぐに動作します ! テストされたテーマやプラグインの成長リストを見ることができます。

AMP 開発

AMP 対応の WordPress コンポーネントのエコシステムは成長していますが、エコシステムの大半が AMP 対応になるまでには、まだ道のりがあります。あなたが開発者であったり、開発プロジェクトを進めるためのリソースを持っていたりする場合、特定のニーズに応えるためにカスタム・プラグインやテーマを開発したいと思うことがあるかもしれません。公式 AMP プラグインは、パワフルで効果的な開発ツールを提供することで、WordPress で行われる AMP 開発プロセスに光を当てることができ、大きな助けとなります。これには、問題検証の根本的な原因や、それを正しく理解するための文脈空間、AMP 完全互換を実現する過程での対処法などを詳しく説明する仕組みが含まれています。デベロッパーツールについてもっと読む。

はじめてみよう

プラグインの詳細を知り、AMP パブリッシングワークフローに力を与える機能を活用するには、 AMP プラグインの公式製品サイトを参照してください。

開発者の場合は、GitHub でこのプラグインの開発に従うか、または貢献することをお勧めします。

できるだけスムーズにスタートできるように、FAQ ページと豊富なドキュメントを公開しています。

しかし、あなたがいくらか助けが必要な場合は、プラグインのサポートフォーラムだけでなく、GitHubの問題 (技術的なバグや機能の要求のために)があります。 AMP Expert エコシステムには、商用サポートが必要な場合に備えて、企業レベルの代理店にインディーズフリーランサーが用意されています。

スクリーンショット

開始に役立つ新しいオンボーディングウィザード。
開発者と非技術的なコンテンツ作成者のために構築されています。
リーダーモードのエクスペリエンスを向上させるテーマの選択。
変更を確定する前に、デスクトップとモバイルでサイトがどのように表示されるかをプレビューします。
カスタマイザーで AMP ページのデザインをカスタマイズします。
オンボードウィザードを再度開き、個々のオプションを変更するか、詳細設定を管理します。

インストール

フォルダーを /wp-content/plugins/ ディレクトリにアップロードします。
WordPress の「プラグイン」メニューからプラグインを有効化します。
プラグインを構成するには、WordPress 管理者の AMP > 設定に移動します。ガイド付きセットアップにはオンボーディングウィザードを使用します。

FAQ

amp-wp.org のよくある質問を参照してください。あなたの質問に対する答えが表示されないのですか? サポートフォーラムを検索して、既に議論されているかどうかを確認してください。それ以外の場合は、新しいサポートトピックを開いてください。

評価

danielwom 2023年9月17日 1 reply

The recent update somehow implemented an endless loop when redirecting to amp. This happens only on smartphones, not on emulators on PC, so it was not easy to find this issue. That caused a loss of thousands of revenue just in the last few days and i am not sure if google will ever take us back to the top again, as this was a critical issue. This is by far the worst that ever happened by a plugin. avoid this at all cost! the damage is huge!

aless82joker 2023年9月15日 1 reply

Installed for 2 minutes and as soon as I realized it was causing problems I uninstalled it. Even though I uninstalled it immediately, it continues to create problems and modify the iframes of the maps that I integrate. All my problems with the site going perfectly came with this plugin and with any to generate amp. Forget it and set a responsive as it should be. The amp is a huge rip off.

mattscott 2023年7月20日

When you active this plugin and each other plugin, it performs a check for compatibility with other plugins and also themes. This is very good! However I have gone through several themes (that are supposed to be AMP compliant) and each theme is reported as having issues. (So I uninstall and install another certified theme.) Moreover, on average every second plugin has issues. And most of these plugins are essential for my business (like Woocommerce).