ブログ記事、スマホで書くか、PCで書くか。

生活
この記事は約3分で読めます。

こんにちは、テトラです。(*・ω・)ノ

ブロガーの皆様、記事の作成はPCと スマホ、どちらで行っていますか?

今現在、ホームページのデザインに凝ってみたり、

記事内を色々と弄れるPCを使って記事を書いている方が多いようですが……

スマホで見たら、見にくくなってませんか??

スマホで見てくれる人の方が多いのにもったいない…

ということで今回はやってしまいがちなミスをご紹介します。

スポンサーリンク

PCでは綺麗なのに…

それではまずこちらの画像をご覧下さい。

はい、目次です。

目次をCSSを編集してデザインを弄っている方も沢山いらっしゃいます。

でもちょっと待ってください。

この画像…

[開く]がダサい!!

なんでそこで改行すんねん!!

PCではちゃんと表示されてるのに…

スポンサーリンク

画像のサイズ

次は画像のサイズのお話です。

試しにこちらの画像をご覧下さい。

横幅、ぴったりですよね?

スマホで見ている方、画像のサイズは適切になっていると思います。

(ちなみにこれは我が家の水槽です。)

上の画像はサイズが適切になるようにCSSで弄っているのですが…

こんな風にやたら大きく、1部分しか写ってない!となってはいませんか?

横にスライドすれば全部は見れる…ならまだいいのですが…

スポンサーリンク

文章は読みやすいか

あなたのブログの文章、読みやすいですか?内容の話ではなく、改行の話です。PCで編集中、読みやすいように読みやすいように適切な幅にしたとしても、今このようにごちゃごちゃした文になってはいませんか?

PCでは読みやすいのにスマホでは途端に読みにくくなることがあります。

読者はスマホが圧倒的に多いため、スマホで読みやすい文がいいですね。

1段落2行まで縛りをしているとちょっと難しいですが…

この文も幅の狭いスマホから見たら読みにくいのでしょうか…

スポンサーリンク

ファーストビューは適切か

記事を開いてすぐ広告!広告!広告!→ブラウザバック…あると思います。

このタイトル画像の上下に広告があったらどう思いますか?

広告!タイトル!広告!サムネ画像!広告!やっと本文…

本文にたどり着くまでにめっちゃ離脱してそう…

そう思いませんか?

広告をつけるな!というわけではありません。

ただ、その広告はスマホでも適切なサイズか、確かめてほしいだけです。

スポンサーリンク

表やグラフ

皆さん、記事に表やグラフを使っていますか?

PCではかっこいいサイズにしたのにいざスマホで見てみると…

いつの間にそんなに痩せ細ったんだ!?

びっくりして文字も痩せ細ってしまいました。

いやまぁ、スマホで見れなくは無いですが…なんかダサい!

なんかダサい!(大事なことなので2回言いました。)

表やグラフを使う人、スマホでも適切に表示されてるか要注意です。

スポンサーリンク

まとめ

今回は私が直面したorしている状態をご紹介させて頂きました。

PCの方が記事の作成や編集は楽ですがユーザー目線はスマホの方が楽…

私もまだ読みやすい記事が作れている訳では無いのですが…

少しでも今後の足しになればと思います。

それでは。

コメント


Warning: Use of undefined constant php - assumed 'php' (this will throw an Error in a future version of PHP) in /home/ss301021/tetra9064.com/public_html/wp-content/themes/cocoon-child-master/tmp-user/footer-insert.php on line 1