WordPress（ワードプレス）テーマ「Simplicity」で「モバイルユーザビリティ上の問題が検出されました」とメールが届いた場合の対応策・解決策

１０日ほど前に、こんなメールが届きました。

対処方法を探してみてもよくわからず。。。

 

WordPress（ワードプレス）のテーマを

[stinger]から[simplicity]へ変更してから生じた問題

だとはわかりつつも対応方法がわかりませんでした。

モバイルユーザビリティ上の問題とは？

どういった問題なのでしょうか？

 

超・簡単にいえば

モバイル端末から見ると、

あんたのサイトは見にくくなってるで。

そういうご指摘です。

 

それが、メールでは

「モバイルユーザビリティ上の問題が検出されました」

と届き、その問題を調べようと探ってみると

「モバイルフレンドリーではありません」

との表現になっております。

 

412ページ中 53%に問題発生だとか。。。

これって、今後の検索順位表示に

多大な影響を与えそうな問題です。

 

実際に、携帯から見てみると

 

画像が大きいままで表示されるため

画像を縮小し、次画面に展開する必要があり、

この作業をしないと、見にくい。

 

つまりモバイル端末からアクセスすると

一手間掛かるため、ユーザーがアクセスしにくい。

 

そんな状況になっていました。

 

モバイル端末からのアクセス数が増えており

モバイル端末からの使い勝手が悪いサイトは

順位が落ちていく

なんて話がどこかにありました。

 

この本だったかな？（超絶 お勧め本です。）

いきなり届いたメールを見て、やばい。と焦り

対応方法をネット上で探りました。

 

そして、１つずつ対応していきました。

 

原因不明ながらの対策

１、Wordpressのバージョン更新

最新のものに更新してみて下さい

と、そんな意見もあったので

影響もあるかと思い

最新版に更新。

が、なんら変わりませんでした。

でも、まずは対策対策。

 

２、テーマ「Simplicity」の問題？？

以前にテーマを変更して以来

そこからなんかおかしい気がする

とは思いつつも、何ら対策をすることなく

ここまでやってきました。

 

この１年間 WordPressで書き続けて

何も問題はなかっただけに

やはり問題発生は、テーマ設定後かと。

私の設定しているテーマ「Simplicity」

調べてみても、このテーマは

「モバイルに対応している」

それが強みと書いてあるくらい。

参考HP「Simplicityの特徴」
http://wp-simplicity.com/

 

知り合いで同じテーマを利用されている方の

ページを、モバイルから見させて頂いても

きちんと表示されてます。

 

「解決できなければテーマ変更を」

という文字が出てきたのですが。

どうやらここは問題ではなさそう。

 

３、MarsEditの更新

私は、ブログ更新にMarsEditという

アプリを使っています。

こちらは、写真の挿入だとかが簡単で

サイズも勝手に加工してくれたり

オフラインで活用できたりと超優れもの。

 

これが、最新のWorepressと連動してないのか？

とも考えました。

で、最新版をダウンロード。

そして、書いてみましたが変わりません。

 

写真のサイズを小さくして更新してみても

症状は変わりません。

 

よって、これでもありません。。。

 

ここで一旦諦めました。苦笑

 

テーマを元に戻すしかないかなぁ

と、半分諦めモードでいました。

 

が、昨晩 この本を読了し、テンション上がり

改めて対策をしようと思い立ちました。

 

漫画チックな進み方が

読みやすくて超・お勧めの本です！

少しでもWebを使ってる方は是非読むべし。

 

モバイルユーザビリティ復活への道

テーマ「Simplicity」のバージョンアップ

そんな可能性もあるのでは？

 

と、ふと思い立ちまして探しました。

 

すると、なんとバージョンアップ情報あり。

バージョンアップをしました。

 

が、それが答えではありません。

 

その先のある場面で、

お！

と思いました。

その場面がこちら「カスタマイズ」

ここをちょこちょこと見ていたら

 

レイアウトの設定（全体・リスト）

の中に、こんな文言を発見しました。

 

「完全レスポンシブデザインにする」

なんかよくわからんけど、

名前だけをそのまま読み解くと

完全に対応可能なデザインにしてくれるっぽい。

 

これは「あらゆる端末に対応可能」という

そういうことではないか？と選択。

 

 

ここにチェックを入れて更新したら

対応しました！

で、ネットで

「完全レスポンシブデザインにする」

というワードを調べてみたら

参照HP「Simplicity20140918公開。完全レスポンシブ機能追加。」
http://wp-simplicity.com/simplicity-20140918/

 

おーやっぱりそういうことか！

なんとかこれで対応できたっぽい。

 

実は、以前に見てた下記ページにも

色を変えて

「完全レスポンシブデザインにする」

に言及されてました。。。苦笑

参考HP「Simplicityの特徴」
http://wp-simplicity.com/

 

それはそれとして、

できました〜！

 

なんか 感激です！

 

ちなみに、この画面への展開ですが

通常のワードプレスの画面からいけます。

 

「外観」の中の「カスタマイズ」です。

ぜひ、引っ掛かった方はお試しください。

 

焦らず、ひとつずつ対応していく。

諦めない。

これが重要ですね。

 

たぶん、これで解決するはずです。

あとは、googleさん、よろしくお願いします。笑f