モバイルフレンドリーにしなさい!とGOOGLEさんからお叱りをうけるので、豊田左官-豊田工業所のホームページを一新しました。

タブレット、スマートフォンでも閲覧しやすくなりました。

サーバーも近日移転するので、とりあえず様子見でアップ。

京都-伝統土壁、しっくいの左官職人集団-豊田工業所
http://www015.upp.so-net.ne.jp/toyoda/

toyoda-ko-gyo

レスポンシブWebデザイン対応にするためにしたこと。

1、通常、タブレット、スマホ用CSSをそれぞれつくった。

2、GOOGLEMAPをレスポンシブ対応にするためCSSに追記した。

テーブルの文字の設定がうまくいかず悩んだのですが、表のマス内の幅を指定し、表全体を指定なしにすることで文字の改行ができました。

モバイル フレンドリー テストもバッチリです。

モバイル フレンドリー テスト
https://www.google.com/webmasters/tools/mobile-friendly/

 

思ったよりうまくできました!