【NOTE収益化㊲】スマホから見やすい構造じゃないと記事読まれないよ！

どうも、＠サトユウです。
プロフィール詳細はこちらです🍃

今回はユーザビリティ（パソコン、スマホ）の表示に気を遣った記事をつくらないと、内容がどんなによくても読み飛ばされちゃうという記事です。

というのも、

• スマホで記事を作る

• パソコンで記事を作る

とどちらか一方だけで表示が見やすくても、片方では見にくい。

そんなことに最近気づいたからです💦

気づいた理由は、パソコンを多用して記事を書いているのですが、パソコンだと「大見出し」「小見出し」を多用して協調が見やすく見えるんけど、スマホで見て、あぁ、これは見ずらい……と。

ただ一言。

見ずらいというか、大見出しを協調で沢山使っていたのだけど、パソコンでは綺麗に枠内に収まって綺麗に見えていたものが、スマホでは枠外からはみだしちゃっていて、ハッキリ言うと何が書いてあるのか読む気にならない。

あ、そうか、なるほど……スマホからの見え方を気にできて無かった。

✅ほとんどはスマホから流入

まぁ、NOTEに限らずなんですけどね。モバイルビリティ。

記事の内容は気を遣っていたけど、見え方の意識無かったなぁと反省、反省、スマホからも見やすいように改善・気づきが5個あります。

1. 大見出し・小見出しは見出し以外に利用しない

2. 意味のない空白行を多用しない。

3. 大見出し、小見出しの間に空白行を入れない

4. 長文は４行程度までを１ブロックすると見やすい

5. パソコンだとギュッと詰込んだように見えるがスマホでは見やすい

気づきは全部で5つですね、今回の記事もスマホユーザが見やすいように気を遣って書いているのですが、自分の過去の記事と比較しても大分見やすくなったなと思っていまして……、100記事も超えてやっと気づいた。。。

スマホ・タブレットからの流入がパソコンからの流入よりも多いです。（約55%～60%程度がスマホからのアクセス、次にパソコンが約35%～40%、残りの2%～5%がタブレットからのアクセス）

他のWEBコンテンツに比べるとパソコンからの流入もそれなりにありますが、やはりスマホからのアクセスが過半数以上であることを考えると「スマホからの見やすさ！」を最も重要視するべき。

だから、パソコンで記事を作った後もスマホチェック！

1. スマホから見やすい記事か？

2. 記号や見出しがおかしな表示になっていないか？

3. 見た目、読む気になる？

凄く大切なことだけど、意外と見落としがちじゃないかなと。
数々の記事見渡してみても、スマホからの表示を気にしている人、いない人でハッキリと別れているなと気づきを得て初めてわかった。

内容はいいのに見た目だけで見られないって凄くもったいないこと。
というより、見た目も含めて読者目線の記事になるんです。

まとめ

本当に最近、自分の記事を見てスマホで見ずらいなぁと気づいたんですよね……。これは本当に残念というかもっと早く気づくべきだったし、全ての記事をスマホで見やすいように直さなきゃなと思っているのが今。

わたしの場合、沢山記事を書いてしまってから気づいたので直すのが大変ですが、記事をつくったら「スマホで見栄えをチェック！」

労力かからないし、それだけで、記事への滞在率ぐんとアップするよ！

なんというか、ワードプレスでブログをしていた時にはすごく気を遣っていたけどNOTEではその点がおろそかになっていたことが残念💦

でもいいんです。

気づいたら修正、修正、そして改善。

これから先もノートを収益化するうえで色々な気づきがあると思っていますし、その気づきから誰かの役に立てたら嬉しいなって思います。

スマホチェック忘れずにね🌠

では、またね🍃