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の4つのエラーについて
 
共有:
通知
すべてクリア

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

16 投稿
4 ユーザー
8 Likes
2,320 表示
 mama
(@mama)
Active Member Registered
結合: 3年前
投稿: 11
Topic starter  

AMPからエラーが出されました。

初心者すぎてどこをどう直していったらいいかわからなくて投稿させていただきました。

教えてください泣

内容は以下です

1)カスタム JavaScript は使用できません。

2)タグ「style[amp-keyframes]」の親タグは「body」である必要があります。

3)タグ「img」を同等の「amp-img」タグに置き換えてください。

4)タグ「BODY」がドキュメントで複数回使用されています。

 

----------------------------------------------
サイト名:ママがネットで稼ぐ方法
サイトURL: http://mu2mi.com
ホームURL: http://mu2mi.com
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-master
スキン:/wp-content/themes/cocoon-master/skins/skin-fuwari-ebicha/style.css
Wordpressバージョン:5.2.2
PHPバージョン:7.3.7
ブラウザ:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/12.1.2 Safari/605.1.15
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate
言語:ja-jp
----------------------------------------------
テーマ名:Cocoon
バージョン:1.9.2.2
カテゴリ数:10
タグ数:0
ユーザー数:1
----------------------------------------------
Gutenberg:1
AMP:1
PWA:0
Auto Post Thumbnail:0
ホームイメージ:/wp-content/uploads/2019/08/サイトホーム.jpg
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
WEBフォントLazy Load:0
JavaScript(フッター):0
----------------------------------------------
利用中のプラグイン:
----------------------------------------------


   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 5年前
投稿: 4764
 

どのページのAMPですか?該当ページのURLをご提示いただき、検証結果があれば分かりやすいと思います。

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


   
わいひら reacted
(@akira)
Noble Member Registered
結合: 5年前
投稿: 1229
 

とりあえず、1 つだけ質問いたします。

Google AdSense の自動広告コードは、どのように設置されていますか?この設置方法の詳細が知りたいです。

AMP ページでも通常ページでも、<head></head>タグが 3 つ出てきます。これが根本的におかしく、AMP エラーを引き起こしているのだと思います。

そして、3 つの<head></head>を見て、真っ先に怪しいと思ったのが自動広告コードの設置方法です。

※ちなみに、AMP エラーは、全ての投稿ページで出ているはずです(head タグがおかしいので、全ページに影響が出る)。

This post was modified 3年前 by Akira

   
わいひら reacted
 mama
(@mama)
Active Member Registered
結合: 3年前
投稿: 11
Topic starter  
投稿者:: かうたっく

どのページのAMPですか?該当ページのURLをご提示いただき、検証結果があれば分かりやすいと思います。

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

ありがとうございます。

10ページあるのですが一番最初のページを載せます。 http://mu2mi.com/archives/139?amp=1


   
 mama
(@mama)
Active Member Registered
結合: 3年前
投稿: 11
Topic starter  
投稿者:: Akira

とりあえず、1 つだけ質問いたします。

Google AdSense の自動広告コードは、どのように設置されていますか?この設置方法の詳細が知りたいです。

AMP ページでも通常ページでも、<head></head>タグが 3 つ出てきます。これが根本的におかしく、AMP エラーを引き起こしているのだと思います。

そして、3 つの<head></head>を見て、真っ先に怪しいと思ったのが自動広告コードの設置方法です。

※ちなみに、AMP エラーは、全ての投稿ページで出ているはずです(head タグがおかしいので、全ページに影響が出る)。

ありがとうございます!
アドセンス設定>広告コードを貼り付けます。

https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js
<!-- スポンサーリンク -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-9969505632898150"
data-ad-slot="4211813845"
data-ad-format="auto"
data-full-width-responsive="true"></ins>

(adsbygoogle = window.adsbygoogle || []).push({});

https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js

(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-9969505632898150",
enable_page_level_ads: true
});

よろしくお願いいたします。

そうですね、全ページにエラーが出ています、、、

どこを直せば良いですか?

This post was modified 3年前 by mama

   
(@akira)
Noble Member Registered
結合: 5年前
投稿: 1229
 

その広告コードを Cocoon 設定 → 広告 → アドセンス設定 → 広告コードにお書きになっているということですよね。

だとしたら、自動広告コードは不要です。

まずは、下記のページをご参考に、レスポンシブ広告コードだけにします。

広告(AdSense)を手っ取り早く設定する方法

広告コードの修正後に、<head></head>タグがどうなるかを見てみたいです。広告コードの修正後は、念の為に Cocoon 設定 → キャッシュ削除の「AMPキャッシュの削除」でキャッシュを削除してください。

尚、Cocoon をお使いであれば、自動広告コードをお書きになる必要はありません。Cocoon 設定でチェックを入れるだけで済みます。詳しくは、下記のページをご参照ください。

アドセンスの自動広告を設定する方法

This post was modified 3年前 by Akira

   
わいひら reacted
わいひら
(@yhira)
Illustrious Member Admin
結合: 5年前
投稿: 14365
 

あと、「カスタムHTML」ウィジェットのどれかにAdSenseコードが入っています(添付画像)。
これが悪さをしている恐れがあります。
心当たりのある「カスタムHTML」ウィジェットを外して、「AMPキャッシュの削除」を行ってみていただけますでしょうか。


   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 5年前
投稿: 4764
 

本番環境で表示されてるか分からないけど、ソース上では表示されてますね。

投稿記事上のカスタムHTMLwidgetかな

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


   
わいひら reacted
 mama
(@mama)
Active Member Registered
結合: 3年前
投稿: 11
Topic starter  
投稿者:: Akira

その広告コードを Cocoon 設定 → 広告 → アドセンス設定 → 広告コードにお書きになっているということですよね。

だとしたら、自動広告コードは不要です。

まずは、下記のページをご参考に、レスポンシブ広告コードだけにします。

広告(AdSense)を手っ取り早く設定する方法

広告コードの修正後に、<head></head>タグがどうなるかを見てみたいです。広告コードの修正後は、念の為に Cocoon 設定 → キャッシュ削除の「AMPキャッシュの削除」でキャッシュを削除してください。

尚、Cocoon をお使いであれば、自動広告コードをお書きになる必要はありません。Cocoon 設定でチェックを入れるだけで済みます。詳しくは、下記のページをご参照ください。

アドセンスの自動広告を設定する方法

ありがとうございます。

新たに、cocoonの広告コードを以下にしました。

https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js
<!-- スポンサー検索 -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-9969505632898150"
data-ad-slot="1650676217"
data-ad-format="auto"
data-full-width-responsive="true"></ins>

(adsbygoogle = window.adsbygoogle || []).push({});

これで大丈夫でしょうか?


   
 mama
(@mama)
Active Member Registered
結合: 3年前
投稿: 11
Topic starter  
投稿者:: わいひら

あと、「カスタムHTML」ウィジェットのどれかにAdSenseコードが入っています(添付画像)。
これが悪さをしている恐れがあります。
心当たりのある「カスタムHTML」ウィジェットを外して、「AMPキャッシュの削除」を行ってみていただけますでしょうか。

ありがとうございます。

ウィジェットの広告にもコード入れてました;

消去してAMPキャッシュを消去して確認してみてもダメでした。同じ内容のものが表示されます、、、


   
(@akira)
Noble Member Registered
結合: 5年前
投稿: 1229
 

私も次の段階で、その id="custom_html-2" のウィジェットを修正してもらおうと思っていました。ですが、まだウィジェットに自動広告コードが入ったままです。

自動広告コードが入った「投稿本文上」にある「カスタム HTML」ウィジェットは、ウィジェットそのものを「削除」されるとどうなるでしょうか。

※「アドセンス設定」の「広告コード」は一部見えませんが、 https://wp-cocoon.com/how-to-set-adsense/ に書かれてあるとおりにコピペされていれば大丈夫です。


   
わいひら reacted
かうたっく
(@kautakku)
Famed Member Moderator
結合: 5年前
投稿: 4764
 

消去してAMPキャッシュを消去して確認してみてもダメでした。同じ内容のものが表示されます、

キャッシュ系プラグインは使ってませんか?

またサーバーのキャッシュが影響しているなどないですか?

 

追記

さっき確認したら、何もかわってないので。

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

This post was modified 3年前 by かうたっく

   
わいひら reacted
 mama
(@mama)
Active Member Registered
結合: 3年前
投稿: 11
Topic starter  
投稿者:: Akira

私も次の段階で、その id="custom_html-2" のウィジェットを修正してもらおうと思っていました。ですが、まだウィジェットに自動広告コードが入ったままです。

自動広告コードが入った「投稿本文上」にある「カスタム HTML」ウィジェットは、ウィジェットそのものを「削除」されるとどうなるでしょうか。

※「アドセンス設定」の「広告コード」は一部見えませんが、 https://wp-cocoon.com/how-to-set-adsense/ に書かれてあるとおりにコピペされていれば大丈夫です。

返信が遅れてしまってすみませんでした!

ありがとうございます。早速ウィジェットにあったカスタムHTMLを消去して、さらにAMPキャッシュの消去をしてから、確認したら「検証を開始します」というメールがきて、今までと展開が変わりました!嬉しいです。

でもまだエラーが出ているので次はどうすれば良いでしょうか?

ご教示お願い致します。


   
 mama
(@mama)
Active Member Registered
結合: 3年前
投稿: 11
Topic starter  
投稿者:: かうたっく

消去してAMPキャッシュを消去して確認してみてもダメでした。同じ内容のものが表示されます、

キャッシュ系プラグインは使ってませんか?

またサーバーのキャッシュが影響しているなどないですか?

 

追記

さっき確認したら、何もかわってないので。

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

返信が遅れてしまってすみません!

ありがとうございます。
キャッシュ系のプラグインを意図的に入れた覚えがないのですが、今13個のプラグインを使用しています。

 


   
(@akira)
Noble Member Registered
結合: 5年前
投稿: 1229
 

何ページか拝見しましたが、AMP エラーは出ていません。head タグも正常になっています。なので、もう何かされる必要はありません。

サーチコンソールのエラー表示は、検証が終わると消えると思います。↓のような検証ツールをお使いになると、すぐに検証結果を把握できます(この検証ツールは、サーチコンソールの検証と全く同じです)。

https://search.google.com/test/amp


   
わいひら reacted
 mama
(@mama)
Active Member Registered
結合: 3年前
投稿: 11
Topic starter  

Akiraさんありがとうございました!!

助かりました!

皆さま、初心者の私にご丁寧にご教示いただきまして本当にありがとうございました。


   
わいひら reacted
共有:

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

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

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

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

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

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

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

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