目次
1. AMP について
2. WordPress で AMP をサポートしましょう
##Google 検索で AMP ページがインデックスされると、検索結果に表示されます AMP ページを見ると稲妻マークが表示されますそして、ページ説明の先頭に「AMP」という単語が表示されます。ユーザーがクリックすると、ページがすぐに開き、Google サーバーにキャッシュされたページが表示されます。 Google 検索の AMP ページは次のように表示されます:
国内のウェブマスターが最も懸念しているのは、Baidu 検索が AMP に続くかどうかです。良いニュースは、Baidu も AMP に似たものをサポートしていることですが、悪いニュースは、Baidu が 2016 年 8 月に同様の AMP-Mobile Instant Pages (MIP モバイル ウェブ アクセラレータ) の独自のセットを立ち上げたことです。 HTML、CSS、またはJSの大部分の無効化、リソース制御、キャッシュなどはAMPとほぼ同様で、オリジナルページとMIPページ間の相互参照方法(タグの追加)はGoogle AMPと同じです。公式サイトのページレイアウトやメニュー構成、技術解説もほぼ同じで、BaiduのMIPも基本的にAMPをコピーしているのには驚きました。では、なぜ Baidu は Google のように AMP を使用しないのでしょうか?さらに、AMP はオープンソースです。重要な理由は、AMP がリソースの読み込み、キャッシュ、その他の機能を制御するために公式 Web サイトの JS ライブラリを呼び出す必要があることだと思います:
ホームページ CMS チュートリアル &#&プレス Google AMP で WordPress を有効にする方法を学ぶ

Google AMP で WordPress を有効にする方法を学ぶ

Jul 16, 2021 pm 05:20 PM
google php wordpress

1. AMP について

モバイル インターネットの時代、Web サイトのレスポンシブ デザインは複数の画面 (PC、携帯電話) に対応できますが、 、iPad など)ブラウジングですが、Google は 2015 年 10 月にモバイル ページへのアクセスを高速化するテクノロジー、Accelerated Mobile Pages(AMP アクセラレーション モバイル ページ)を発表しました。AMP ページはモバイル ページを大幅に簡素化し、モバイル ページへのアクセス速度を向上させるように設計されています。 AMP の特徴は次のとおりです:

  1. AMP の HTML コードは標準 HTML のサブセットであり、HTML コードが大幅に簡素化されています。テーブル、フレームなどの一部の HTML コードは適用できなくなります。
  2. CSS を大幅に簡素化します。CSS は HTML でのみ記述でき、外部 CSS ファイルを呼び出すことはできません。
  3. JS のほとんどの機能が使用できなくなりましたが、多くのインタラクティブな機能も失われ、リッチなインタラクションは影響を受けますが、速度は向上しました。
  4. 画像やビデオなどのページ リソースの制御を強化し、ユーザーが画像までスクロールしたときにそれらを読み込みます。
  5. Google はキャッシュを最大限に活用して、AMP ページを独自のサーバーにキャッシュします。

AMP の詳細については、以下のリンクを参照してください。

  1. AMP 公式 Web サイト: https://www.ampproject.org
  2. AMP のロードマップ: https://amp.dev/community/roadmap/?referrer=ampproject.org

AMP が最初にリリースされたとき、AMP はニュース ページに限定されていました。2016 年 8 月に、Google は次のように発表しました。 AMP はあらゆる種類のモバイル ページに使用されます。現時点では、Google は AMP ページがランキングに影響を与えないことを明らかにしていますが、AMP の推進にはあらゆる努力を惜しんでおり、将来的に AMP がアルゴリズムで考慮されないという保証はありません。

2. WordPress で AMP をサポートしましょう

AMP はニュース、ブログ、その他の情報 Web サイトに非常に適しています。ベテランのブログ システムとして、WordPress は 10 月 6 日に AMP の公式プラグインをリリースしました。 2016. 現在、このプラグインは記事ページを大幅に簡素化します。記事 AMP ページはナビゲーション、コメントなどを削除し、記事コンテンツ自体のみを保持します。このページは、閲覧用のデスクトップ コンピューター (PC) とも互換性があります。ホームページ、カテゴリ、ページめくりなど。対応する AMP ページはありません。今後のバージョンでさらに多くの機能が追加されると予想します。待ちたくない場合は、このプラグインを直接変更してナビゲーション、分類を追加することもできますおよびその他の機能。

WordPress 用 AMP プラグインをインストールして起動すると、AMP 記事ページが作成されます。このページのリンク URL は、元のページのリンク URL に「/amp」を加えたものになります。例としてこのブログ記事のリンク:

元の記事ページのリンク: //www.watch-life.net/wordpress/wordpress-google-amp.html

AMP ページのリンク: //www.watch-life.net/wordpress /wordpress-google-amp.html/amp

Google の検索エンジンが AMP ページを取得するには、AMP ページのアドレスを指定する必要があります元の記事ページの HTML 内で、つまり、amphtml タグを使用して AMP バージョンのアドレスを指定します。

<link>

AMP ページの HTML コードでは、canonical タグを使用して元の記事ページを示す必要もあります記事ページアドレス:

<link>

PC側でAMPページを表示

Google AMP で WordPress を有効にする方法を学ぶ

携帯電話でAMPページを表示

Google AMP で WordPress を有効にする方法を学ぶ

##3.Google 検索での AMP ページの表示

##Google 検索で AMP ページがインデックスされると、検索結果に表示されます AMP ページを見ると稲妻マークが表示されますそして、ページ説明の先頭に「AMP」という単語が表示されます。ユーザーがクリックすると、ページがすぐに開き、Google サーバーにキャッシュされたページが表示されます。 Google 検索の AMP ページは次のように表示されます:


Google AMP で WordPress を有効にする方法を学ぶ4. Baidu は AMP をフォローアップしますか?

国内のウェブマスターが最も懸念しているのは、Baidu 検索が AMP に続くかどうかです。良いニュースは、Baidu も AMP に似たものをサポートしていることですが、悪いニュースは、Baidu が 2016 年 8 月に同様の AMP-Mobile Instant Pages (MIP モバイル ウェブ アクセラレータ) の独自のセットを立ち上げたことです。 HTML、CSS、またはJSの大部分の無効化、リソース制御、キャッシュなどはAMPとほぼ同様で、オリジナルページとMIPページ間の相互参照方法(タグの追加)はGoogle AMPと同じです。公式サイトのページレイアウトやメニュー構成、技術解説もほぼ同じで、BaiduのMIPも基本的にAMPをコピーしているのには驚きました。では、なぜ Baidu は Google のように AMP を使用しないのでしょうか?さらに、AMP はオープンソースです。重要な理由は、AMP がリソースの読み込み、キャッシュ、その他の機能を制御するために公式 Web サイトの JS ライブラリを呼び出す必要があることだと思います:

<script></script>

これがおそらく、Baidu が AMP を採用したがらない主な理由です。国内の見解 ネットワーク環境 (大強) により、人々は必然的に、この JS ライブラリがその日のうちにブロックされるのではないかと心配します。現在、MIP 用の WordPress プラグインはありません。WordPress が MIP を採用する場合、テーマのテンプレートを変更するしか方法がありません。この方法の最も面倒な点は、MIP ページの第 2 レベル ドメイン名を別途有効にする必要があることです。まだフォローする予定はありませんが、この方法はプラグインほど簡単かつ高速ではないように感じます。

その他の WordPress 技術記事については、WordPress チュートリアル列をご覧ください。

以上がGoogle AMP で WordPress を有効にする方法を学ぶの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

ホットトピック

PHPでのオブジェクトリレーショナルマッピング(ORM)パフォーマンスチューニング PHPでのオブジェクトリレーショナルマッピング(ORM)パフォーマンスチューニング Jul 29, 2025 am 05:00 AM

n 1クエリの問題を避け、関連するデータを事前にロードすることにより、データベースクエリの数を減らします。 2.必要なフィールドのみを選択して、メモリと帯域幅を保存するために完全なエンティティをロードしないようにします。 3. DoctrineのセカンダリキャッシュやRedis Cacheの高周波クエリ結果など、キャッシュ戦略を合理的に使用します。 4.エンティティのライフサイクルを最適化し、クリア()を定期的に呼び出してメモリを解放してメモリオーバーフローを防ぎます。 5.データベースインデックスが存在し、生成されたSQLステートメントを分析して、非効率的なクエリを避けます。 6.変更が不要なシナリオで自動変更追跡を無効にし、パフォーマンスを改善するためにアレイまたは軽量モードを使用します。 ORMを正しく使用するには、SQLモニタリング、キャッシュ、バッチ処理、適切な最適化を組み合わせて、開発効率を維持しながらアプリケーションのパフォーマンスを確保する必要があります。

vscode settings.jsonの場所 vscode settings.jsonの場所 Aug 01, 2025 am 06:12 AM

settings.jsonファイルは、ユーザーレベルまたはワークスペースレベルのパスにあり、VSCODE設定のカスタマイズに使用されます。 1。ユーザーレベルのパス:WindowsはC:\ users \\ appdata \ roaming \ code \ user \ settings.json、macos is/users //settings.json、linux is /home/.config/code/user/settings.json; 2。Workspace-Level Path:.vscode/settings Project Root Directoryの設定

サーバーレス革命:BREFを使用してスケーラブルなPHPアプリケーションを展開します サーバーレス革命:BREFを使用してスケーラブルなPHPアプリケーションを展開します Jul 28, 2025 am 04:39 AM

BREFにより、PHP開発者は、サーバーを管理せずにスケーラブルで費用対効果の高いアプリケーションを構築できます。 1.Brefは、最適化されたPHPランタイムレイヤーを提供し、PHP8.3およびその他のバージョンをサポートし、LaravelやSymfonyなどのフレームワークとシームレスに統合することにより、PHPをAwslambdaにもたらします。 2。展開手順には、次のものが含まれます。Composerを使用してBREFのインストール、httpエンドポイントや職人コマンドなどの関数とイベントを定義するためにserverless.ymlの構成。 3. serverlessdeployコマンドを実行して、展開を完了し、Apigatewayを自動的に構成し、アクセスURLを生成します。 4。Lambdaの制限については、Brefは解決策を提供します。

Readonlyプロパティを備えたPHPに不変のオブジェクトを構築します Readonlyプロパティを備えたPHPに不変のオブジェクトを構築します Jul 30, 2025 am 05:40 AM

readonlypropertiesinphp8.2canonlybeassignedonedonedontheconstructoraturatiddeclaration andcannotBemodifiedifiedifiedifiedifiedifiedifiedifiadtivedabilityattthelanguagelele.2.

PHPの内部ガベージコレクションメカニズムに深く潜ります PHPの内部ガベージコレクションメカニズムに深く潜ります Jul 28, 2025 am 04:44 AM

PHPのゴミ収集メカニズムは参照カウントに基づいていますが、周期的な円形のゴミコレクターによって円形の参照を処理する必要があります。 1。変数への参照がない場合、参照カウントはすぐにメモリを解放します。 2.参照参照により、メモリを自動的にリリースできなくなり、GCを検出およびクリーニングすることがGCに依存します。 3。GCは、「可能なルート」ZVALがしきい値に到達するか、GC_COLLECT_CYCLES()を手動で呼び出すとトリガーされます。 4.長期実行PHPアプリケーションは、メモリの漏れを避けるために、gc_status()を監視し、gc_collect_cycles()を呼び出す必要があります。 5.ベストプラクティスには、gc_disable()を使用してパフォーマンスキー領域を最適化し、ormのclear()メソッドを介して繰り返しのオブジェクトを最適化する回路参照の回避が含まれます。

PHPを機械学習モデルと統合します PHPを機械学習モデルと統合します Jul 28, 2025 am 04:37 AM

usearestapitobridgephpandmlmodelsbyrunningthemodelinpythonviaflaskorapiandapiandcallingtfromphpusingcurlorguzzle.2.runpythosscriptsdirectlyfrompurspusingec()orshell_exec()

CSSダークモードのトグル例 CSSダークモードのトグル例 Jul 30, 2025 am 05:28 AM

まず、JavaScriptを使用して、ユーザーシステムの設定とローカルに保存されたテーマ設定を取得し、ページテーマを初期化します。 1. HTML構造には、トピックの切り替えをトリガーするボタンが含まれています。 2。CSSの使用:rootは明るいテーマ変数を定義し、.dark-modeクラスは暗いテーマ変数を定義し、これらの変数をvar()を介して適用します。 3. JavaScript検出は、カラーのスchemeを好み、LocalStorageを読み取り、最初のテーマを決定します。 4.ボタンをクリックするときにHTML要素のダークモードクラスを切り替え、現在の状態をLocalStorageに保存します。 5.すべての色の変更には、ユーザーを強化するために0.3秒の移行アニメーションが伴います

HTTPミドルウェアロギングの例を例に進めます HTTPミドルウェアロギングの例を例に進めます Aug 03, 2025 am 11:35 AM

GOのHTTPログミドルウェアは、リクエストメソッド、パス、クライアントIP、および時間がかかることを記録できます。 1. http.handlerfuncを使用してプロセッサをラップします。2。next.servehttpを呼び出す前後の開始時間と終了時間を記録します。完全なサンプルコードの実行が検証されており、中小のプロジェクトの開始に適しています。拡張機能の提案には、ステータスコードのキャプチャ、JSONログのサポート、リクエストIDトラッキングが含まれます。

See all articles