フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。
1部の記事でモバイルユーザビリティの問題が発生 スマホ表示で全体が左に寄ってしまう < SWELLに関する質問
サーチコンソールでURL検査をすると、いくつかの記事でモバイルユーザビリティの問題が発生し、
・テキストが小さすぎて読めません
・クリック可能な要素同士が近すぎます
と出ます。そしてテスト済みのページ、スクリーンショットを確認すると画面表示が左半分に寄っており画像や文字が表示されていません。スマホや記事編集ページのモバイルプレビューでは普通に全画面で表示されています。
関係があるかわかりませんが、問題が発生している記事はインデックス登録されないのと、
テスト済みのページ→その他の情報で◯◯件(記事により異なりますが18/83件など)のリソースを読み込めませんでしたという記載があります。
ーーーーーーーーーーーーーーーーーーーーーーーー
・該当ページ(数記事あるので2つだけ載せます)
https://sii-ikuji.com/anayo-supportbag/
https://sii-ikuji.com/baby-bathing/
基本情報
・SWELLバージョン:2.5.0.8
・Wordpressバージョン:5.8
・使用ブラウザ/OS:Chrome/Windows10
・使用中のプラグイン:
Ad Invalid Click Protector / Akismet Anti-Spam / All-in-One WP Migration / Broken Link Checker
CoBlocks / Contact Form 7 / Customizer Export/Import / PS Auto Sitemap / SEO SIMPLE PACK
Shortcodes Ultimate / Useful Blocks / WP Multibyte Patch / XML Sitemaps / Yoast Duplicate Post
確認したこと
整形済みブロックというものを確認しましたが記事内では使用していないと思います。
・Google検索
「モバイルユーザビリティ 左に寄る」などで記事や画像を検索し、同様の相談を見つけましたが解決策が書いていなかったり別テーマのため同じ設定にできなかったりと自己解決できませんでした。
・非推奨のプラグイン
非推奨のプラグインは使用していないことを確認しました。
ーーーーーーーーーーーーーーーーーーーーーーーー
以上となります。こちらで質問していい内容なのか分からなかったのですが、もし回答可能でしたらご確認いただけると幸いです。どうぞよろしくお願いいたします。
すみません、SWELLに関する質問ではなく不具合に関する内容になっています…。
投稿する場所を間違えてしまいました。
サーチコンソールのエラーメッセージとプレビューの問題は別の事象である可能性があります。
○サーチコンソールのエラー
SWELL以外のテーマで運用している復数サイトで何度か遭遇したことがあります。
・テキストが小さすぎて読めません
・クリック可能な要素同士が近すぎます
運用しているサイトでは何も変更せずに修正済みの申請をしたところ問題が解決しました。
つまり誤検知でした。
○プレビューの問題
似たような事象を経験したことがあり、そのときは埋め込み系のコンテンツが原因でした。
外部からコンテンツを取得して表示するインスタなんかだと読み込みに時間がかかかり過ぎてタイミグアウトすることがあります。コンソールにエラーが出てわりと切り分けしやすいのでチェックしてみてください。
SWELLマニアというサイトを運営しています!
@swell-mania さん
ご回答いただきありがとうございます。
○サーチコンソールのエラー
エラーページには記載がなくURL検査時のみエラーが発生するので、誤検知かもしれません。
○プレビューの問題
ありがとうございます。インスタ埋め込みしている記事もあるので、一旦消すなどして確認してみようと思います。