会員サイトをリニューアルしました! 新サイトはこちら

1部の記事でモバイルユーザビリティの問題が発生 スマホ表示で全体が左に寄ってしまう < SWELLに関する質問

フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。

1部の記事でモバイルユーザビリティの問...
 
通知
すべてクリア

1部の記事でモバイルユーザビリティの問題が発生 スマホ表示で全体が左に寄ってしまう

4 投稿
2 ユーザー
2 Likes
1,000 表示
しい
(@sii)
New Member
Topic starter
 

サーチコンソールで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

確認したこと

・フォーラムの質問内にあった同様のトピック→ https://u.swell-theme.com/community/swell-forum/%e3%82%b9%e3%83%9e%e3%83%9b%e3%81%a7%e3%81%bf%e3%82%8b%e3%81%a8%e3%83%ac%e3%82%a4%e3%82%a2%e3%82%a6%e3%83%88%e3%81%8c%e5%b4%a9%e3%82%8c%e3%81%be%e3%81%99/#post-1201

整形済みブロックというものを確認しましたが記事内では使用していないと思います。

・Google検索

「モバイルユーザビリティ 左に寄る」などで記事や画像を検索し、同様の相談を見つけましたが解決策が書いていなかったり別テーマのため同じ設定にできなかったりと自己解決できませんでした。

・非推奨のプラグイン

非推奨のプラグインは使用していないことを確認しました。

ーーーーーーーーーーーーーーーーーーーーーーーー

以上となります。こちらで質問していい内容なのか分からなかったのですが、もし回答可能でしたらご確認いただけると幸いです。どうぞよろしくお願いいたします。

 
投稿済 : 29/08/2021 4:08 pm
しい
(@sii)
New Member
Topic starter
 

すみません、SWELLに関する質問ではなく不具合に関する内容になっています…。

投稿する場所を間違えてしまいました。

 
投稿済 : 29/08/2021 4:28 pm
かんた
(@swell-mania)
Reputable Member
 

サーチコンソールのエラーメッセージとプレビューの問題は別の事象である可能性があります。

○サーチコンソールのエラー

SWELL以外のテーマで運用している復数サイトで何度か遭遇したことがあります。

・テキストが小さすぎて読めません
・クリック可能な要素同士が近すぎます

運用しているサイトでは何も変更せずに修正済みの申請をしたところ問題が解決しました。

つまり誤検知でした。

○プレビューの問題

似たような事象を経験したことがあり、そのときは埋め込み系のコンテンツが原因でした。

外部からコンテンツを取得して表示するインスタなんかだと読み込みに時間がかかかり過ぎてタイミグアウトすることがあります。コンソールにエラーが出てわりと切り分けしやすいのでチェックしてみてください。

SWELLマニアというサイトを運営しています!

 
投稿済 : 30/08/2021 12:10 am
しい
(@sii)
New Member
Topic starter
 

@swell-mania さん

ご回答いただきありがとうございます。

○サーチコンソールのエラー

エラーページには記載がなくURL検査時のみエラーが発生するので、誤検知かもしれません。

○プレビューの問題

ありがとうございます。インスタ埋め込みしている記事もあるので、一旦消すなどして確認してみようと思います。

 
投稿済 : 30/08/2021 12:41 pm
共有: