サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2023-10-02 11:56
相談内容：
つい先週サイトを立ち上げてCocoonを使い始めたばかりなのですがサーチコンソールで「ページはモバイルで利用できません」が表示されてしまいます。
試しにCocoonの公式サイトもモバイルフレンドリーテストをしてみたのですが、同じように表示されました。（スクショ添付しました）
こちらは一時的なものでしょうか？
不具合の発生手順：
サーチコンソールで表示される。または、モバイルフレンドリーテストをした時
解決のために試したこと：
最新アップデートを確認したりしましたが、公式サイトでもこのように表示されてしまうため、自分の側に原因があるのか分からず、こちらで質問させてもらいました。
どうぞ宜しくお願いします。
2023-10-02 16:15
natsu2023 さんのサイトでは、 Shield Security プラグインをお使いでしょうか？
Cocoon 公式サイトのトップページを何度かモバイルフレンドリーテストでテストしたのですが、エラーになったりならなかったりと結果がまちまちです。
エラーになる時は、CSS が読み込まれていません。また、読み込まれる CSS がテストの度に違います。この原因が分からないのですが、wp-simple-firewall というプラグインが Google クローラーのアクセス時にコンソールエラーを出しているのが気になりました。この wp-simple-firewall は、おそらく Shield Security だと思います。
This post was modified 7か月前 by Akira
Topic starter
2023-10-02 18:23
ありがとうございます。
Shield Security プラグインは利用していません。
何回かモバイルフレンドリーテストを試してみて、
中身は何も変えてないのですが、
今は「ページはモバイルで利用できます」と表示されるようになったみたいです。
自分の時の不具合のスクショを撮り忘れてしまったのですが、同じようにCSSが読み込めていないような表示が出ていました。（すみません、今は大丈夫になったので、その表示が出てきません。。。）
Google側の不具合もあるのでしょうか？
一応大丈夫になったので、このままにしていても問題ないでしょうか？
何かわかりましたら教えていただけますと幸いです。
どうぞ宜しくお願いします。
まだ、作り始めですが、URLはこちらです。
----------------------------------------------
サイト名：にっぽんクイズ
サイトURL： https://nipponquiz.com
ホームURL： https://nipponquiz.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
WordPressバージョン：6.3.1
PHPバージョン：8.2.11
ブラウザ：Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/117.0.0.0 Safari/537.36
サーバーソフト：LiteSpeed
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate, br
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.6.6.1
カテゴリー数：7
タグ数：0
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.3
style.cssサイズ：845バイト
functions.phpサイズ：203バイト
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：5
Auto Post Thumbnail：0
Retina：1
ホームイメージ：/wp-content/uploads/2023/09/nipponquiz-cover-img.jpg
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
----------------------------------------------
利用中のプラグイン：
Loco Translate 2.6.6
Quiz Maker 8.7.5
WP Multibyte Patch 2.9
----------------------------------------------
2023-10-02 18:45
私の環境からは、何回やっても、以下のような状態で、改善しないですね。
共有もしておきます。
CSSが読み込めてないみたいですね・・・。
関係ないとは思いますが、Mixed Content（混在コンテンツ）が出ていますので、これは解消しておいた方が良いと思います。
（ヘッダー画像が「http」で読み込まれていますので、「https」に変える）
以下も出ていますね。
SSL化前にCocoonをインストールなさったのかも。
natsu2023 reacted
Topic starter
2023-10-02 19:23
ありがとうございます。
@mk2_mk2さん、結果の共有もありがとうございます。
Mixed Contentsの方は修正しました！
今、もう一度やってみたらまたOKになってました。。。
https://search.google.com/test/mobile-friendly/result?id=65sU9h6zfJKOJ4rto_cyPA&hl=ja
何をどうすれば良いのか、、、困りました。
クイズプラグインを入れているので、そちらを無効化しようと思って以下のまったく同じコンテンツで作ったのですが、プラグインを無効化することなくモバイルフレンドリーでした。
2023-10-02 19:31
プラグインは何を入れておられるんですか？
環境情報のプラグイン一覧のところだけでも貼ってみていただけますか。
https://wp-cocoon.com/theme-report/
natsu2023 reacted
2023-10-02 19:31
natsu2023さん
今やってみたら、大丈夫でした。
ヘッダー画像のMixed Contentも解消していますね。
（でも、おそらく本件とは無関係だと）
（でも、おそらく本件とは無関係だと）
以下は残っていますので、同様に「https」にしておくと良いと思います。
（Cocoon内の他の画像も同様の可能性がありそうです）
（Cocoon内の他の画像も同様の可能性がありそうです）
natsu2023 reacted
2023-10-02 19:40
@natsu2023 さん
テストの度にエラーになったりならなかったりと結果が変わります。
検索してみたら似た事例が出てきました。
CSSのダウンロードが遅すぎると、Search Consoleでモバイルユーザビリティの警告が出ることも
Cocoon 設定 > 高速化で「CSSを縮小化する」にチェックを入れればいいかもしれません。
この Cocoon 公式サイトでエラーが出るのも CSS を縮小していないのが原因かもしれません。
This post was modified 7か月前 by Akira
Topic starter
2023-10-02 19:47
@yhira さん
こちらです。コピーのために今 WP Migrationを入れました。
---------------------------------------------- 利用中のプラグイン： All-in-One WP Migration 7.78 All-in-One WP Migration Unlimited Extension 2.53 Loco Translate 2.6.6 Quiz Maker 8.7.5 WP Multibyte Patch 2.9 ----------------------------------------------
Topic starter
2023-10-02 19:52
@akira さん、事例を探してくださってありがとうございます。
縮小化して、しばらくテストを続けてみます。
問題なければ、結果をまた報告させていただきます。
（変わらなかった時もまたこちらに質問させていただきます）
みなさん、ありがとうございます。
2023-10-02 20:25
natsu2023さん
ちなみですが。
（本来は、別トピックにすべきかもですが）
例えば以下のページなのですが。
https://nipponquiz.com/gourmet-quiz/
以下のようなエラー等が出ていて、クイズのStartボタンが押せないみたいです。
（ちょっと楽しそうと思って、やってみたくなって試してしまいました）
これは、以前からでしょうか。
natsu2023 reacted
Topic starter
2023-10-02 20:35
@mk2_mk2 さん
ありがとうございます！
HTMLとJavascriptもMinifyしてしまったので、そのせいかもしれません。
高速化のチェック外したら、たぶんできるようになったと思います。
ぜひ、お時間ある時にチャレンジしてみてください（笑）
Topic starter
2023-10-03 10:03
昨日はありがとうございました。
経過報告です。
モバイルフレンドリーテストの方は、CSSを最小化してから継続して何回か試していますがOKになっています。
サーチコンソールの方は、部分的にOKになっていました。
サーチコンソールからのメールには検証に数日かかるとのことでしたので、このまま少し様子を見たいと思います。
モバイル ユーザビリティレポートがもうすぐなくなるとことですが、CSSなどは今後も縮小化しておいた方が良さそうですね。
一応、やったことを共有しておきます。
Cocoon設定＞高速化＞CSSを縮小化するにチェック
プラグインが不具合を起こす場合は、プラグインを除外。
プラグインCSSを除外する例：/plugins/plugin-folder-name/
ありがとうございます！
This post was modified 7か月前 2回 by natsu2023
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。