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

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

サーチコンソールから「モバイル ユーザ...
 
共有:
通知
すべてクリア

[解決済] サーチコンソールから「モバイル ユーザビリティの問題が新たに検出された」旨のメール

8 投稿
3 ユーザー
5 Reactions
3,082 表示
(@kchan)
Trusted Member
結合: 6年前
投稿: 56
Topic starter  

いつもお世話になっております。

125日にサーチコンソールから「モバイル ユーザビリティの問題が新たに検出されました」とメールが来ました。

モバイルフレンドリーのテストでは問題ないのですが。また、記事は2年近く前のものです。割と最近、テーマをSimplicityから変更しました。

 

サーチコンソールからの指摘は以下の2点です。

・クリック可能な要素同士が近すぎます

・コンテンツの幅が画面の幅を超えています

 

問題のページ 例です。

https://xn--w8jte276hx5vdnebu3f.com/tetsuju-tokyuplaza-ginza

 

クリック可能な要素同時が近すぎる件に関しては、目次の行間を広げ、スマホのシェア・フォローボタンの間を少し広げてみました。

(ボタンは、かうたっくさんが以前フォーラムに書いてくださったcssを参考にしました。
https://wp-cocoon.com/community/blog-manages/%E3%82%B7%E3%82%A7%E3%82%A2%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E5%B0%8F%E3%81%95%E3%81%8F%E3%81%99%E3%82%8B%E3%81%93%E3%81%A8%E3%81%A3%E3%81%A6%E3%81%A7%E3%81%8D%E3%81%BE%E3%81%99%E3%81%8B%EF%BC%9F/
 )

 

他にクリック可能な要素が近いと思われる場所があれば 対処法を教えてください。

 

コンテンツの幅が画面の幅を超えている件については、どのようにしていいのか全くわかりません。

どうかご教示ください。よろしくお願いいたします。


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

上に付いているかどうかすら不明です。

なので、適当にスタイルを付けてみました。一応上下どちらも対応させましたが。

#main .sns-share a {
	width: 2.5em;
	margin-left: 0.2em;
}
.sns-share-buttons {
	justify-content: center;
}
#main .button-caption {
	display: none;
}
#main .social-icon {
	font-size: 25px;
}

スマホビューでサイズがかわるので、子テーマ下にあるメディアクエリ@media…480px…とあるカッコ内{ここにスタイル}に入れて調整してみてくださいね。

https://gyazo.com/05baa998dd30353e603829ef37e1f68b

https://gyazo.com/461a3205c4891232a77d8f3b22fb9ec5

リンク先に行くのも面倒かもなので、貼り付けておきますね。詳細が気になる場合はご提示いただいたリンク先をチェックしてください。

あと、モバイルフレンドリーの結果ページ。今やっておいたものも提示しておきますね。

https://search.google.com/test/mobile-friendly?hl=ja&id=_e75OprL9UE0-6ku9RLrWw


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

今確認したら、モバイルフレンドリーに違反するほど要素がくっついてないですね。

キチンとCSSをよみとってくれてるのか不明ですのでFetch as Googleをしてみるとか。

あとCocoonでは違反するような箇所は思い当たりませんし、修正の箇所すらないとモバイルフレンドリーでも言われてるので、何ともいえませんが。

 

該当箇所のスクショ


   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17211
 

僕もモバイルフレンドリーテストを行ってみました。
https://search.google.com/test/mobile-friendly?utm_source=mft&utm_medium=redirect&utm_campaign=mft-redirect&id=0-BUKPwy4zTxMTOR3fXx2Q

特に問題はないようです。

これに問題点が出ない以上は、ちょっとこちら側からは、改善点はわからないです。


   
(@kchan)
Trusted Member
結合: 6年前
投稿: 56
Topic starter  

かうたっくさん、わいひらさん
お返事ありがとうございます。

 

かうたっくさん、cocoonのトピックや HPで書いてくださるCSSをいつも参考にしております!

モバイルフレンドリーテストをやってくださり、ありがとうございます。またサイトも確認してくださり重ねてお礼申し上げます。

 

わいひらさん、体調がすぐれない中、確認をしてくださり スクショまでありがとうございます。(用事を増やしてしまいましたが、どうかご自愛なさってください。)

 

最初の書き込みをしたあと、今回と同じ通知内容に対して、更新ボタンを押し 特には対策をしないまま googleに修正検証を依頼した記事を見つけました。問題は修正されたとのメールをもらったようです。

ttps://chienoha.com/2018/09/05/google-sc-01/

 

お二方が確認して下さって モバイルフレンドリーでしたので、わたしも このまま 修正の検証を依頼してみます。

googleからの返信内容は、このトピックのレスで報告させていただければと思います。


   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17211
 

お気づかいがとうございます。
体調は回復して、今は平熱になっているので、大丈夫です。
どうしようもなく体調が悪いときは、フォーラムは見ないようにしています。返信したくなるので(笑)


   
(@kchan)
Trusted Member
結合: 6年前
投稿: 56
Topic starter  

わいひらさん
体調が落ち着いたようで良かったです^^
> 返信したくなるので …笑。

 

お陰様で、今日サーチコンソールから 2点について「問題が修正されました」とメールが来ました!

 

解決策?と言えるかわかりませんが…
サーチコンソールから「モバイル ユーザビリティの問題が新たに検出」とメッセージがきて、モバイルフレンドリーテストをして大丈夫でしたら、そのまま修正検証をお願いしてもいいかもしれませんね。

(放置しても いずれ正しく認識してもらえるとは思うのですが、メールには「検索結果で悪影響を受ける可能性がございます」と書かれていて、管理画面ではエラーが赤く表示されるので、早く解消したい気持ちになる人も多いかも …私のように(^◇^;)

 

かうたっくさん、わいひらさん
今回もご親切に対応してくださり、ありがとうございました!


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

サーチコンソールから「モバイル ユーザビリティの問題が新たに検出」とメッセージがきて、モバイルフレンドリーテストをして大丈夫でしたら、そのまま修正検証をお願いしてもいいかもしれませんね。

大丈夫であればそれで検証されると思います。ただ大丈夫でなければ、検証を押しても開始してくれません。

または検証を開始されても、ダメだった旨が再度メールで知らされますよ^^

 

※今日面倒で放置していた(Cocoon以外のテーマで)サイトの修正をしないまま、検証したら、キチンと対応しようね!的なメッセージが出て検証されませんでした ? 

キャッシュが原因でしたが、対応したら検証が開始された感じです。同じ「モバイル ユーザビリティの問題が新たに検出された」件です。

 

たくさんの記事に出た場合、どれを直したっけ?ってとき『直してないモノをチェックして❦』ってときは、検証が開始された結果、『このページはまだダメ』とメールが来るはずです。※これはSearchConsoleでも別問題でAMPエラー(AMPのCSS容量)ですが。


   
わいひら reacted
共有:

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

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

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

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

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

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

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

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