はてなブログをスマホで見やすいフォントサイズ

この記事に書いてある内容

先日、スマートフォンでみていたときにウサキさんのブログが見やすかった。

で、自分のブログを見たときに、『ちっさ』ってなった。

初期設定だとフォントサイズが14pxになっていた。

変える方法を探して見た。

フォントサイズが小さいとGoogleが推奨するユーザビリティーを満たしていないと判断されてしまうからSEOで不利になってしまう。

Googleの推奨は16px以上。

はてなブログはテーマが16px以下になっているので初期設定では見にくい。

フォントサイズを変える方法はsamadaさんが詳しく書いてくれていた。

テーマのデザインCSSに記入すれば良いみたい。

.entry-content {font-size: 16px;}

早速自分もやってみた。

おお‼️確かにフォントサイズが大きくなってみやすくなった。

ちなみに18pxにしています。

フォントサイズが確認できるようにフォントサイズ14から30まで変更してみました。

確認してみてください。

このフォントの大きさなら読みやすかなと思うのに変えればいい。

初期設定のフォントサイズ14px

フォントサイズ16px

フォントサイズ17px

フォントサイズ18px

フォントサイズ19px

フォントサイズ20px

フォントサイズ25px

フォントサイズ30px

Googleが推奨するユーザビリティーを考えて文字を大きくするのは大切。

ブログは読みやすく無いと読まれない。

読みに行って字が小さかったら読まないもんね。

まだまだ、自分のブログは読みにくい。

読みやすいようにどんどん改善していこう。

Tantanblog