こんにちは。
『やさしいブログの作り方』の松田です。
アメブロにはアクセス解析が付いており、そこを確認すると1日に総アクセス数のうち、パソコンからのアクセスがいくら、ケータイからのアクセスがいくらという風に端末ごとのアクセス数を確認することができます。
※ マイページ右上のクイックリンク→アクセス解析
それを見ればケータイからのアクセスが意外とあることが分かります。
大体3割くらいはケータイからのアクセスではないでしょうか。
私もケータイから見ていただいている方にもなるべく見やすい環境で見てもらおうと、少しだけ工夫しています。
【配慮前】
![やさしいブログの作り方](https://stat.ameba.jp/user_images/20120724/14/amecafe2011/e6/8d/p/o0346046112096082611.png?caw=800)
ケータイからアメブロを見ると行間の余白が全くなく、また画面の端ギリギリまで文字が入っています。
それだとどうしても「窮屈な印象」を与えてしまいますので、以下のようにしています。
【配慮後】
![やさしいブログの作り方](https://stat.ameba.jp/user_images/20120724/14/amecafe2011/62/37/p/o0346046112096082612.png?caw=800)
一種のビフォーアフターですね。(笑)
行間を空け、左右の端に余白を取っています。
文字の大きさは変えていないので上下を比較してみていただければやはり下の方が見やすい印象ではないでしょうか。^^
これはケータイでも読み込めるHTMLタグを使って書いているのですが、すべての機種に対応しているわけではありません。
それでもこのカスタマイズをすることで見やすくなる人がいるのであればということでやっています。
それからスマートフォンで見ると以下のような感じです。
【配慮前】
![やさしいブログの作り方](https://stat.ameba.jp/user_images/20120724/14/amecafe2011/1a/4e/p/o0346046112096082609.png?caw=800)
【配慮後】
![やさしいブログの作り方](https://stat.ameba.jp/user_images/20120724/14/amecafe2011/af/e7/p/o0346046112096082610.png?caw=800)
スマートフォンで見るとリンクの青色が薄く、また下線も付いていないのでよく見ないとリンクであることがわかりません。
視力の悪い方や高齢の方などからするとこの青色は見分けがつきにくいと思います。
そこでリンクの色を青にし、かつ下線付きの太字にするというふうにしています。
このやり方はこちらでご紹介しています。
『やさしいブログの作り方』の松田です。
アメブロにはアクセス解析が付いており、そこを確認すると1日に総アクセス数のうち、パソコンからのアクセスがいくら、ケータイからのアクセスがいくらという風に端末ごとのアクセス数を確認することができます。
※ マイページ右上のクイックリンク→アクセス解析
それを見ればケータイからのアクセスが意外とあることが分かります。
大体3割くらいはケータイからのアクセスではないでしょうか。
私もケータイから見ていただいている方にもなるべく見やすい環境で見てもらおうと、少しだけ工夫しています。
【配慮前】
![やさしいブログの作り方](https://stat.ameba.jp/user_images/20120724/14/amecafe2011/e6/8d/p/o0346046112096082611.png?caw=800)
ケータイからアメブロを見ると行間の余白が全くなく、また画面の端ギリギリまで文字が入っています。
それだとどうしても「窮屈な印象」を与えてしまいますので、以下のようにしています。
【配慮後】
![やさしいブログの作り方](https://stat.ameba.jp/user_images/20120724/14/amecafe2011/62/37/p/o0346046112096082612.png?caw=800)
一種のビフォーアフターですね。(笑)
行間を空け、左右の端に余白を取っています。
文字の大きさは変えていないので上下を比較してみていただければやはり下の方が見やすい印象ではないでしょうか。^^
これはケータイでも読み込めるHTMLタグを使って書いているのですが、すべての機種に対応しているわけではありません。
それでもこのカスタマイズをすることで見やすくなる人がいるのであればということでやっています。
それからスマートフォンで見ると以下のような感じです。
【配慮前】
![やさしいブログの作り方](https://stat.ameba.jp/user_images/20120724/14/amecafe2011/1a/4e/p/o0346046112096082609.png?caw=800)
【配慮後】
![やさしいブログの作り方](https://stat.ameba.jp/user_images/20120724/14/amecafe2011/af/e7/p/o0346046112096082610.png?caw=800)
スマートフォンで見るとリンクの青色が薄く、また下線も付いていないのでよく見ないとリンクであることがわかりません。
視力の悪い方や高齢の方などからするとこの青色は見分けがつきにくいと思います。
そこでリンクの色を青にし、かつ下線付きの太字にするというふうにしています。
このやり方はこちらでご紹介しています。