スマホで記事を開いたとき、最初の一文がすぐ読めるようにしました

スマートフォンで記事を開くと、いちばん上に見出しがあり、そのすぐ下に大きな画像が入っていました。この画像には見出しと同じ言葉が書かれているため、同じことを文字と絵で2回続けて見せたうえで、肝心の書き出しの文章を画面の外へ押し出していました。

iPhone で実際に表示される高さを測ったところ、記事166本のうち165本で、最初の画面に読める本文が5行分に届いていませんでした。いちばん短いものは9ピクセル——文字にして1行にもならない幅しか残っていませんでした。検索から来てくださった方が、答えを1行も読まないままスクロールを強いられていたことになります。

そこで画像を、書き出しの段落のすぐ後ろへ移しました。開いた瞬間に見出しと書き出しが目に入り、その内容を表す絵がその下に続きます。166本すべてで、最初の画面から本文を読み始められるようになりました。記事の文章そのものは1文字も変えていません。