サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2023年5月12日 15:08
久しぶりにチェックしたら急にモバイル限定で全ページCLS に関する問題0.1 超でひっかかりました。
広告を遅延読み込みにしたり高さを設定したり試したものの何も解決せず。
（分からない事）
①使用していないJavaScriptの削減や第三者コードの問題に、
fundingchoicesmessages.google.com
などが出現（以前はなかった気がする）したのですがこれが何か分からないのですが広告でしょうか？
②最大コンテンツの描画 要素 エラー
これの調べ方が分からない
③<frame> または <iframe> の要素にタイトルが指定されていません
これの解決方法が分からない
④クリティカル リクエスト チェーンを回避してください
https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js?ver=3.6.1
https://cdnjs.cloudflare.com/ajax/libs/jquery-migrate/3.3.2/jquery-migrate.min.js?ver=3.0.1
「ブラウザのエラーがコンソールに記録されました」の表示も気になります。あまり難しい事はまだ未熟なので出来ませんが何かアドバイス等ございましたらよろしくお願いいたします。
（全ページですがそのうちの1つ）
例URL https://blog.netabare-arasuji.net/entry/highclass/
サイト名：鑑賞感想
サイトURL： https://blog.netabare-arasuji.net
ホームURL： https://blog.netabare-arasuji.net
コンテンツ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
WordPressバージョン：6.2
PHPバージョン：7.4.33
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/113.0.0.0 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.5.9
カテゴリー数：10
タグ数：3
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.0.8
style.cssサイズ：3837バイト
functions.phpサイズ：289バイト
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：1
CSS縮小化：1
JavaScript縮小化：1
Lazy Load：1
----------------------------------------------
利用中のプラグイン：
Advanced Editor Tools 5.9.0
Category Order and Taxonomy Terms Order 1.7.5
Contact Form 7 5.7.6
EWWW Image Optimizer 6.9.3
Jetpack 12.1
Redirection 5.3.10
Sitemap Generator 4.1.10
UpdraftPlus - Backup/Restore 1.23.3
WP Fastest Cache 1.1.5
WP Multibyte Patch 2.9
----------------------------------------------
2023年5月12日 19:26
①使用していないJavaScriptの削減や第三者コードの問題に、
fundingchoicesmessages.google.com
などが出現（以前はなかった気がする）したのですがこれが何か分からないのですが広告でしょうか？
とりあえず時間がある時に調べたのから一つずつ。
詳しくは分かりませんがfundingchoicesmessages.google.comはこれと関係のあるものなのではないでしょうか。
https://gigazine.net/news/20180417-google-funding-choice/
sharon reacted
2023年5月12日 19:33
ちなみにCLSとはこういったことなのでどれも関係ないようには思います。
https://www.sakurasaku-marketing.co.jp/labo/blogs/cls
https://gmotech.jp/semlabo/seo/blog/cwv_cls/
※まだ他は調べてないのでもしかしたら関係あるかもだけど
sharon reacted
2023年5月12日 19:42
②最大コンテンツの描画 要素 エラー
これの調べ方が分からない
こちらのLCPに関しては以下が参考になるかと思います。
https://wagtechblog.com/blog/page-speed-largest-contents.html
sharon reacted
2023年5月12日 19:49
④クリティカル リクエスト チェーンを回避してください
https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js?ver=3.6.1
https://cdnjs.cloudflare.com/ajax/libs/jquery-migrate/3.3.2/jquery-migrate.min.js?ver=3.0.1
jquery.min.jsに関してはjQueryでサイトを動的に操作するのに必要なものなのでどうしようもないかもしれません。
jquery-migrate.min.jsはもう削除してしまっても良いかもだけど。
sharon reacted
トピックスターター 2023年5月14日 09:45
@yhira 様
いろいろとアドバイスありがとうございます。
時間があるときに調べながら試してみるものの時間が足りずなかなか進まずです。
どうしても、
最大コンテンツの描画 要素 エラー の問題が改善されない。
EWWW Image Optimizerのプラグインだけでは足りないのか・・・まだ試行錯誤
そして
<frame> または <iframe> の要素にタイトルが指定されていません
これは、すべてアドセンス広告っぽい。
2023年5月14日 12:32
@sharon さん
どうしても、
最大コンテンツの描画 要素 エラー の問題が改善されない。
Google クローラーが、どれが最大視覚コンテンツなのか判定できていないのだと思います。
最大視覚コンテンツとして判定される要素は、どのような要素が考慮されますか？ に書かれています。
ファーストビュー（最初に見える範囲）に画像や動画がない。モバイルでの <h1> と <h2> のフォントサイズが 20px と同じ。他に目立つ要素がない。そのため、どれが最大視覚コンテンツなのか分からないような気がします。
モバイルでの <h1> のフォントサイズを大きくしたり、上下に余白を取ったりして目立つようにすれば、Google クローラーが <h1> を最大視覚コンテンツとして判定できるかもしれません。
ちなみに、Chrome のデベロッパーツールにある Lighthouse で計測した場合、添付画像のようにアドセンスの下にある登場人物の部分が最大視覚コンテンツとして判定されます。アドセンスの読み込みが遅いのが原因だと思います。
<frame> または <iframe> の要素にタイトルが指定されていません
これは、すべてアドセンス広告っぽい。
JavaScript でアドセンス広告に title 属性を付けられると思います。ただ、正確な title 属性は付けられません。せいぜい title="広告" とぐらいしか書けないと思います。
私であれば、Google が修正するのを気長に待ちます。
この投稿は2年前 3回ずつAkiraに変更されました
2023年5月15日 01:12
申し訳ないです。訂正します。
どうしても、
最大コンテンツの描画 要素 エラー の問題が改善されない。
これは PageSpeed Insights の不具合かもしれません。どのサイトを計測してもエラーになります。
GitHub にも報告が上がっていて、Google のエンジニアさんがエラーを再現できたと言っています。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。