徒然脱出日記
つまらない日々にサヨナラだ!!

徒然脱出日記



【WordPress】「モバイルフレンドリー計画」始動!!

【WordPress】「モバイルフレンドリー計画」始動!!


こんばんは!「しょん」です!

 

今日は「モバイルフレンドリー」についての日記です。

 

 

みなさん「モバイルフレンドリー」ってご存知ですか?

知ってますよね^^;

 

もちろんぼくもずっと前から知ってました(白目

 

 

このサイトがGoogle検索に引っかかるようになったとき、

あれ?なんだろこれw

って思うことがあったんです。

 

ん? なんか警告がでてるしw

なんかやらかしたかいなwww

 

とか思ってました・・・。

 

これクリックすると、内容が書かれたサイトに飛びました。

 

簡単に言うと、スマートフォンとかタブレットとか、

 

「画面が小さい端末やマウスを使わない端末で見るときに、

見にくい部分や操作しにくい部分があります。」

 

っていうことでした。

 

へー!! そんなことまでGoogleが警告するんだ!w すげーw

 

 

 


このサイトの問題点


 

このサイトの問題点として挙げられていたのは下記の4点でした。

 

  1. テキストが小さすぎて読めません
  2. クリック可能な要素同士が近すぎます
  3. ビューポートが設定されていません
  4. コンテンツの幅が画面の枠を超えています

 

 

1.テキストが小さすぎて読めません

スマホからみるとか全然想定していませんでした( *´艸`)

PCからしか文字を確認していなかったので、

確かに小さいかもw

 

文字を大きくするとなると、

今まで書いた記事の文字を全部大きくしないといけないのかな?

 

大変なことになったな・・・w

 

 

2.クリック可能な要素同士が近すぎます

実際にスマホで表示すると、すごく使いずらい。

とくに、サイドバーのカテゴリとか的確にタップできないw

 

これは不味いですね~~w

 

 

3.ビューポートが設定されていません

ん~ ん、ん?

すみません、ぼくの頭では言ってる意味が分かりませんw

 

 

4.コンテンツの幅が画面の枠を超えています

PC用につくったからね、、、そりゃ枠を超えるよね・・・。

 

 

 


モバイルフレンドリー計画


このまま、PCだけを想定してこのまま続けてもよいのですが・・・、

 

 

できれば、たくさんの人に読んでもらえるようなサイトにしたいですよね!

デザイン性を上げること、読みやすくすることもこのサイトの目標ですからね。

 

なので、サイト改造の第一弾として「モバイルフレンドリー計画」を実行します!!

 

 

「モバイルフレンドリー計画」とは、

Googleから指摘された点をすべて解消し、

モバイル端末からでも読みやすいサイトに改造する計画である。(キリッ

 

 

 


最後に


ということで、Webサイト作成カテゴリーでは、

何回かにわたって「モバイルフレンドリー計画」の記事を上げていきたいと思います。

 

とりあえず、簡単に解消できそうなのからやってみますw

 

最初はたぶんコンテンツの幅調整とかになるんじゃないかな~w

すぐできそうだしw

 

それじゃ またノシ

 

 

 

 

 

 

 

 




コメント


コメント投稿