「メイド・イン・ヘブン」スキン適用中

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カスタマイズ依頼

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

Google Search Conso...
 
共有:
通知
すべてクリア

[解決済] Google Search Consoleで「ページはモバイルで利用できません」が表示される

19 投稿
4 ユーザー
17 Likes
384 表示
(@natsu2023)
Active Member Registered
結合: 7か月前
投稿: 9
Topic starter  

相談内容:

つい先週サイトを立ち上げてCocoonを使い始めたばかりなのですがサーチコンソールで「ページはモバイルで利用できません」が表示されてしまいます。

試しにCocoonの公式サイトもモバイルフレンドリーテストをしてみたのですが、同じように表示されました。(スクショ添付しました)

こちらは一時的なものでしょうか?

 

不具合の発生手順:

サーチコンソールで表示される。または、モバイルフレンドリーテストをした時

 

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

最新アップデートを確認したりしましたが、公式サイトでもこのように表示されてしまうため、自分の側に原因があるのか分からず、こちらで質問させてもらいました。

どうぞ宜しくお願いします。


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6879
 

Cocoon公式サイトについては、今私がやってみると、問題ないようです。(スマホからですが)

 
投稿者:: @natsu2023

つい先週サイトを立ち上げてCocoonを使い始めたばかりなのですがサーチコンソールで「ページはモバイルで利用できません」が表示されてしまいます。

こちらについては、実際にモバイルフレンドリーテストの詳細を、拝見しないと何とも言えないと思います。

(項目ごとに詳細な内容を確認できると思います)


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

natsu2023 さんのサイトでは、 Shield Security プラグインをお使いでしょうか?

Cocoon 公式サイトのトップページを何度かモバイルフレンドリーテストでテストしたのですが、エラーになったりならなかったりと結果がまちまちです。

エラーになる時は、CSS が読み込まれていません。また、読み込まれる CSS がテストの度に違います。この原因が分からないのですが、wp-simple-firewall というプラグインが Google クローラーのアクセス時にコンソールエラーを出しているのが気になりました。この wp-simple-firewall は、おそらく Shield Security だと思います。

This post was modified 7か月前 by Akira

   
(@natsu2023)
Active Member Registered
結合: 7か月前
投稿: 9
Topic starter  

ありがとうございます。

Shield Security プラグインは利用していません。

何回かモバイルフレンドリーテストを試してみて、

中身は何も変えてないのですが、

今は「ページはモバイルで利用できます」と表示されるようになったみたいです。

自分の時の不具合のスクショを撮り忘れてしまったのですが、同じようにCSSが読み込めていないような表示が出ていました。(すみません、今は大丈夫になったので、その表示が出てきません。。。)

Google側の不具合もあるのでしょうか?

一応大丈夫になったので、このままにしていても問題ないでしょうか?

何かわかりましたら教えていただけますと幸いです。

どうぞ宜しくお願いします。

 

まだ、作り始めですが、URLはこちらです。

URL: https://nipponquiz.com/

----------------------------------------------
サイト名:にっぽんクイズ
サイト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
----------------------------------------------

 

 


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6879
 

私の環境からは、何回やっても、以下のような状態で、改善しないですね。

 
共有もしておきます。
 
CSSが読み込めてないみたいですね・・・。
 

関係ないとは思いますが、Mixed Content(混在コンテンツ)が出ていますので、これは解消しておいた方が良いと思います。
(ヘッダー画像が「http」で読み込まれていますので、「https」に変える)

 
 
以下も出ていますね。
 
SSL化前にCocoonをインストールなさったのかも。

   
natsu2023 reacted
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16440
 

僕のテストサイトもShield Securityプラグインを無効にしたら問題なくモバイルフレンドリーになるようです。


   
natsu2023 reacted
(@natsu2023)
Active Member Registered
結合: 7か月前
投稿: 9
Topic starter  

ありがとうございます。

@mk2_mk2さん、結果の共有もありがとうございます。

Mixed Contentsの方は修正しました!

 

今、もう一度やってみたらまたOKになってました。。。

https://search.google.com/test/mobile-friendly/result?id=65sU9h6zfJKOJ4rto_cyPA&hl=ja

何をどうすれば良いのか、、、困りました。

 

クイズプラグインを入れているので、そちらを無効化しようと思って以下のまったく同じコンテンツで作ったのですが、プラグインを無効化することなくモバイルフレンドリーでした。

https://test.nipponquiz.com/

 


   
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16440
 

プラグインは何を入れておられるんですか?
環境情報のプラグイン一覧のところだけでも貼ってみていただけますか。
https://wp-cocoon.com/theme-report/


   
natsu2023 reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6879
 

natsu2023さん

今やってみたら、大丈夫でした。

 
 
 
ヘッダー画像のMixed Contentも解消していますね。
(でも、おそらく本件とは無関係だと)
 
以下は残っていますので、同様に「https」にしておくと良いと思います。
(Cocoon内の他の画像も同様の可能性がありそうです)

   
natsu2023 reacted
(@akira)
Famed Member Registered
結合: 6年前
投稿: 1657
 

@natsu2023 さん

テストの度にエラーになったりならなかったりと結果が変わります。

検索してみたら似た事例が出てきました。

CSSのダウンロードが遅すぎると、Search Consoleでモバイルユーザビリティの警告が出ることも

Cocoon 設定 > 高速化で「CSSを縮小化する」にチェックを入れればいいかもしれません。

この Cocoon 公式サイトでエラーが出るのも CSS を縮小していないのが原因かもしれません。

This post was modified 7か月前 by Akira

   
(@natsu2023)
Active Member Registered
結合: 7か月前
投稿: 9
Topic starter  

@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
----------------------------------------------

   
(@natsu2023)
Active Member Registered
結合: 7か月前
投稿: 9
Topic starter  

@mk2_mk2 さん

ありがとうございます!もう一つの方、見落としてました。すみません。

そちらも修正してみます!!


   
(@natsu2023)
Active Member Registered
結合: 7か月前
投稿: 9
Topic starter  

@akira さん、事例を探してくださってありがとうございます。

縮小化して、しばらくテストを続けてみます。

問題なければ、結果をまた報告させていただきます。

(変わらなかった時もまたこちらに質問させていただきます)

みなさん、ありがとうございます。


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6879
 

natsu2023さん

ちなみですが。
(本来は、別トピックにすべきかもですが)

例えば以下のページなのですが。
https://nipponquiz.com/gourmet-quiz/

 

以下のようなエラー等が出ていて、クイズのStartボタンが押せないみたいです。
(ちょっと楽しそうと思って、やってみたくなって試してしまいました)

これは、以前からでしょうか。


   
natsu2023 reacted
(@natsu2023)
Active Member Registered
結合: 7か月前
投稿: 9
Topic starter  

@mk2_mk2 さん

ありがとうございます!

HTMLとJavascriptもMinifyしてしまったので、そのせいかもしれません。

高速化のチェック外したら、たぶんできるようになったと思います。

ぜひ、お時間ある時にチャレンジしてみてください(笑)


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6879
 

natsu2023さん

今、スマホからやってみると大丈夫みたいです。

 
このプラグインをJavaScript縮小化から除外しなくてはならないのかもですね。

   
(@natsu2023)
Active Member Registered
結合: 7か月前
投稿: 9
Topic starter  

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

経過報告です。

モバイルフレンドリーテストの方は、CSSを最小化してから継続して何回か試していますがOKになっています。

サーチコンソールの方は、部分的にOKになっていました。

サーチコンソールからのメールには検証に数日かかるとのことでしたので、このまま少し様子を見たいと思います。

モバイル ユーザビリティレポートがもうすぐなくなるとことですが、CSSなどは今後も縮小化しておいた方が良さそうですね。

一応、やったことを共有しておきます。

Cocoon設定>高速化>CSSを縮小化するにチェック

プラグインが不具合を起こす場合は、プラグインを除外。
プラグインCSSを除外する例:/plugins/plugin-folder-name/

ありがとうございます!

 

This post was modified 7か月前 2回 by natsu2023

   
わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6879
 

natsu2023さん

投稿者:: @natsu2023

プラグインが不具合を起こす場合は、プラグインを除外。
プラグインCSSを除外する例:/plugins/plugin-folder-name/

クイズのスタートボタンの件であれば、CSSではなく、JavaScriptだと思います。

(もしかするとCSSもおかしくなるのかどうかは、1つ1つやってみないと分からないです)

投稿者:: @mk2_mk2

投稿者:: @mk2_mk2

このプラグインをJavaScript縮小化から除外しなくてはならないのかもですね。

 

 


   
(@natsu2023)
Active Member Registered
結合: 7か月前
投稿: 9
Topic starter  

@mk2_mk2 さん

ありがとうございます!

はい、回避のためJavascriptは全体的に縮小化からチェックを外してしまいました。
プラグイン単位でやってみます!

CSSは今のサイトでは特に問題なかったのですが、上記は今後のためと思って共有させてもらいました。
(説明不足で、お手間をとらせてしまい、申し訳ありません!!)

本当に色々とご親切に教えていただきありがとうございます 🤗 


   
わいひら reacted
共有:

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

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

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

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

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

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

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

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