WordPressサイトでGoogle AMPを適切に設定する方法

WordPressサイトにGoogle AMPを設定しますか?加速モバイルページまたはAMPは、モバイルデバイスでのWebサイトのロードを高速化する方法です。高速読み込みのWebサイトはユーザーエクスペリエンスが向上し、トラフィックを改善できます。この記事では、WordPressでGoogle AMPを設定する方法を説明します.


WordPress用Google AMP

Google AMPとは?

Google AMPはAccelerated Mobile Pagesの略です。これは、GoogleやTwitterなどのテクノロジー企業がサポートするオープンソースの取り組みです。プロジェクトの目標は、モバイルユーザーのウェブコンテンツの読み込みを高速化することです.

多くのモバイルユーザーにとって、ウェブでの読書はしばしば遅いです。ウェブサイトを高速化するためにサイト所有者が行ったあらゆる努力にもかかわらず、ほとんどのコンテンツリッチページはロードに数秒かかります.

検索およびブラウザービューでのAccelerated Mobile Pages(AMP)

Accelerated Mobile PagesまたはAMPは、最小限のHTMLと制限されたJavaScriptを使用します。これにより、コンテンツをGoogle AMPキャッシュでホストできます。 Googleは、ユーザーが検索結果のリンクをクリックすると、このキャッシュされたバージョンをユーザーに即座に提供できます.

Facebookインスタント記事と非常によく似ています。ただし、インスタント記事はFacebookのプラットフォーム、より具体的にはモバイルアプリに限定されます。.

Accelerated Mobile Pagesはプラットフォームに依存しないため、あらゆるアプリ、ブラウザ、ウェブビューアで使用できます。現在、Google、Twitter、LinkedIn、Redditなどで使用されています.

Google AMP(Accelerated Mobile Pages)の長所と短所

SEOの専門家は、Accelerated Mobile Pagesを使用するとGoogleでのランクが上がり、インターネット接続が遅いモバイルユーザーのユーザーエクスペリエンスが向上すると主張しています。ただし、これらはウェブサイトの所有者、ブロガー、マーケティング担当者にとっていくつかの課題です.

AMPは、HTML、JavaScript、CSSの限定されたセットを使用します。つまり、特定のウィジェットや機能をモバイルAMP Webサイトに追加することはできません。これにより、スマートメールのオプチンフォーム、Facebookのようなボックス、およびその他の動的スクリプトを追加する機能が制限されます.

Google AMPはGoogle Analyticsをサポートしていますが、他の多くの分析プラットフォームをサポートしていません。いくつかの広告プラットフォームに限定されている広告オプションについても同様です.

その制限にもかかわらず、Googleはモバイル検索を後押しすることでAMPページをプッシュしています.

トラフィックのかなりの部分がモバイル検索から発生している場合は、AMPサポートを追加してSEOを改善および維持することでメリットが得られる可能性があります.

注意: ブロガーによるGoogle AMPに関する苦情がいくつかあります.

1つ目は、Google AMPを有効にするとモバイルトラフィックが失われる可能性があると主張するAlex Krasによるものです。それは大きな問題であり、AMPプロジェクトのGoogleテクニカルリードが言ったことにもかかわらず、私たちの意見ではこの問題に対処する適切な解決策はありません。.

2つ目はTerrence Edenによるもので、将来気が変わった場合にGoogle AMPから切り替えるのが難しいことを強調しています。彼のブログ投稿のコメントセクションでいくつか指摘されている301リダイレクトを実行できるため、これは大きな問題ではないと私たちは考えますが、それでもあなたが考える必要があるものです.

上記の理由により、現時点ではWPBeginnerをGoogle AMPに切り替えていません.

ただし、数人の読者がWordPressでGoogle AMPを設定する方法について質問したため、WordPressでAccelerated Mobile Pagesを設定する方法について、段階的なプロセスを作成しました.

ビデオチュートリアル

WPBeginnerを購読

ビデオが気に入らない、またはさらに説明が必要な場合は、読み続けてください.

WordPressでAccelerated Mobile PagesまたはAMPを設定する

まず、AMPプラグインをインストールしてアクティブ化する必要があります。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。.

アクティベーションが完了すると、 外観»AMP AMPを使用したモバイルデバイスでのサイトの外観を確認するページ.

WordPress AMPプラグインの設定ページ

このページでヘッダーの背景とテキストの色を変更できます。選択したヘッダーの背景色はリンクにも使用されます.

テーマでサポートされている場合、プラグインはサイトのアイコンまたはロゴも使用します。詳細な手順については、WordPressにファビコンまたはサイトアイコンを追加する方法に関するガイドを参照してください.

保存ボタンをクリックして変更を保存することを忘れないでください.

これで、Webサイトの1つの投稿にアクセスして、URLの末尾に/ amp /を追加できます。このような:

http://example.com/2016/10/my-blog-post/amp/

これにより、同じ投稿の削除されたAMPバージョンが表示されます.

AMPモバイルプレビュー

元の投稿のソースコードを表示すると、HTMLに次の行があります。

この行は、ページのAMPバージョンを探す場所を、検索エンジンおよびその他のAMP消費アプリ/サービスに伝えます.

トラブルシューティング:

アンプのバージョンを表示しようとしたときに404エラーが表示された場合は、次の手順を実行してください.

訪問 設定»パーマリンク WordPress管理者のページに移動し、[変更を保存]ボタンをクリックします。ここでは何も変更せず、保存ボタンを押してください。これにより、ウェブサイトのパーマリンク構造が更新されます.

Google Search ConsoleでAccelerated Mobile Pagesを表示する

Accelerated Mobile PagesがGoogle検索でどのように機能しているか知りたいですか?これはGoogle Search Consoleを使用して簡単に確認できます.

Google Search Consoleダッシュボードにログインしてクリック 外観の検索»モバイルページの高速化.

Google Search Consoleのモバイルページの高速化

AMPの結果がすぐに表示されなくても心配はいりません。 GoogleがAccelerated Mobile Pagesをインデックスに登録してからSearch Consoleにデータを表示するまでに時間がかかる場合があります.

Accelerated Mobile Pagesの拡張とカスタマイズ

WordPress用のAMPプラグインには、非常に限られたカスタマイズオプションが付属しています。ただし、他のいくつかのWordPressプラグインを使用して、さらにいくつかのカスタマイズを追加できます.

Yoast SEOを既に使用している場合は、Glue for Yoast SEOをインストールしてアクティブ化する必要があります & AMP.

これは、Yoast SEOおよびAMPプラグイン用のアドオンプラグインです。アクティベーション時に、あなたは訪問する必要があります SEO»AMP プラグイン設定を構成するページ.

Yoast SEO AMPアドオン

プラグインを使用すると、他の投稿タイプのAMPサポートを有効にできます.

デザインタブでは、色とデザインオプションを選択できます。ロゴとデフォルトのヘッダー画像をアップロードして、投稿に独自の注目画像がない場合に使用することもできます。.

Yoast AMPアドオンを使用したAMPの[デザイン]タブ

[アナリティクス]タブに切り替えて、GoogleアナリティクスIDを追加できます.

変更を保存するには、必ず[設定を保存]ボタンをクリックしてください.

AMPページに関連する投稿、フッターウィジェット、さらにはソーシャルメディアのアイコンを追加できるプラグインは他にもたくさんあります.

ただし、アドオンプラグインをインストールした後は、AMPページを検証する必要があります。.

この記事が、WordPressでAccelerated Mobile Pages(AMP)を設定する方法の学習に役立つことを願っています。 WordPressサイトへのトラフィックを増やすための実用的な19のヒントのリストもご覧ください。.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map