サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2021年9月11日 18:47
こんばんは。
タグ「style[amp-keyframes]」の親タグは「body」である必要があります
と出てしまっていて、どこをどう直せばよいか全くわかりません。
ご教示いただけますでしょうか。
よろしくお願いいたします。
2021年9月11日 19:10
ゆういっちゃんさん
内容を拝見すると、AMP絡みのもののようですが、現状、URLをご提示いただいたトップページを確認したところAMP化されていない様子です。
そのため、AMPエラーの確認はできない状態です。
AMPのエラーであれば、AMP化した状態を拝見させていただかないと、エラー内容の確認などは難しいと思います。
何に、どんなエラーが出たのか。（SearchConsole？）
エラー内容のテキストや画像、リンク等の貼り付けをお願いします。
どのページに対して、エラーが出たのか。
実際にエラーになっているページのURLをご提示ください。
そういう情報をご提示いただきたいです。
なお、お問い合わせに際しては、フォーラム上部の案内をご覧いただき、環境情報等のご提示をお願い致します。
書き込みの前に以下の3点をご確認ください。
フォーラム上部のテンプレートをご利用になると、内容が伝わり易いかと思います。
と言いつつ、私は晩御飯ですので、しばらく席を外してしまいます。
わいひら reacted
2021年9月11日 19:13
※mk2さんと内容が被ったので削除。
こちらのページでAMPエラーが出ているようです。
https://yuuicchan.com/yuuicchanprofile/?amp=1
スマホから見てるのでこれ以上詳しく見れないのため、他の方の回答をお待ちください。
わいひら reacted
2021年9月11日 19:16
さる子さんがURLを貼り付けてくださったので、該当ページが分かりました。
AMPテストの結果をリンクしておきます。
https://search.google.com/test/amp?id=gsP5R5QKbLm0JsEPfHHVYA
すみませんが、晩御飯のため、しばらく席を外します。
わいひら reacted
2021年9月11日 19:17
エラー画面の画像を貼り忘れました…。
2021年9月11日 19:18
直前に書き込みされていたトピックと同じ状況のようです。
ゆういっちゃんさんのサイトの最新記事のAMPページを、前述のトピックでAkiraさんが挙げてくださってるサイトでチェックするとdivタグの閉じタグが足りないようです。
チェック結果 <DIV>タグ：162個 </DIV>タグ：161個 DIVタグの数に違いがあります！
ではどこの閉じタグが足りないのかと言われると…
上手い調べ方がいまいち分かりませんでした。
同じ記事のAMPじゃないページで同じチェックをすると、
チェック結果 <DIV>タグ：200個 </DIV>タグ：200個 DIVタグの数に問題はありません
と表示され問題ないのも謎です。
わいひら reacted
2021年9月11日 19:44
環境情報を頂いた上で、Cocoon 設定 → キャッシュ削除より「AMP キャッシュの削除」を行って頂けますか？
This post was modified 3年前 3回 by Akira
Topic starter
2021年9月11日 19:47
?amp=1とサイトURLの後ろについてしまします。
最近グーグルサーチコンソールを始めて、エラーのメールがきます。
該当ページが61ページもあり、上記のように「?amp=1」と付いてしまい、正常ではないそうです。
どのページのどこを表示すれば見ていただけるのでしょうか？
Topic starter
2021年9月11日 19:52
2021年9月11日 19:54
AMPキャッシュ削除してもワードプレスで今まで作成したブログ等に影響はないでしょうか？
ありません。
?amp=1とサイトURLの後ろについてしまします。
Cocoon の AMP ページの URL では、?amp=1 と付きます。
This post was modified 3年前 by Akira
2021年9月11日 20:04
環境情報もお願いいたします。
参考： 不具合報告の際に添えていただけると嬉しい環境情報の取得方法
AMP ページの footer タグ（サイト全体のやつ）がおかしいのは分かりました。開きタグがなくなっています。ただ、なぜなくなっているのか原因が分からないです。
Topic starter
2021年9月11日 20:09
環境情報になります。
----------------------------------------------
サイト名：ゆういっちゃんLab
サイトURL： https://yuuicchan.com
ホームURL： https://yuuicchan.com
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
スキン：/wp-content/themes/cocoon-master/skins/skin-colorful-line/style.css
WordPressバージョン：5.8.1
PHPバージョン：7.4.13
ブラウザ：Mozilla/5.0 (X11; CrOS aarch64 13982.88.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.162 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.3.5.1
カテゴリ数：35
タグ数：15
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.2
style.cssサイズ：845バイト
functions.phpサイズ：203バイト
----------------------------------------------
Gutenberg：1
AMP：1
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/uploads/2021/01/logo-1-1.png
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：1
WEBフォントLazy Load：1
----------------------------------------------
利用中のプラグイン：
Akismet Anti-Spam 4.1.12
All in One SEO 4.1.4.2
BackWPup 3.10.0
Classic Editor 1.6.2
Contact Form 7 5.4.2
Copy & Delete Posts 1.1.8
Google Analytics for WordPress by MonsterInsights 7.18.0
Head, Footer and Post Injections 3.2.2
SiteGuard WP Plugin 1.6.0
WP Multibyte Patch 2.9
WP Revisions Control 1.3
----------------------------------------------
2021年9月11日 21:43
2 つ質問があります。
● 質問 1
リフィトリーさんがおっしゃっているように、プラグインを全て停止するとどうなるでしょうか。
停止後は、Cocoon 設定 → キャッシュ削除より「AMP キャッシュの削除」を行います。そして、AMP テストで下記 URL を検証します。「有効な AMP ページではありません」となった場合は、プラグインを全て有効にしていただいて構いません。
https://yuuicchan.com/kappabashi/?amp=1
● 質問 2
ウィジェットエリアの「サイドバースクロール追従」にあるウィジェットは、通常ページと AMP ページとで全く同じでしょうか。AMP ページで非表示にするなどの設定はされていますか。
※通常ページのサイドバーで確認できる「テーマ」以降が、AMP ページでなくなっています。
This post was modified 3年前 2回 by Akira
Topic starter
2021年9月11日 23:05
プラグインを全て無効化し、AMPキャッシュの削除後、AMPテストでULRを
検証しました。
結果は「有効な AMP ページではありません」。となってしまいました。
また、ウィジェットエリアの「サイドバースクロール追従」にあるウィジェットも確認したのですが、通常ページとAMPページが分からず比較できなかったのですが、cocoon設定でAMP非表示にする設定は見つかりませんでした。
Topic starter
2021年9月11日 23:33
先程、はる様がおっしゃっていたように、
チェック結果 <DIV>タグ：162個 </DIV>タグ：161個 DIVタグの数に違いがあります！
の<DIV>タグを、投稿本文テキストから足りない箇所を探して付け加えるというのも見たほうがよろしいでしょうか？
本文になると暗号みたいな文字数が多すぎてどこが抜けているかとても探せないとは思いますが。
今回問題が検出されているのは本文（テキスト）の中が問題なのでしょうか？
2021年9月11日 23:38
AMP ページの footer タグ（サイト全体のやつ）がおかしいのは分かりました。
こちらの書き込みを見て、
Head, Footer and Post Injections 3.2.2
このプラグインが怪しいんじゃないかなと思いました。
こちらで挿入しているHTMLの内容(特にフッター)を見直して内容に問題がないか確認してみるのが良さそう…？
ウィジェットの内容も確かに通常ページとAMPページで違いますね。
どこかのタイミングでウィジェットを変更していて、何らかの理由でAMPキャッシュが消えずに残ってしまっているとか…？
わいひら reacted
2021年9月11日 23:43
私の環境でも AMP エラーを再現できました。これはテーマの不具合です。
わいひらさんが修正されるまで気長にお待ち下さい。AMP エラーが出ても検索結果には影響は出ないはずなので、ご心配になる必要はないと思います。
※モバイル端末の Google 検索から訪れるページが、AMP ページから通常ページに変わるだけです。
少しでも早く AMP エラーを解消されたい場合は、下記の暫定対策があります。
- ウィジェットエリア「フッター（モバイル用）」にある「カテゴリー」ウィジェットを開く
- 「表示設定」をクリック
- 「ウィジェットの表示」を「チェック・入力したページで非表示」にする
- 「ページ」にある「AMPページ」にチェックを入れる
2021年9月12日 00:49
わいひらさんへ
● 不具合の再現方法
このようにウィジェットを設定すると不具合を再現できます。
- 「サイドバースクロール追従」に「カテゴリー」ウィジェットを入れる。「ドロップダウン」で表示にはチェックを入れない。
- 「フッター（モバイル用） 」に「カテゴリー」ウィジェットを入れる。こちらは「ドロップダウン」で表示にチェックを入れる。
この 2 つのウィジェットと、その間の HTML が全て削除されます。
● 原因箇所は分かりません
こんなことをやったところ AMP エラーは解消しました。ただ、「フッター（モバイル用）」の「カテゴリー」ウィジェットの見出しが削除されず残るため不完全です。
lib / amp.php の「ドロップダウンのカテゴリウィジェットは削除」の置換処理を…
https://github.com/yhira/cocoon/blob/master/lib/amp.php#L207-L213
「スクリプトを除去する」より後に移動。
https://github.com/yhira/cocoon/blob/master/lib/amp.php#L509-L515
「ドロップダウンのカテゴリウィジェットは削除」あたりが怪しいとは思うのですが、なぜ不具合が起こるのか分からないです。
2021年9月12日 20:50
詳細なご報告ありがとうございます！
おそらく、正規表現で複数行にわたってゴッソリ削除されてしまっていたっぽいですね…。
なので、正規表現（置換）での削除をやめてPHP側で削除してみました。
https://github.com/yhira/cocoon/commit/788377575c62c6cb304e0428d00e7e0e5979da1f
今回、PHPでのの解決方法を思いついたのも、こちらの解決案のおかげです。
https://wp-cocoon.com/community/postid/56440/
ありがとうございます。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。