【WordPress】AMP対応した＆2ヶ月で止めた話（AMP化の勘所・コツのメモ）

WordPressを用いたAMPの導入から廃止までの二ヶ月間の経験を語ることができます。この記事では、その過程で学んだ教訓と成功のコツ、AMPの適応の注意点を詳しく記録しています。AMPの導入は、素早いページの読み込みを提供し、ユーザー体験を改善するための重要な要素です。しかし、その背後には多くの挑戦が存在します。WordPressのテーマとプラグインの互換性、SEO影響、コンバート率の変動など。これらの問題について直面し、解決方法を探求します。

AMP化への移行とその中止：WordPress環境での2ヶ月間のエクスペリエンス

1つ目：WordPressのAMPプラグインの選び方

WordPressでAMP化を進める際、最適なプラグインを選択することが肝心です。AMP for WPやofficial AMP pluginなどは、高機能でマネージャブルな選択ですが、各プラグインの特性に合った実装が必要になります。

2つ目：AMP化の効果とビジネスの相性

AMP化により表示速度の向上が見込まれますが、それが必ずしもビジネス目標と間に合うとは限りません。ページバーナーやトラッキングスクリプトなど、必須なものと競合することがあります。

3つ目：AMPページのランキングと注意点

AMPページは検索エンジンからのランキングが良くなる傾向にありますが、その半面で、通常のページのアクセスを奪う可能性もあります。SEO対策をする際は、canonicalタグを適切に設定することなど注意が必要です。

4つ目：Google NewsでのAMPページの表示

AMPページはGoogle Newsへの対応が必須とされています。しかし、その一方で表示される情報の不完全さなど、ユーザー体験の欠点もあり、そのバランスを考える必要があります。

5つ目：AMP化を中止した理由とそこから学んだこと

AMP化の結果、アクセスの減少や情報の不完全さなど、弊害が出た場合、それを見極め、中止を決断することも重要です。パフォーマンスとユーザ体験のバランスを考えることが必須となります。

AMPのデメリットは？

AMPのデメリットは以下の通りです。

1. コンテンツの制限

AMPはウェブページが読み込むことができる要素を制限します。これには、さまざまなスクリプト言語やスタンドアロン画像、動画が含まれます。

1. スクリプトの制限：強力なJavaScriptライブラリは使用できない。
2. カスタムHTMLタグ：使用は制限される。
3. 画像、動画埋め込み：特定のソースからのみ可能。

2. サーバーサイドの制約

AMPページはサーバー上の特別な配置を必要とすることがあります。

1. キャッシュ処理の要件：オリジナルのウェブページのコンテンツがクエリに応じて更新できない。
2. AMPの有効化：確実にサーバー設定の下位互換性が保証されるわけではない。
3. サーバーからの応答時間：スオリジンリクエストの制約は、応答時間を遅くする可能性がある。

3. 情報保護に対する懸念

広告、分析、埋め込みコンテンツのカスタマイズが困難な場合があるため、データプライバシーと広告収益の両方に影響を及ぼす可能性があります。

1. 広告の制限：分析や追跡を含む広告のカスタマイズが制限される。
2. データプライバシー：ユーザーの情報保護がより困難になる。
3. 収益化の問題：広告リーチとクリック率が抑えられる可能性。

AMP対応ページとは何ですか？

AMP対応ページとは、Googleが提唱するAMP(Project)の仕様に従って作成されたウェブページのことを指します。AMP(Accelerated Mobile Pages)は、ページの読み込み時間を大幅に短縮するためのオープンソースプロジェクトで、特にモバイルデバイス上で高速な表示を実現します。

AMPの主な特徴

AMP対応ページでは、次のような特徴が見られます。

1. 最小限のHTMLを使用し、パフォーマンスに不利な要素を削減。
2. AMP JavaScriptと呼ばれる独自のJavaScriptライブラリを利用し、効率的なリソース取得とレンダリングを促進。
3. AMP HTMLで記述されたコンテンツを、サーバーキャッシュを通じて配信することで読み込み時間を短縮。

AMP対応ページのメリット

AMP対応ページを採用することによる主なメリットは以下のとおりです。

1. 高速表示:読み込みが速いのでユーザーエクスペリエンスが向上。
2. SEO対策:Google検索結果のトップ位置に表示される可能性が高まる。
3. 広告収益:広告の読み込み速度も速やす Diagnosis, Rit, and Recovery

AMP対応ページの作成方法

AMP対応ページを自ら作成するための主な手順を次に示します。

1. AMP対応HTMLでページのマークアップを作成。
2. AMP対応CSSとJavaScriptライブラリ(AMP JS)を組み込む。
3. AMPコンポーネントを使用し、複雑な機能の実装を簡単にする。

WordpressのAMPページとは何ですか？

WordPressのAMPページとは、Googleが提唱するAMP（Accelerated Mobile Pages）技術を使用して作成された、特にモバイル端末で高速に読み込むことができるページのことを指します。AMPはウェブページを大幅に簡易化し、スピードとパフォーマンスを向上させることを目指しています。

AMPページの主な利点

WordPressのAMPページを活用すると得られる主な利点を以下に挙げます。

1. 高速な読み込み速度: AMPはページを最小限のHTMLとCSSに簡略化して読み込み時間を短縮します。
2. Googleの検索ランキング向上: Googleはモバイルフレンドリーなサイトを優先表示します。したがって、AMPページは検索エンジン最適化にとって有益です。
3. 使いやすさの向上: ユーザーは迅速なページの読み込みにより、より良い体験が得られます。

AMPプラグインのインストール

WordPressサイトでAMPページを利用させるためには、まずAMPプラグインをインストールする必要があります。

1. まずWordPressダッシュボードからプラグインをクリックします。
2. 次に、新しいをクリックし、検索ボックスに入力することでAMPプラグインを探します。
3. プラグインの一覧からAMPプラグインを選択し、インストールとアクティブ化を行います。

AMPの設定

AMPプラグインをインストール、アクティブ化した後、メッセージの指示に従ってAMP設定を進めていきます。

1. 設定メニューからAMPを選択します。
2. 詳細設定画面でAMPページの各種設定を行います。
3. 設定後はGoogle AMPテストツールを使用し、ページが適切に表示されているか確認します。

AMPの読み方は？

AMPの読み方は「エーモスピー」です。

AMPとは何を意味していますか?

AMPはAccelerated Mobile Pagesの略で、高速なモバイルコンテンツの配信を目指したオープンソースプロジェクトを指します。

1. ウェブページの読み込み速度を向上させます。
2. モバイルユーザーの体験を向上させます。
3. 広告の効率と状況を改善します。

AMPの主な特徴は何ですか?

AMPは高速性、パフォーマンス、オンライン上での優れたユーザーエクスペリエンスを提供することを目指しています。

1. 大規模なキャッシュの利用により速いコンテンツ配信を可能にします。
2. 简洁なHTML構造により、ページの読み込み時間を大幅に短縮します。
3. JavaScriptの使用を制限し、ユーザーデバイスへの負荷を軽減します。

AMPの利用方法とは?

AMPを使うにはAMP HTMLを使用する必要があります。

1. ウェブページを AMP HTMLに変換します。
2. AMP-JSライブラリを呼び出して、ページのパフォーマンスを最適化します。
3. GoogleのAMPキャッシュを活用することで、さらなるパフォーマンスの向上が期待できます。

よくある質問

1. 【WordPress】AMP対応とは何を意味しますか？

加速モバイルページ（AMP）は、Googleが提唱する標準化仕様の一つで、ウェブページの読み込み時間を削減するために設計されました。【WordPress】AMP対応とは、この規格に準拠してWordPressサイトを構築または改修することを指します。その結果、ユーザーはモバイルデバイス上で疾風のような速度でコンテンツを閲覧できるようになります。

2. 【WordPress】AMP対応実装で気をつけるべきポイントは何か？

まずはデザインとレイアウトの制約に対応する必要性を理解することが重要です。AMPは高速性と互換性を確保するために、HTMLやCSSに多くの制限をかけます。また、JavaScriptはほとんど使えません。さらに、広告やアフィリエイトの組み込みについては、特有の手法を覚える必要があります。

3. なぜ【WordPress】AMP対応を2ヶ月で停止したのですか？

この決定は、可能であればサイトのパフォーマンスとユーザーエクスペリエンスを最適化したいという意図に基づいています。しかし、AMPの導入は必ずしもこれらを改善する唯一の手段ではありません。さらに、AMPの導入は強力なSEO効果をもたらす一方で、ユーザー体験、デザインの自由度、広告等の収益化の観点から不利な面も抱えていました。

4. WordPressサイトをAMP化するときのコツやテクニックは何ですか？

プラグインの使用と、ここから学べることは非常に有効です。例えば、「AMP for WordPress」プラグインは、簡単にAMP対応ページを作成できる一方で、高度な設定も可能です。また、公式なAMPガイドラインを理解し、それに従うことも重要です。これには、適切なHTMLタグの使用や、必要最低限のCSSを使用し、非同期JavaScriptの制限などが含まれます。

【WordPress】AMP対応した＆2ヶ月で止めた話（AMP化の勘所・コツのメモ） に類似した他の記事を知りたい場合は、技術 カテゴリにアクセスしてください。