【ブロガーは気をつけたい】スマホ・タブレット時代の記事の書き方

こういう記事をこういう風に書いたら、アクセス馬鹿増しますよ～～という方法ではなく。

ただ単に、どんな環境でも読みやすいレスポンシブな記事を作る改行のやり方についてのお話です。

タブレット環境でネットする人が増えてきた

ひと昔前は「ネットをする」と言えばパソコンで見るのが普通でしたね。

しかし、スマートフォンやタブレットの普及に伴い、ネットは必ずしもパソコンで見る物とは限らなくなってきました。

ドラマレビューブログのここ1週間のアクセス状況をGoogle Analyticsで見てみたら、何と60％がモバイルからのアクセスです。映画の方に至っては70％がモバイルからでした。

こうなると、もうパソコンの方が少数派です。

私たち書き手はパソコンから書いていても、見ている方はパソコンで見ていない。様々な環境から難なく見られる記事作りが必要だということになってきます。

個人ブログにはあまり関係ない話？いや……

もちろん。

特に読ませて金を取る目的でもなく、日記のように自由に文を書いているブロガーさんには関係ない。「自由に書かせてよ」という話かも知れませんが、ちょっとした工夫をするだけで、読みに来てくれた方が読みやすいページになります。

元々　短文で区切るビジュアルブログには関係ない

私、勝手に「ユウスケ系」と呼んでおりますが(私自身も使ってる書き方)(笑)

こんなポエムみたいな感じで短文がものすごい幅の改行で並んでいたり、フォントの大きさや色の変化で文字自体もイラスト感覚で見せているブログに関しては、どんな環境で見ても変わりないので、無関係です。

字詰めブログの改行

問題は字詰記事です。

パソコンで見ている方は「字だらけだな」と思いつつも、そう読めない文量ではないと思います。私のパソコン環境では、この文は7行です。

これを50％のモバイル環境で見ると狭くなって行数が倍になります。

だいぶ見づらいですよね。そこで適切な改行を入れたいわけですが……。

気を利かせて句点ごとに改行したこの文も、パソコンではまあまあ読めても、先ほどの50％モバイル環境になると、

改行の部分が「す」や「した」の一文字二文字になって次の行が始まり、あまり読みやすい感じではないです。

「改行」にお約束を作る

句点で改行するのではなく、内容と行数で改行します。

この時、一回の改行では無く二回改行します。タグとしては<br>1つではなく<br><br>を入れる事になります。
内容が変わる時には改行ではなく、段落を変えます。<P>タグです。

※もちろん、「見たまま編集」の環境で記事を書いている方は「1行空ける」だけ頭に入っていればそれでいいと思います。

狭い閲覧環境では、こうなります。

いかがでしょうか。

この書き方ならば、どんな幅のブラウザから見ても読みやすい行間が保てます。

商業ニュースサイトなどでは、決められている改行の仕方です。

書き手にも読み手にも優しいモバイルフレンドリー生活を！