Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

AMPエラーについて
 
共有:
通知
すべてクリア

[解決済] AMPエラーについて

22 投稿
5 ユーザー
10 Reactions
2,555 表示
(@aguri)
Active Member Registered
結合: 6年前
投稿: 17
トピックスターター  

お世話になります。

初心者で大変お手数をおかけしますが、AMPのエラーがでています。

検査結果は以下です。ご指導宜しくお願い致します。

<AMPエラーのURL>

https://esnir2018.com/?amp=1

 

The mandatory attribute '笞。' is missing in tag 'html 笞。 for top-level html'.

MANDATORY_AMP_TAG_MISSING_OR_INCORRECT

line 2, column 0

  

The property 'minimum-scale' is missing from attribute 'content' in tag 'meta name=viewport'.

MANDATORY_AMP_TAG_MISSING_OR_INCORRECT

line 5, column 4

  

The mandatory attribute 'amp-custom' is missing in tag 'style amp-custom'.

DISALLOWED_HTML

line 7, column 4

  

The parent tag of tag 'style amp-custom' is 'svg', but it can only be 'head'.

DISALLOWED_HTML

line 34, column 89

  

The mandatory tag 'link rel=canonical' is missing or incorrect.

MANDATORY_AMP_TAG_MISSING_OR_INCORRECT

line 39, column 7

  

The mandatory tag 'amphtml engine v0.js script' is missing or incorrect.

MANDATORY_AMP_TAG_MISSING_OR_INCORRECT

line 39, column 7

  

The mandatory tag 'noscript enclosure for boilerplate' is missing or incorrect.

MANDATORY_AMP_TAG_MISSING_OR_INCORRECT

line 39, column 7

  

The mandatory tag 'noscript > style[amp-boilerplate]' is missing or incorrect.

MANDATORY_AMP_TAG_MISSING_OR_INCORRECT

line 39, column 7

 

<AMPエラーのURL>

The mandatory attribute '笞。' is missing in tag 'html 笞。 for top-level html'.

MANDATORY_AMP_TAG_MISSING_OR_INCORRECT

line 2, column 0

  

The property 'minimum-scale' is missing from attribute 'content' in tag 'meta name=viewport'.

MANDATORY_AMP_TAG_MISSING_OR_INCORRECT

line 5, column 4

  

The mandatory attribute 'amp-custom' is missing in tag 'style amp-custom'.

DISALLOWED_HTML

line 7, column 4

  

The parent tag of tag 'style amp-custom' is 'svg', but it can only be 'head'.

DISALLOWED_HTML

line 34, column 89

  

The mandatory tag 'link rel=canonical' is missing or incorrect.

MANDATORY_AMP_TAG_MISSING_OR_INCORRECT

line 39, column 7

  

The mandatory tag 'amphtml engine v0.js script' is missing or incorrect.

MANDATORY_AMP_TAG_MISSING_OR_INCORRECT

line 39, column 7

  

The mandatory tag 'noscript enclosure for boilerplate' is missing or incorrect.

MANDATORY_AMP_TAG_MISSING_OR_INCORRECT

line 39, column 7

  

The mandatory tag 'noscript > style[amp-boilerplate]' is missing or incorrect.

MANDATORY_AMP_TAG_MISSING_OR_INCORRECT

line 39, column 7

 


   
(@aguri)
Active Member Registered
結合: 6年前
投稿: 17
トピックスターター  

大変お世話になります。

二つ目のエラーのURLを書き損じました。

以下になります。

https://esnir2018.com/quarantine/?amp=1

検査結果は、以下です。ご指導の程、宜しくお願いいたします。

The mandatory attribute '笞。' is missing in tag 'html 笞。 for top-level html'.

MANDATORY_AMP_TAG_MISSING_OR_INCORRECT

line 2, column 0

  

The property 'minimum-scale' is missing from attribute 'content' in tag 'meta name=viewport'.

MANDATORY_AMP_TAG_MISSING_OR_INCORRECT

line 5, column 4

  

The mandatory attribute 'amp-custom' is missing in tag 'style amp-custom'.

DISALLOWED_HTML

line 7, column 4

  

The parent tag of tag 'style amp-custom' is 'svg', but it can only be 'head'.

DISALLOWED_HTML

line 34, column 89

  

The mandatory tag 'link rel=canonical' is missing or incorrect.

MANDATORY_AMP_TAG_MISSING_OR_INCORRECT

line 39, column 7

  

The mandatory tag 'amphtml engine v0.js script' is missing or incorrect.

MANDATORY_AMP_TAG_MISSING_OR_INCORRECT

line 39, column 7

  

The mandatory tag 'noscript enclosure for boilerplate' is missing or incorrect.

MANDATORY_AMP_TAG_MISSING_OR_INCORRECT

line 39, column 7

  

The mandatory tag 'noscript > style[amp-boilerplate]' is missing or incorrect.

MANDATORY_AMP_TAG_MISSING_OR_INCORRECT

line 39, column 7

 


   
たなかま
(@tanakama)
Prominent Member Registered
結合: 7年前
投稿: 600
 

こんばんわ。

すみませんが、ご提示いただいたのは、何かツールを使ってのエラーでしょうか?

AMPBenchだと403が出ていますね・・・。(ウェブマスター ヘルプ フォーラムでも言われていたかも?)

 

以下の質問とかがヒントになるかもしれません。

https://wp-cocoon.com/community/bugs/%EF%BD%81%EF%BD%8D%EF%BD%90%E3%82%A8%E3%83%A9%E3%83%BC%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6/

 

ロリポップを使われている場合は、以下の可能性もあります。

https://strategy-conference.com/attract-traffic/seo/101/

私の環境で同じような現象が再現できず、すみません・・・。


   
わいひら reacted
(@aguri)
Active Member Registered
結合: 6年前
投稿: 17
トピックスターター  

大変お世話になります。

The AMP Validatorを使いました。

宜しくお願い致します。


   
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 

ですね。403ページだと思います。

たぶんコッチのほうのエラーかな??とも思ったり。

https://search.google.com/test/amp?hl=ja&id=xGQf07nzyB0cIsgcgENARw

サイドバーのテキストエディタに書いてる項目をAMPでは表示したいように分岐タグを使えば良いかと思います。

※全ページでエラーが見られるとおもうので。

試してないですが。以下はAMPのとき表示しない。

<?php if ( !is_amp() ) {?>

ここにコード

<?php } ?>

もしかしたら、テキストウィジェットのみ表示されるかもしれないので、amp.cssに追記が必要かもしれません。

#text-6 {
	display: none;
}

現在使っている『問い合わせはこちらから』のウィジェットIDを指定して非表示にするCSS


   
(@aguri)
Active Member Registered
結合: 6年前
投稿: 17
トピックスターター  

夜遅くにありがとうございます。感謝感激です。

ただ大変恥ずかしいのですが本当にど素人ですので、全く知識がなく、ご指示を実行するのに、時間がかかります。

また、うまくいきましたら、ご報告させて頂きます。

ありがとうございました。


   
(@akira)
Famed Member Registered
結合: 7年前
投稿: 1657
 

サイドバーにある Contact Form 7 のお問い合わせフォームが原因です。

Cocoon 1.2.0 で、この AMP エラーを取り除く修正が入りました。

Cocoon のバージョンを最新の 1.2.3 にアップデートされると、エラーが解消すると思います。


   
(@aguri)
Active Member Registered
結合: 6年前
投稿: 17
トピックスターター  

ありがとうございます!早速明日やってみます。助かりました!

 


   
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 

Cocoon 1.2.0 で、この AMP エラーを取り除く修正が入りました。

そうなんですね。

アップデートで解消されなければ、Cocoon設定のampキャッシュを削除すれば良いかもしれませんね!


   
(@aguri)
Active Member Registered
結合: 6年前
投稿: 17
トピックスターター  

大変お世話になっております。

 

cocoon-master-1.2.4を解凍して、「cocoon-master」ファイルをFFFTPで「新しければ上書き」「以降全部」を行いましたら、ダッシュボードは大丈夫でしたが、「サイトを表示」をクリックすると、真っ白な画面となり、画面の真ん中に、500エラーと表示されました。

今は復元を行い、元の状態(AMPエラー)に戻っています。

また、どなた様かお時間のある時にアドバイスを頂けましたらありがたいです。

宜しくお願い致します。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17375
 

こちらの案内にある情報を貼り付けていただいてよろしいでしょうか。
https://wp-cocoon.com/theme-report/

急な500エラーはプラグインとの相性問題とかの可能性もあります。
よろしければ問題を切り分けるためにも、一旦プラグインを全て無効にして、トップページが表示されるかどうか試してみていただけますでしょうか。


   
(@aguri)
Active Member Registered
結合: 6年前
投稿: 17
トピックスターター  

大変お世話になります。

一旦プラグインを全て無効にして、バージョンアップをしましたら、トップページが表示されました! ありがとうございました。

AMPの問題は、Cocoon設定のampキャッシュを削除とグーグルクロムのキャッシュをクリアしましたが、まだエラーのままです。

アドバイスの程、宜しくお願い致します。

----------------------------------------------
サイト名:ときめき カウントダウン
サイトURL: https://esnir2018.com
Wordpressバージョン:4.9.8
PHPバージョン:7.1.5
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) 
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:1.2.4.4

----------------------------------------------
子テーマ名:Cocoon Child
バージョン:0.0.5


   
(@akira)
Famed Member Registered
結合: 7年前
投稿: 1657
 

申し訳ないです。Cocoon 1.2.0 で AMP エラーを取り除く修正が入ったと、間違ったことを言ってしまいました。

現在の Cocoon では、その AMP エラーは取り除けないです。

aguri さんのサイトのお問い合わせフォームは、AMP の仕様上、AMP ページには表示できません。

AMP ページで表示しないように、下記の 2 ステップの変更をお試しください。表示しないようにすると、AMP エラーが解消します。

● ステップ 1 ●

現在、「テキスト」ウィジェットに、Contact Form 7 のショートコードを貼り付けていらっしゃいます。「テキスト」ウィジェットは、ショートコードに適していません。「カスタム HTML 」ウィジェットに、Contact Form 7 のショートコードを貼り付けなおします。

● ステップ 2 ●

「カスタム HTML 」ウィジェット内に、表示設定ボタンがあります。(ウィジェットの表示を制御する方法をご参考ください。)

「ウィジェットの表示」を「チェック・入力したページで非表示」にし、「ページ」タブにある「 AMP ページ」にチェックを入れます。

これで AMP エラーが解消します。念のため Cocoon 設定 → キャッシュ削除より、AMP キャッシュの削除を行うと確実です。


   
わいひら reacted
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 

AMPの問題は、Cocoon設定のampキャッシュを削除とグーグルクロムのキャッシュをクリアしましたが、まだエラーのままです。

一瞬思ったのは、サーバーもキャッシュ(一時的にキャッシュを行う)機能でそのようになったのかと思いました。エックスサーバー・ロリポップの新機能で数分間のキャッシュを行う機能の事です。

 

Akiraさんがおっしゃってるのは、おそらく色々検証を重ねてくれたんだと思います。

現在、「テキスト」ウィジェットに、Contact Form 7 のショートコードを貼り付けていらっしゃいます。

うまくいきますように。


   
わいひら reacted
(@aguri)
Active Member Registered
結合: 6年前
投稿: 17
トピックスターター  

大変お世話になっております。

「カスタム HTML 」ウィジェットに、Contact Form 7 のショートコードを貼り付けなおし、AMP ページで非表示の設定を行いました。そしてAMP キャッシュの削除を行いました。

Search Console で確認しましたところ、エラーが別の2ページででて、AMPエラーが合計4ページとなりました。下記メッセージがでております。

許可されていない属性が HTML タグ「FORM [method=POST]」にあります”

エラーページは以下のページです。

https://esnir2018.com/quarantine/?amp=1

https://esnir2018.com/petloss/?amp=1

https://esnir2018.com/choker/?amp=1

https://esnir2018.com/?amp=1

大変お手数をお掛けしておりますが、どうぞ宜しくお願い致します。

 
 
 
 

 


   
(@aguri)
Active Member Registered
結合: 6年前
投稿: 17
トピックスターター  

すみません。前回の写真を添付してしまいました。

今回の写真を添付させて頂きます。

宜しくお願い致します。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17375
 

AMP Validatorでチェックしてみようとしたところ、なぜか403でアクセス拒否されてしまいました。
https://validator.ampproject.org/#url=https%3A%2F%2Fesnir2018.com%2Fquarantine%2F%3Famp%3D1

Cocoonテーマ自体には、そういったアクセス拒否をするような機能は搭載してありません。
何か他に心当たりはありますでしょうか?
サーバー設定とか、プラグインとかで。


   
(@aguri)
Active Member Registered
結合: 6年前
投稿: 17
トピックスターター  

大変お世話になっております。

素人で申し訳ございません。

ロリポップではWAFを設定しています。

プラグインは下記のものを有効にしています。

Akismet Anti-Spam 4.0.8
Contact Form 7 5.0.4
Edit Author Slug 1.5.2
EWWW Image Optimizer 4.3.2
Google XML Sitemaps 4.0.9
Hello Dolly 1.7
NewStatPress 1.3.0
Shortcodes Ultimate 5.0.4
SiteGuard WP Plugin 1.4.3
Wordfence Security 7.1.12

   
(@akira)
Famed Member Registered
結合: 7年前
投稿: 1657
 

その 4 ページは、いずれも AMP エラーが解消しています。

また、他のページもいくつか拝見しましたが、全て AMP に合格しています。

Search Console のエラーも、順次解消していくはずです。

AMP テストであれば、テストできました。

テスト結果の 1 つがこちらです。

https://search.google.com/test/amp?id=6Q8-a8dwERoQbbazg5vADw

 


   
わいひら reacted
(@aguri)
Active Member Registered
結合: 6年前
投稿: 17
トピックスターター  

Akira様

ありがとうございます!

反映するのに、時間がかかるのですね。

今朝9時の時点では、まだsearch console とThe AMP Validatorで確認しましたが、エラーのままでした。

それぞれ合格になりましたら、またご報告させて頂きます。

本当にありがとうございました。


   
(@akira)
Famed Member Registered
結合: 7年前
投稿: 1657
 

Search Console のエラーは、すぐに解消しません。数日かかると思います。

しかし、The AMP Validator のエラーは、即時解消します。時間はかかりません。

The AMP Validator でエラーが出るのは、わいひらさんがおっしゃっている通り、403 でアクセスが拒否されているためです。これが理由で AMP ページを検証できず、エラーと判断されてしまいます(実際には、AMP ページでエラーは出ていない)。

ロリポップの WAF、SiteGuard WP Plugin 、Wordfence Security のどれかが原因だと思うのですが。私がどれも使っておらず、設定方法が分かりません。


   
わいひら reacted
(@aguri)
Active Member Registered
結合: 6年前
投稿: 17
トピックスターター  

Akira様

大変お世話になっております。

ご丁寧にご説明頂きありがとうございました。よくわかりました。今後ともどうぞ宜しくお願い致します。


   
わいひら reacted
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました