WordPress サイトに Google AMP を設定する方法 (AMP プラグインを使用)

多くのサイト所有者が、ページ速度が遅いために収益の 47% を失っていることをご存知ですか? はい、あなたは正しく聞いた。 ページの速度を維持することは、SEO とランキング要素の両方にとって重要な事実です。 デスクトップ版のウェブサイトをすでに最適化している場合は、オーガニック トラフィックの半分がモバイル デバイスから来ているため、モバイル版サイトの最適化に注意する必要があります。 そこで、 Google AMPとしても知られるGoogle Accelerated Mobile Pagesが登場します。 これは、新しいサイト所有者にとってはまったく新しい用語です。 そのため、この記事では、Google AMP とは何か、WordPress サイトで Google AMP をセットアップする方法について説明します。

Google AMP とは何ですか?

2015 年 10 月、Google はモバイル アクセラレーション モバイル ページ ( Google AMPとも呼ばれる) と呼ばれるモバイル ベースのプロジェクトを発表しました。 これは、Google、Facebook、Twitter によってサポートされているオープン ソース プロジェクトです。 Accelerated Mobile Pages (AMP) には、基本的な HTML、CSS ページのみが含まれています。 AMP ページは、通常のページよりも高速に読み込まれます。

多くのユーザーは、非常に遅いインターネットを使用して、HTML、CSS、JS、広告、およびいくつかのスクリプトを含む Web ページを閲覧しています。 そのため、遅いインターネットを使用すると、ページを開くのに多くの時間がかかります。 AMP の目標は、ページの読み込み速度を液体のように速くすることです。

これは AMP 対応サイトの例です。

Google AMP をすぐに有効にする必要があるのはなぜですか?

Accelerated Mobile Pages (AMP)を使用すると、Web サイトは Google で特定の方法で (特に AMP 記号で) 表示されます。 AMP ページと通常のページの違いは、カルーセルと Google 検索結果のAMP ラベルで確認できます。 さらに、AMP を使用することにはいくつかの利点があります。

• 速度が重要: AMP 対応ページが通常のページよりもわずかに優れていることは間違いありません。 通常、多くのユーザーは、読み込みに 3 秒以上かかる Web サイトを離れます。 したがって、AMP は直帰率を下げ、コンバージョンを増やすのに役立ちます。
• 検索エンジンのランキングを向上させる: AMP はまだ独立した​​ランキング要素になることを意図していませんが. しかし、Google は現在、モバイル フレンドリーなランキング ブーストを利用しており、AMP ページはモバイル フレンドリーであるため、同じランキング ブーストを受けています。
• クリック率の向上:コンテンツがカルーセルに表示されると、視認性が大幅に向上し、読者がクリックして Web サイトにアクセスする可能性が高くなります。
• サポート広告: AMP ページは、AdSense、MediaNet、Infolinks などのさまざまな種類の広告もサポートしています。
• 多くの大企業が AMP をサポート: AMPについて心配する必要はありません。AMP は、Twitter、Pinterest、WordPress、Chartbeat、Linkedin などの大手テクノロジー プロバイダーによってサポートされているためです。

# 多くの AMP ユーザーがページをカスタマイズできない、広告コードやソーシャル共有ボタンを追加できないという噂がたくさんあります。 しかし、これは真実ではありません。 理由を説明しましょう。

Automattic によるメインのWordPress AMP プラグインには、セクション 1 で説明した機能がほとんど含まれていません。下にスクロールして確認してください。 また、 AMP プラグインをセットアップするとどのように見えるかについても説明しました。

そのため、より多くのカスタマイズ オプションを取得するには、別のプラグイン AMP for WP が必要です。 ネットワーク広告、ソーシャル共有ボタン、Google アナリティクスなど、あらゆるものを追加できます。

Google AMP のセットアップ方法

WordPress プラグイン ディレクトリには、多くの AMP プラグインが用意されています。

#1 AMP by Automattic

このプラグインを使用すると、WordPress サイトに Google AMP をセットアップできます。 これは、低速のインターネット上でも、どこでも瞬時にロードできるモバイル向けに最適化されたコンテンツを提供することを目的としたオープン ソース イニシアチブです。

このプラグインを有効にすると、サイトのすべての投稿が AMP 互換バージョンで生成されます。 投稿 URL の末尾に/amp/を追加して、AMP 投稿にアクセスすることもできます。

たとえば、投稿 URL が「 http://example.com/2016/12/20/hello-world 」の場合、AMP バージョンは「 http://example.com/2016/12/20/hello 」になります。 -ワールド/アンプ/ 「。

[保存] ボタンをクリックすることを忘れないでください。

このプラグインにはいくつかの制限があります。 ページとアーカイブは現在サポートされておらず、共有ボタン、カテゴリ、関連する投稿、広告を追加することはできません。 デフォルトでは、このプラグインはサイトのロゴとサイト名を許可します。

#2 WP の AMP

このプラグイン「AMP for WP」は、サイトでGoogle AMP を有効にしたい方に強くお勧めします。 このカスタム AMP エディターを使用すると、投稿またはページに記述したコンテンツを上書きできます。 したがって、AMP のためだけに別のコンテンツを追加できます。 これは完全にレスポンシブなプラグインで、2 つの異なるデザインが付属しています。 ドラッグ アンド ドロップ機能を使用すると、ページ/投稿オプションを手動で設定できます。

それ以上に、投稿の下にカスタム ロゴ、ソーシャル共有ボタン、関連する投稿を追加したり、Google アナリティクスを統合したり、4 つの異なる位置に広告を追加したりできます。

このプラグインをセットアップするには、最初に Automattic によるデフォルトの AMP プラグインをインストールする必要があります。 または、インストールするように求められます。 このプラグインを有効にすると、WordPress 管理パネルに AMP オプションが表示されます。

ダッシュボードから、必要に応じてGoogle AMP オプションを設定できます。

特徴：

• カスタム AMP エディター。
• モバイルリダイレクト。
• ドラッグ アンド ドロップ ページ ビルダー。
• 2つのデザインを内蔵。
• AMP WooCommerce サポート。
• 翻訳パネルと RTL が利用可能です。
• 内部 AMP リンク。
• 記事の下に関連記事。
• ソーシャル共有ボタン。
• レイアウト全体で合計 4 つの広告スロット。
• などなど…

Google Search Console で Accelerated Mobile Pages (AMP) を表示する方法

WordPress ブログで Google AMP をセットアップすると、Google Search Console からこれらの Accelerated Mobile Pages を表示できます。 表示するには、Google Search Console にログインします。 Search Appeanence> Accelerated Mobile Pagesに移動します。

WordPressブログでGoogle AMP を適切にセットアップすると、これらの Accelerated Mobile Pages を表示できます。 表示されない場合は、しばらくお待ちください。 すでにインデックスされているページが表示されます。 サイトマップを Google Search Console に送信していない場合、サイトマップは表示されません。

ブログ サイトマップを Google Search Console に適切に送信する方法を学びます。