江東区南砂にて不動産業を営んでいる(有)東京明和コーポレーションです。当ブログでは、不動産や江東区等・ちょっとした事などご紹介。東陽町・南砂町・木場中心の賃貸 、江東区・墨田区等の収益不動産などの情報を掲載中!

ブログがスマホ対応でなかった為の対策

2015年5月29日 東京明和 コーポレーション 『良かった』サイトに向かって!

とあるサイトユーザー様から、当社のブログ「トメコのいろいろ話」等が、スマホで見るとPCページの様に大きく表示されて醜いとの指摘ありました。

自社にて、ブログをスマホで表示した所、お話があった通り、PC表示のまま。
プラグインに、スマホ対応の「WPtouch」を入れてあるはずなのにと思いつつ...

元々のテーマが、スマホに対応していないのかと元々のテーマをスマホ表示すると対応している。
何がいけないのか?

次に、テーマの中を比較しても大量にあるので後回し。

色々検索しているうちに、キャッシュが関係しているかもとの情報が。

このブログにも、「W3 Total Cache」というキャッシュプラグインを使っている。

また検索するとHit!っと思われるページが見つかり、下記の様に対応。

どうやらこのW3 Total Cache、「Page Cache」の項目をオンにするとユーザーエージェントの判別(ユーザーがどんなデバイスで見ているか)ができなくなってしまうようらしいです。

これだとスマホからでもPC用の画面が表示されてしまいます。
ユーザーエージェントごとに設定した内容も全て適用されません。

W3 Total Cacheを有効しているので、左側の下部にある設定項目の中にある。

perfomance
次に、「Page Cache」を選択。

Page Cache
設定画面が開くので、上から3行目付近にある

Jump to: Main Menu | General | Advanced | Cache Preload | Purge Policy | Note(s)
のAdvancedを選択。
すると下記のような画面が表示されるので、

Advanced
ここの「Rejected User agents」という項目にデバイスの名前を書き込むと、そのデバイスのユーザーエージェントが効いてちゃんとテーマが振り分けられるようになります。

その中に、設定をそのまま書きました。

iphone
ipod
ipad
pre
pixi
iemobile
aspen
incognito
webmate
android
dream
cupcake
froyo
blackberry9500
blackberry9520
blackberry9530
blackberry9550
blackberry 9800
blackberry 9780
blackberry 9850
blackberry 9860
webos
s8000
bada

androidとiphoneくらいでもいいのかもしれませんが、全部入力。

そしたら、ブログが、スマホ用に表示されました。

めでたしめでたし。

追伸:

ブログページを「モバイル フレンドリー テスト」で試したら、

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

と表示。これでは、スマホ検索順位が下がると思い、またまた調べる。

metaタグに、

<meta name="viewport" content="initial-scale=1.0">

をいれるとOK。


江東区・墨田区等の収益不動産・賃貸マンション貸し店舗・貸事務所・不動産売買。
江東区東陽町を中心とした賃貸売買不動産の事なら東京明和コーポレーションへ
〒136-0076
東京都江東区南砂2丁目2番16号東陽町グリーンハイツ702号室
TEL 0336488977   FAX 0336406473 〔当社案内




コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

認証コード(空欄に数字を入れて下さい。) * Time limit is exhausted. Please reload CAPTCHA.

Copyright ©
Fatal error: Call to undefined function wp_get_copyright_year() in /home/tomeco/www/home/cms/wp-content/themes/child/footer.php on line 4