カテゴリー
security WordPress

[WordPress] AMP対応化で、使用しているその他のプラグインによるエラーが出ないようにするために – プラグイン別 [2020/11/16] ID24858

[WordPress] AMP対応化で、使用しているその他のプラグインによるエラーが出ないようにするために – プラグイン別 [2020/11/16] ID24858
スポンサーリンク
by Google Ads ID24747
スポンサーリンク
by Google Ads ID8603

はじめに

AMPプラグインをインストールしている場合、投稿/ページを公開/更新した際に、AMPの検証/再検証が行われます。サイト毎に使用されているプラグインがAMPに沿ったコードを作るわけでは無いため、AMPの仕様に沿わない場合があります。その結果として、「makeupエラー」や「スクリプトエラー」などがアラートされる訳です。これらのエラーは、AMPにおいてなるべく出なくすることが良いと考えます。そのエラーとなったコードを削除した場合にどうなるのかは、表示させたりしてその結果を確認しないと分かりません。

  • AMP (Accelerated Mobile Pages)はGoogleが提唱する高速化の仕様であり、以下のような制約が設定されている
  • JavaScript は使用禁止
  • CSS は head セクション内にインラインで 75,000 バイト(約 75KB) 以下
  • img タグは amp-img に置換
  • frameタグはamp-fameに置換
  • フォームや video、audio タグを利用するには専用のライブラリをロードしSSL 環境行う
  • すべての仕様に準拠する必要がある
  • AMP の詳しい仕組み

以下の情報は、AMPプラグインを使用している前提で、その他のブラグインの使用として、エラーが出ないように工夫してきた、知識情報です。

あるプラグインを使用する場合、使用していもエラーが出ないもの、使用すると前述のようなエラーが出るものなど、基本的にやってみないと分からないものばかりです。

機能を充実したり、見栄えを良くしたりするために、色々なプラグインを使用することは、速度の制約となるという、トレードオフの関係にあります。その規律(ルール)となっているのが、AMPプラグインです。AMPプラグインは、速度の制約となるものをエラーとして知らせます。エラーとならない使い方、すなわち、機能の有効化/無効化が、AMPプラグインで設定が可能です。

スポンサーリンク
by Google Ads ID19417

AMPエラーが出たとしても、そのプラグインを使用したい場合は、AMPページでの、そのプラグインの使用を無効化することで、AMPに非対応にできます。この最終手段により、そのプラグインを使用できます。

以下は、そのプラグインを使用して、且つ、AMP対応にしたい使い方について、プラグイン別に示しました。

スポンサーリンク
  • Synology DS517 by Amazon ID:22173
  • Synology DS920+ by Amazon ID:22172
  • オムロン BY50S用パック by Amazon ID:22171
  • オムロン BY50S by Amazon ID22170
  • Synology 高機能無線ルーター 800Mbps + 1,733Mbps(11a/b/g/n/ac対応) 高セキュリティ VPN Plus対応 RT2600ac by Amazon ID24327
  • エレコム LANケーブル CAT6A 5m 爪折れ防止コネクタ ホワイト LD-GPA/WH5 by Amazon ID24327

基本的な設定方法

スポンサーリンク
by Rakuten ID:15895

  • 使用したいプラグインを有効にして、目的のページに使用し、AMPページを更新する
  • AMPの検証済みURLを表示
    • 当該ページが赤フラグ(エラー)となっていれば、そのAMPページを表示させる
    • エラー(削除提案が出ている)について、削除のチェックをつけ、更新ボタンを押す
    • ページを表示して、表示状況を確認する
    • 問題があれば、削除提案のチェックは外す
    • 問題なければ、その後の操作は必要ない。その更新内容を受け入れることになる
  • エラーになった機能の削除を受けてれた場合は、そのプラグイでエラーとなっていた機能を削除したその操作は、今後のその他のAMPページでも自動的に採用されるので、同様のエラーとはならず、デフォルトで削除チェックが付いた状態で更新される。
  • 削除をチェックして更新した場合、その設定は、全てのAMPページに及ぶため、その他のAMPページは、「最新でない結果」というフラグが付く
  • 「最新でない結果」は、全て再検証する必要がある
    • AMPの検証済みURLを表示させ、オプションで表示数を100に設定する。
    • 最後のページを表示させて、全てをチェックして100ページを選択状態にした上で、再検証を選択し実行する。
    • 一つ前の100ページ分のリストに移動して、同様に、全てをチェックして100ページを選択状態にした上で、再検証を選択し実行する。
    • 以上を繰り返し、一つ前の100ページ分のリストを表示する番号として、最後の1までは実施せず、3番目で留めておく
    • その理由は、この再検証のタスクは、リアルタイムで実施されていないので、100ページの処理には、数十分かかるため、すでに完了したページが100ページ分のリストに表示される可能性があるため、複数回の無駄な再検証を避けるためである。

WordPress プラグイン別

現在は、以下、1つのプラグインのみです。

Content of Table Plus

  • 目次の表示/非表示機能を使わない設定にする
  • AMPプラグインが提案するエラーが出る機能を削除設定で更新
  • 以後、新しいページに、以上の設定が自動的に採用される

以上

編集履歴
2020/11/16 Mr.Harikiri
2020/12/11、追記 (基本的な設定方法)
2021/09/13,AMPの制限について追記
スポンサーリンク
  • by Amazon ID13339
  • by Amaozn ID13196
スポンサーリンク
  • 【Amazon.co.jp 限定】HP USBメモリ 128GB USB 3.1 スライド式 金属製 HPFD796L-128 GJP by Amazon - ID 24751
  • 3Dプリンター ダヴィンチ Jr. 1.0(造形サイズ15×15×15cm) - 環境に優しい土に返るPLAフィラメント - ダビンチ Jr. 1.0 XYZプリンティングジャパン by AMAZON ID21513
  • 3Dプリンター|ダヴィンチ1.0 pro|オートキャリブレーション機能付|オープンフィラメント可|ABS対応|造形サイズ20×20×20cm|レーザー刻印機能拡張可|積層ピッチ0.02mm~|3F1AWXJP00F - XYZプリンティングジャパン by AMAZON ID21511
  • ABS使用可 造形サイズ175×175×175mm オープンフィラメント可 オートキャリブレーション機能付き レーザー刻印機能拡張可 金属系PLA拡張可 3FJSPXJP00G - ダビンチ Jr.Pro X+ XYZプリンティングジャパン by AMAZON ID21509
  • zedela 5-in-1 USB-Cハブ【3ポート5Gbps by Amazon - ID 24751
スポンサーリンク

用語の解説、関連タグ付き投稿の抽出

AMP

[WordPress] AMP対応化で、使用しているその他のプラグインによるエラーが出ないようにするために – プラグイン別 [2020/11/16] ID24858
[WordPress] 高速化プラグイン「AMP」と定期的に全てのページの静的キャッシュ作成プラグイン△-「WP Super Cache」で再構成した [2021/11/05]
[WordPress] 「AMP」対応奮闘記 – ID22520 [2021/02/11]
[WordPress] このサイトの表示に関係する使用している「テーマ」と「プラグイン」のリスト△ – [2020/09/11]
[WordPress] 広告プラグイン – Advanced Ads Pro (有料版)の応用機能(Header/Footerにコードを挿入) – △ ID15074 [2020/05/03]
[WordPress] メンバーシップ・サイトを構築プラグイン – Ultimate Member プラグインの使い方をAMP対応とともに解説 – △ [2021/03/07]
スポンサーリンク
by Google Ads ID24747

Update ID21920

HEALTH
[健康]ボルタレンの効能; 頭痛、解熱など

Post Views: 1 ボルタレン 偏頭痛、解熱効果もある。 ボルタレンの効果、効能 https://www.nyredcross.org/products/152/47

world
[Kw] 日本を知るために「世界の状況」を俯瞰する

Post Views: 13 ID31203 目次1 2021/112 2021/103 2021/094 2021/08 2021/11 スリランカ、化学肥料の禁止が発表されて農民はその実行ができなくて困っている。 エ […]

AAV, BIOLOGICS
ITR ; 末端逆位反復配列

Post Views: 71 ITR; Inverted Terminal Repeat; 末端逆位反復配列、AAVゲノムは4.7kbの一本鎖DNAであり、両末端に1つずつの145塩基のITRを持つ。ITRはT型のヘアピ […]

スポンサーリンク
by Google Ads ID19417

更新された投稿の最新順

スポンサーリンク
  • by Amazon ID19245
  • by Amazon ID13211
スポンサーリンク

スポンサーリンク
by Google Ads ID24747

最新記事(WordPress, ID:14681)

plugin, WordPress
[WP-Plugin] WP-Optimizeのキャッシュ機能はW3 Total Cacheに変更 ID19320 [2021/10/25]

Post Views: 9 ID19320 目次1 キャッシュ プラグイン2 再検討の理由3 編集履歴 キャッシュ プラグイン サイト読み込みの高速化にはキャッシュを使用することが1つの方法です。約1年前にW3 Tota […]

スポンサーリンク
by Google Ads ID19417
Synology, WordPress
[Synology] Let’s Encription 証明書をインポートで設定が失敗した結果、遠隔ログインができなくなった場合の対処法 [2021/10/18]

Post Views: 17 ID32737 目次1 はじめに2 証明書のImportに失敗3 証明書なしで接続する4 最後の手段5 Fire Fox6 その他の接続方法7 編集履歴 はじめに Synology NASで […]

site setting, Synology, WordPress
[Synology] RT2600ac – FAQ – アクセスログが残っていない – ID30977 [2021/08/12]

Post Views: 30 RT2600ac管理FAQ アクセス・ログが残っていない 考えられる理由は以下の通り ログの保管場所が設定されていない 外部メモリ(SDカード、USBメモリ)を変更した 編集履歴 2021/ […]

plugin, site setting, WordPress
はりきり(Mr)のプログ・書き方のスタイル – 適当にやっているように見えても最終目的はブレないスタイルはある – ID30216 [2021/05/30]

Post Views: 54 目次1 はりきり(Mr)のブログ・メンテナンス・スタイル2 編集履歴 はりきり(Mr)のブログ・メンテナンス・スタイル 適当です。毎日、決まった時間に発信することはありません。ボリュームもま […]

plugin, WordPress
[WordPress] [link] 記事表示のカスタマイズ – パンクズリストを表示させる – ID30029 – [2021/05/19]

Post Views: 36 パンクズリスト パンクズリストは、サイトで移動した履歴です。表現形態は、フォルダーのパスのようなものです。 パングスリストをサイトに表示させる方法が、「kinsta」に解説されています。方法 […]

WordPress
[WP] Ultimate MemberをSimple WP Membershipに変更 – ID29745 [2021/05/13]

Post Views: 39 目次1 はじめに2 編集履歴 はじめに WordPressサイトでメンバーシップ機能を実現するプラグインの話です。Ultimate Member (UM) プラグインについては、当サイトをい […]

Page: 1 2 23
スポンサーリンク

スポンサーリンク
by Google Ads ID24747

その他記事(ALL-RANDOM, ID:16786)

BIOLOGICS, culture, equipment-culture, production
[Bio-Equip] WAVE 25 Rocker – GE – ID11509 [2020/03/06]

Post Views: 51 目次1 WAVE 25 Rocker2 関連 WAVE 25 Rocker ロッキング型のバイオリアクター。25Lまで培養可能。 ReadyToProcess WAVE 25 Rocker […]

AAV, BIOLOGICS, company, COMPANY-FAVOR, sirion
気になる企業 – SIRION BIOTECH – ID12564 [2020/07/06]

Post Views: 53 ID12564 目次1 SIRION BIOTECH GmbH1.1 Office1.2 Finance1.3 Viral Vector Service1.4 知的財産1.5 3つのOpti […]

plugin, Synology, WordPress
[WordPress] Flex Posts – Widget and Gutenberg Block プラグイン – Gutenberg エディター対応 – ID8804

Post Views: 76 目次1 はじめに2 評価項目3 結果4 結論 はじめに 僕は、WordPress歴が1年とNewcomerなので、余りしがらみも無く新しいエディタ Gutenbergを使用しています。 Sy […]

スポンサーリンク
by Google Ads ID19417
スポンサーリンク

スポンサーリンク
by Google Ads ID:11143(2)

- 以下のツールに敬意を示します -
Support to AMP (Accelerated Mobile Pages) by official AMP plugin for WordPress, and compatible powered by
Post viewing : Flex Posts - Widget and Gutenberg Block