WordPressにAMPをインストールする手順は次のとおりです
公開: 2021-06-25今日のシナリオでは、モバイルユーザーのユーザーエクスペリエンスを向上させるために、WordPressにAMPをインストールすることが絶対に必要です。
AMPまたはAcceleratedMobile Pagesは、Googleが提供するキャッシュメカニズムであるため、ウェブサイトとウェブページの読み込み速度が速くなります。
今日の世界では、スマートフォンの売上高が飛躍的に増加しているため、モバイルユーザーの数は指数関数的に増加しています。 ただし、モバイルユーザーには超高速のインターネット速度がなく、Webページの読み込みに時間がかかりすぎると、ユーザーはチェックアウトせずにWebサイトを閉じます。
GoogleAMPを理解する
WordPressにAMPをインストールする前に、AMPが実際に何であるかを理解することが重要です。 これは、コンテンツの豊富なWebページの読み込みを高速化するGoogleが提供するオープンソーステクノロジーです。 これは、限られたHTML、JS、CSSコードを使用してGoogleAMPキャッシュで一時的にウェブページをホストすることで実現されます。 ユーザーがウェブページにアクセスすると、Googleはそれらの保存されたキャッシュバージョンをユーザーに即座に提供できます。 Google、Facebook、Twitter、Redditの他に、LinkedInもこのテクノロジーを使用して、モバイルユーザーに投稿をより迅速に提供します。
Google AMPの利点は、モバイルブラウザのみに制限されないことです。 モバイルユーザーがサードパーティのアプリやウェブビューアからウェブページを開くと、GoogleAMPはキャッシュからもページを提供します。 さらに、WordPressにAMPをインストールすると、検索エンジンの結果ページでサイトが上位にランク付けされるのに役立ちます。 一方、Webページは限られたHTML、JS、CSSコードのセットで保存されるため、Webページは完全には表示されません。 メールフォーム、ソーシャルメディアボックスなどのウィジェットまたはサードパーティの統合はすべて停止されます。 ただし、GoogleAnalyticsは引き続き使用できます。
したがって、モバイルユーザーとしてトラフィックの大部分を占める場合は、間違いなくそれをインストールしてWebサイトを後押しし、多くのモバイルユーザーを有機的に獲得する必要があるという判断が下されます。
WordPressにAMPをインストールする
ステップ1.プラグインをインストールします
まず、AMPプラグインをインストールする必要があります。 管理ダッシュボードに移動し、左側のメニューでプラグインに移動します。 ドロップダウンから[新規追加]をクリックします。 次の画面で、プラグインを検索し、インストールしてアクティブ化します。 完了したら、[ダッシュボード]に移動し、[外観]から[AMP]に移動します。
AMPプラグイン
ステップ2.カスタマイズ
AMPを使用すると、モバイルデバイスでWebサイトがどのように表示されるかを確認できます。 テーマによっては、ロゴとファビコンが表示される場合があります。 表示方法が気に入らない場合は、多くのカスタマイズを行って外観を変更できます。 フォントの色やヘッダーの背景色をすばやく変更できます。 すべての変更が完了したら、[保存]ボタンをクリックします。
ステップ3.特定のWebページを確認する
AMPを使用して特定のWebページがどのように表示されるかを確認したい場合は、ブラウザにアクセスしてそのページに直接アクセスし、完全に読み込まれたら、最後に/ ampを追加してURLを変更します。 たとえば、通常のWebページのリンクがwww.mysite.com/about-usの場合、そのAMPバージョンを確認するには、URLをwww.mysite.com/about-us/amp/にします。
ページが開かず、404エラーが表示される場合は、[ダッシュボード]、[設定]、[パーマリンク]の順に移動する必要があります。
次の画面が開いたら、変更を加えずに[変更を保存]ボタンをクリックするだけです。 これにより、パーマリンクが更新され、ブラウザタブに戻り、404 Webページが更新され、Webページが表示されます。
ステップ4.Google検索コンソールを使用してWebサイトを確認する
あなたの中には、Google検索エンジンの結果ページで良いランクを得るためにWordPressにAMPをインストールしているだけかもしれません。 Google Search Console(GSC)を使用して、Google検索でWebサイトがどのように表示されるかを確認できます。 すでにWebサイトをGSCに追加していると仮定して、GSCアカウントに移動し、左側のメニューで[外観の検索]をクリックします。 その下に、Accelerated MobilePagesがあります。 その中に、あなたはあなたのウェブサイトとウェブページを見るでしょう。 Googleがウェブページのインデックスを作成するのに数時間から数日かかる場合があるため、AMPプラグインをインストールした直後にウェブサイトが表示されない場合があることに注意してください。

AMPの高度なカスタマイズ
Google AMPには、限られたカスタマイズオプションが付属しています。 Glue For Yoast SEO&AMPという名前の別の人気のあるプラグインがあります。
YoastSEO用接着剤
インストールする前に、YoastSEOプラグインがアドオンであるためインストール済みであることを確認してください。 両方のプラグインをインストールするには、ダッシュボードからプラグインに移動し、[新規追加]をクリックします。 プラグインを検索し、インストールしてアクティブ化します。 アクティベーション後、ダッシュボードに戻り、左側のメニューからYoast SEOに移動し、ドロップダウンから[AMP]をクリックします。
新しい画面には、AMPの高度なオプションが表示されます。 投稿だけでなく、ページやメディアのAMPキャッシュメカニズムを有効にすることもできます。
[デザイン]タブに移動すると、モバイルページ用に別のアイコンを設定したり、画像のない投稿のデフォルトの画像を設定したり、AMPヘッダーの色、タイトルの色、テキストの色、メタ情報の色を変更したりするオプションがあります。 これは、ブランディングの目的やモバイルページの見栄えを良くするために便利です。
Analyticsという名前の別のタブがあり、ユーザーがAccelerated Mobile Pagesにアクセスしたときに、Google AnalyticsIDを追加してすべての分析を収集できます。
WooCommerceベースのWordPressWebサイトをお持ちの場合は、有料プラグインであるWPAMPをインストールする必要があります。 また、AdSenseとショートコードをサポートしています。 iFrameを使用してビデオなどのアイテムを埋め込むこともできます。
WordPressにAMPをインストールした後–
ウェブサイトのAMPの設定が完了したら、最近はアナリティクスを注意深く監視する必要があります。GoogleAMPが以前のようにトラフィックを増やしていないという苦情がいくつかあり、検索エンジンのランキングも下っていく。 このような傾向が見られる場合は、プラグインを無効にすることができます。それ以外の場合は、プラグインを続行して、すばらしいユーザーエクスペリエンスを提供します。
Webコンテンツの時代は、コンピューターやラップトップからモバイルデバイスやタブレットに移行しました。 インターネットユーザーの50%以上がモバイルデバイスを使用しています。 そのため、モバイルデバイスでのインターネットサーフィンのエクスペリエンスを向上させるために何かを行う必要がありました。 これは、2016年に「AcceleratedMobilePages」がリリースされたときです。AMPとも呼ばれるAccelerated Mobile Pagesは、モバイルデバイスでのWebコンテンツのパフォーマンスの向上に焦点を当てたWebサイト公開テクノロジーのグローバルイニシアチブです。
ここで、「AMPは正確に何をするのか」という質問があります。 AMPはHTMLコードの簡略版であり、モバイルデバイスでのページとコンテンツの読み込み時間を正確に短縮します。 AMP HTMLは、JavaScriptやその他のサードパーティのスクリプトなど、モバイルでWebページの速度を低下させる傾向のあるすべての要素を削除することでパフォーマンスを向上させます。
現時点では、すべてのAMPユーザーはニュースを公開するオンラインWebサイトです。 しかし、AMPはまもなく他のビジネス目的にも役立つと言われています。 Googleのような大手テクノロジー企業は、このAMP機能を開発し、Webサイトや企業が利用できるようにするためのイニシアチブをすでに取っています。 カスタム設計されたWebサイトは、AMPの機能を使用するために、従来のHTMLやCSSではなくAMPHTMLコーディング言語でWebページを開発する必要があります。 一方、WordPressで開発されたウェブサイトは、ページのAMPを有効にするためにAMPプラグインをインストールする必要があります。 これは、WordPressがゲームをすばやく変える場所です。
WordPress AMPを使用して開発されたWebサイトの主な利点の1つは、モバイルデバイスでHTMLとCSSのみを使用して開発された従来のWebページよりもページの読み込みが85%速くなることです。 調査によると、モバイルユーザーは読み込みに3〜4秒以上かかるとウェブページを離れます。 そのため、AMPテクノロジーを使用してWebサイトのページを開発している企業は、訪問者のバウンス率を下げることができます。 AMPは、Webサイトをよりモバイルフレンドリーにするのにも役立ちます。
AMPは、ページの読み込み速度とモバイルの使いやすさが検索エンジンのランキングを決定する要因として機能するため、検索エンジンの最適化にも参加しています。 これは、WordPress AMPで開発されたWebサイトが、低速で応答のないWebサイトよりも高いランキングを取得できる場所です。 それに加えて、Googleの検索結果は、視覚的に大きな画像を支配するAMPコンテンツを表示し始めており、緑色ではっきりと見えるAMP記号でマークされています。 この視覚的に魅力的な画像は、単純な表示コンテンツよりも訪問者を引き付ける傾向があります。 さらに、AMPの人気が高まるにつれ、ユーザーは、貼り付けの読み込み時間を求めるときに、その緑色のAMP記号でマークされたページを開く傾向があります。
AMPは、さまざまな広告ネットワークとフォーマットをサポートすることを目的としています。 AMPテクノロジーの主な目的は、見栄えの良いコンテンツが視聴者の注意を引くのに十分な速さの広告を配信することです。 WordPress AMPテクノロジーのもう1つの興味深い強力な機能は、AMPタグを追加するだけで、新規訪問者と再訪問者、クリックとコンバージョン、ビデオとリンクの追跡などの訪問者データを追跡できることです。 これは、Webページ上の人々の行動分析を研究するだけで、企業が意思決定を行うのに役立つマーケティングツールとして大いに機能します。