サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL:
相談内容:
不具合の発生手順:
解決のために試したこと:
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え(FAQ)
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2018年12月7日 01:40
いつもお世話になっております。
12月5日にサーチコンソールから「モバイル ユーザビリティの問題が新たに検出されました」とメールが来ました。
モバイルフレンドリーのテストでは問題ないのですが…。また、記事は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/ )
他にクリック可能な要素が近いと思われる場所があれば 対処法を教えてください。
コンテンツの幅が画面の幅を超えている件については、どのようにしていいのか全くわかりません。
どうかご教示ください。よろしくお願いいたします。
2018年12月7日 04:47
上に付いているかどうかすら不明です。
なので、適当にスタイルを付けてみました。一応上下どちらも対応させましたが。
#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://search.google.com/test/mobile-friendly?hl=ja&id=_e75OprL9UE0-6ku9RLrWw
わいひら reacted
2018年12月7日 22:32
僕もモバイルフレンドリーテストを行ってみました。
https://search.google.com/test/mobile-friendly?utm_source=mft&utm_medium=redirect&utm_campaign=mft-redirect&id=0-BUKPwy4zTxMTOR3fXx2Q
特に問題はないようです。
これに問題点が出ない以上は、ちょっとこちら側からは、改善点はわからないです。
トピックスターター 2018年12月8日 01:06
かうたっくさん、わいひらさん
お返事ありがとうございます。
かうたっくさん、cocoonのトピックや HPで書いてくださるCSSをいつも参考にしております!
モバイルフレンドリーテストをやってくださり、ありがとうございます。またサイトも確認してくださり重ねてお礼申し上げます。
わいひらさん、体調がすぐれない中、確認をしてくださり スクショまでありがとうございます。(用事を増やしてしまいましたが、どうかご自愛なさってください。)
最初の書き込みをしたあと、今回と同じ通知内容に対して、更新ボタンを押し 特には対策をしないまま googleに修正検証を依頼した記事を見つけました。問題は修正されたとのメールをもらったようです。
ttps://chienoha.com/2018/09/05/google-sc-01/
お二方が確認して下さって モバイルフレンドリーでしたので、わたしも このまま 修正の検証を依頼してみます。
googleからの返信内容は、このトピックのレスで報告させていただければと思います。
わいひら reacted
2018年12月8日 19:25
お気づかいがとうございます。
体調は回復して、今は平熱になっているので、大丈夫です。
どうしようもなく体調が悪いときは、フォーラムは見ないようにしています。返信したくなるので(笑)
トピックスターター 2018年12月9日 16:23
わいひらさん
体調が落ち着いたようで良かったです^^
> 返信したくなるので …笑。
お陰様で、今日サーチコンソールから 2点について「問題が修正されました」とメールが来ました!
解決策?と言えるかわかりませんが…
サーチコンソールから「モバイル ユーザビリティの問題が新たに検出」とメッセージがきて、モバイルフレンドリーテストをして大丈夫でしたら、そのまま修正検証をお願いしてもいいかもしれませんね。
(放置しても いずれ正しく認識してもらえるとは思うのですが、メールには「検索結果で悪影響を受ける可能性がございます」と書かれていて、管理画面ではエラーが赤く表示されるので、早く解消したい気持ちになる人も多いかも …私のように(^◇^;)
かうたっくさん、わいひらさん
今回もご親切に対応してくださり、ありがとうございました!
わいひら reacted
2018年12月9日 18:25
サーチコンソールから「モバイル ユーザビリティの問題が新たに検出」とメッセージがきて、モバイルフレンドリーテストをして大丈夫でしたら、そのまま修正検証をお願いしてもいいかもしれませんね。
大丈夫であればそれで検証されると思います。ただ大丈夫でなければ、検証を押しても開始してくれません。
または検証を開始されても、ダメだった旨が再度メールで知らされますよ^^
※今日面倒で放置していた(Cocoon以外のテーマで)サイトの修正をしないまま、検証したら、キチンと対応しようね!的なメッセージが出て検証されませんでした ?
キャッシュが原因でしたが、対応したら検証が開始された感じです。同じ「モバイル ユーザビリティの問題が新たに検出された」件です。
たくさんの記事に出た場合、どれを直したっけ?ってとき『直してないモノをチェックして❦』ってときは、検証が開始された結果、『このページはまだダメ』とメールが来るはずです。※これはSearchConsoleでも別問題でAMPエラー(AMPのCSS容量)ですが。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。
(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。