走れ!コブリーナ

デザイナーズブログ:コブリなデザイナーの奮闘録
  • Home
  • Instagram
  • About Coblin
  • Contact
2015 3/5

モバイル フレンドリー問題

自分のことって、ついついおざなりになりがちです。

自分の運営サイトも然り。

メンテナンスの必要性を痛感しつつも、お客さまの仕事が最優先と言い訳して、いつも後回し。見て見ぬふり。

いいかげん、モバイル対応にしなくちゃ、と思ってはいたんですよ〜!でも、やってませんでした。だってメンドクサイんだもん。(´д`、)

シシデザインで請け負っているWeb制作の大半は、〈スマホ自動対応の〉グーペ(Goope)やJimdo(ジンドゥー)のカスタマイズなので心配ないのですが(見栄えを整えるためには、ある程度のカスタマイズが必要ではありますが・・)

シシデザイン自身のサイトはグーペでもJimdoでも無いんですよね〜(^_^;)

つまり、モバイル対応にするには、自力で何とかしないとダメなんです。
メンドクサイ・・。

***
だがしかし!メンドクサイなんて言ってられない事態になりました。

1月末にGoogle先生から、こんなメールが来ちゃったのです。

「モバイル ユーザビリティ上の問題が検出されました 」なんていうドキッとするタイトル。

mobile_usability01

要約すると「君のサイトはモバイル対応じゃないから、スマートフォンでのGoogle検索結果に影響が出ちゃうよー」という軽い脅しのような内容でした。

あちゃー。自覚していた問題だけに、この指摘は痛恨の一撃。

もう、メンドクサイなんて言ってる場合じゃない!!

でも改修するとなると、サイトを「工事中」にしないといけない。

そして長期間「工事中」にするのはデメリットが大きい。(うちは新規発注のほとんどがサイト経由ですからね・・)

というわけで、タイムリミットは一晩、と自分に枷を付けて、サイトの改修を決意いたしました。

スマートフォン用のサイトを別に作るか、現サイトのリソースを利用してレスポンシブ・ウェブデザインにするか・・悩んだ末、後者の路線でいくことに。

でも、レスポンシブ・ウェブデザインを念頭においてデザインしたサイトでは無かったので、いやはや、想像以上に大変でした・・。

***
ともかく、(見た目はさておき)スマートフォンでGoogle検索して「スマホ対応」と表示されるところまで漕ぎ着け、ようやく一安心。

mobile_usability06

ただ、モーレツな突貫工事だったため・・
デザインは大変お粗末なものでしたので(お願いだから、スマホで見ないで〜!という粗悪さ。←これって本末転倒では?f^_^;)、数日かけて手直しして・・

無事にGoogle先生の「モバイル フレンドリー テスト」にもパス♪

mobile_usability02

※グーペやJimdoサイトの方で、モバイルフレンドリーテストの結果が「要求されたURLを取得できませんでした」とエラーになってしまう場合は、URLの語尾に「/?mobile=1」を付けてみてくださいね☆

改修前は62/100の赤点だったユーザー エクスペリエンス(UX)も、見事100/100に〜♪

mobile_usability04

はぁ〜やれやれ。
ずっとホッタラカシだった宿題を、ようやく片付けた気分☆

ただ、当面の課題はクリアしたものの、スピード診断の結果は良好とは言えないし、もっと改善したい箇所もあるので、まだまだ精進しないといけないのですけどね・・。

***
Google先生のメールから約1ヵ月後の先週、Googleの公式ブログで、今後「モバイル フレンドリー」かどうかがランキング要素になると発表がありましたね。
(※モバイルでの検索が対象、正式導入予定は2015年4月21日から)

1月末のメールはこれの伏線だったのか・・。
宿題、やっといてよかったε-(´∀`; )

***
にほんブログ村 デザインブログ グラフィックデザインへ←ランキング、参加してます♪
ポチッと応援していただけると励みになります〜♪
2015/03/05 at 23:38 by コブリン

Category: スマホデザイン, セキララな話, ホームページのデザイン, 日々のあれこれ | Comment (0) »

ツイート

コメントをどうぞ

返信をキャンセルする。





« たまにはマウスとキーボード以外で創作活動?!
早朝ツリー »


ホームページ作成サービス:Jimdo

ホームページ作成サービス:グーペ

アトリエ・シシ
  • About Author

    シシデザイン

    フリーランスのグラフィックデザイナーです。コブリなので、コブリン。
    グラフィックデザイン工房「シシデザイン」を運営しています。
    保護施設出身の看板犬と暮らしています(2020年8月に虹の橋を渡りました)。仕事の傍ら、保護犬の搬送ボランティアをしています。
    オリジナルグッズ販売のオンラインショップ「アトリエ・シシ」も、よかったら覗いてみてください★

  • Calendar

    2015年3月
    日 月 火 水 木 金 土
    1234567
    891011121314
    15161718192021
    22232425262728
    293031  
    « 2月   4月 »
  • よく読まれている記事

    • リンゴで経理。 2014/02/04 に投稿された
    • グロナビ、では通じない。 2019/03/21 に投稿された
    • フロスが挟まって切れちゃった! 2016/11/04 に投稿された
    • 小文字「g」の話 2019/09/06 に投稿された
    • 「オレのボス ヤフーでググれと 無理を言う」が奥深い! 2017/03/21 に投稿された
    • グーペか?Jimdoか?(比較してみました) 2014/09/10 に投稿された
    • さりげない「GIFアニメ」で遊び心をプラス! 2011/08/28 に投稿された
    • 校了! 2015/05/14 に投稿された
    • Jimdoの独自レイアウトでレスポンシブに! 2017/09/22 に投稿された
    • 青色申告特別控除の要件が変わったよ! 2021/02/16 に投稿された
  • Recent Posts

    • 持続化給付金も課税対象だよ!
    • 青色申告特別控除の要件が変わったよ!
    • 本年もどうぞよろしくお願いいたします
    • 年末年始休業のお知らせ
    • グーペホームページ大賞2020にノミネート!
  • Recent Comments

    • ありがたいことです・・!! に コブリン より
    • ありがたいことです・・!! に 青山 葉子 より
    • グーペホームページ大賞2017に複数ノミネート! に コブリン より
    • グーペホームページ大賞2017に複数ノミネート! に 永松俊樹(ナガマツシュンジュ) より
    • 異国の香り・・ に コブリン より
  • Categories

    • シシデザインについて
    • アシスタントのつぶやき
    • よくあるご質問
    • MovableType
    • お仕事
    • 日々のあれこれ
    • ホームページのデザイン
    • グーペ(goope)
    • Jimdo(ジンドゥー)
    • カラーミーショップ
    • ロゴデザイン
    • ブログのデザイン
    • スマホデザイン
    • 封筒デザイン
    • 名刺デザイン
    • Tシャツ・ポロシャツデザイン
    • その他のデザイン
    • ビフォーアフター
    • デザインのツボ
    • お客さま紹介
    • 工房&工場見学
    • 道具などなど
    • こんなの買っちゃった♪
    • こんなのいただいちゃった♪
    • ただいま制作中!
    • レターセット
    • アトリエ・シシ
    • クリスマスカード
    • カード
    • with WANKO
    • ポストカード
    • サラメシ
    • PayPal
    • 覚え書きメモ
    • Coblinについて
    • どうでもいい独り言
    • セキララな話
    • お知らせ
    • その他
  • Archives

  • Ads


    ホームページ作成サービス:Jimdo


    ホームページ作成サービス:グーペ




 
©2009-『走れ!コブリーナ』 Produced by ShiShiDesign|
Entries (RSS) and Comments (RSS).