第7回「このサイトを、もう少し読みやすくする」のタイトル画像

第7回 車内取締役会

本日の議題「このサイトを、もう少し読みやすくする」

開催場所
軽バンの運転席
出席者
1名(議長 togemaru)
議題
見た目と公開のしかたを見直す

本日の結論:ほかのサイトを丸ごと真似せず、使える部分だけを4つ取り入れた。見出しの画像は、回ごとのタイトルを大きく載せた、文字だけのものにした。自分で撮った写真は使わない。公開は毎週水曜の12時に決めた。追加の費用は0円。

前提:議長のスタート地点


前回からの経過

前回、告知は最初の売上が出るまでしないと決めた。読者が増えるのを待つ間に、読みに来てくれた人が迷わない場所にしておきたい。今回は、サイトの見た目と、記事の出し方を見直した。

画像を増やすかで迷った

多くのブログは、記事の頭や途中に画像を入れて読みやすくしている。自分もそうするべきか迷った。

最初は、画像は使わないほうがいいと考えていた。自分の軽バンや走っている景色を載せると、ナンバーや建物から場所が分かってしまうからだ。ただ、考えてみるとそれは自分で撮った写真の話で、写真素材やAIで作った画像なら、自分につながるものは写らない。

そこで、記事の頭に見出しの画像を入れることにした。最初はAIで作った軽バンの運転席のイラストを使ったが、今は文字だけの画像にしている。

作ってみて、考えを1つ変えた

最初は、記事ごとに違う見出し画像を作るつもりだった。実際に7枚作ってみると、どれも運転席の同じ構図で、違いはダッシュボードの小物くらいだった。ほとんど同じ画像を毎回作るのは、画像を作るサービスの利用枠がもったいない。

そこで、絵は1枚だけにして、その上に回の番号とタイトルの文字を載せることにした。技術系の記事サイトなどでもよく見るやり方で、文字はパソコンで自動で入れられる。XやLINEでアドレスを共有したときにも、同じ画像が出る。費用をかけずに、回ごとの違いも出せる。その後、この絵もやめて、文字だけの画像にした。

自分で撮った写真は、これまでどおり使わない。noteで使っているハリネズミのキャラクターも、押し出したいわけではないので使わない。記事の途中には、文章より一目で分かるところだけ、簡単な図を1つまで入れる。

丸ごと真似せず、部分だけ借りる

見た目を整えるにあたって、参考になりそうなサイトを7つ探してもらった。ただ、どれか1つを丸ごと真似すると、この記録らしさが消えてしまう。

そこで、「このサイトのこの部分」という単位で借りることにした。料理で言えば、よその店の献立を丸ごと写すのではなく、盛り付けの工夫を1つもらってくる感じだ。

取り入れたのは4つ

1つ目は、連載の現在地だ。記事の上に「第5回/全6回」のような表示を出し、記事の最後には全回の目次を置いた。小説の投稿サイトや、技術書の連載ページを参考にした。

2つ目は、収支の推移だ。トップページに、回ごとの支出と売上を並べた表を置いた。毎月の収入を公開している個人のブログを参考にした。売上0円の行が並んでいるのが、そのまま見える。

3つ目は、図の出典だ。グラフの下に「自分の見積もり」「各社の公式サイト」と、数字の出どころを書くようにした。データを扱うサイトのやり方を借りた。

4つ目は、ページが見つからないときの案内だ。これまでは、存在しないアドレスを開くと、なぜかトップページが出ていた。今は「この議事録は見つかりませんでした」と出る。

改善前

改善前のトップページ。累計収支の下にすぐ議事録一覧が並ぶ

改善後

改善後のトップページ。累計収支の下に収支の推移の表が加わった
トップページの改善前と改善後(9月時点。その後デザインを刷新)。出典:このサイトの画面(パソコン、夜間表示)

見送ったものもある

夜に画面を暗くする表示は、手動で切り替えるボタンを付けるサイトもある。このサイトは、スマホやパソコンの設定に合わせて自動で切り替わるので、ボタンは付けなかった。

ほかにも、飾りのための画像は入れていない。内容と関係のない画像は、スクロールを増やすだけだと思う。「1回分を読み終われる」という、この記録で大事にしていることとぶつかる。

文章の区切り方も点検した

見た目とは別に、文章の区切り方も見直した。自分の書き方のルールでは、1つの段落は2〜4文、1つの文は80字までにしている。

これまでの5本を点検すると、ルールから外れたところが7か所あった。長い段落を分け、長い文を2つに割った。中身は変えていない。

公開は、毎週水曜の12時にした

もう1つ、公開のしかたも変えた。これまでの5本は、どれも同じ日の公開になっている。立ち上げの日に、名前決めからサイトの公開まで一気に進めたからだ。その日付は、事実なのでそのまま残す。

「前から書き溜めていた」ように日付をずらすことも考えたが、やめた。この記録は、数字も失敗もそのまま出すと決めている。日付だけ作り替えるわけにはいかない。

これからは、本当に書き溜める。書いた記事はすぐに出さず、毎週水曜の12時に1本ずつ出す。配達の日時指定のように、日付を決めて預けておけば、その時刻に自動で公開される仕組みにした。当日に自分がパソコンの前にいなくても出る。

採決

  • 議案:参考にした4つの改善を取り入れ、公開は毎週水曜12時の予約制とする。見出しの画像は、回ごとのタイトルを載せた文字だけの画像とする
  • 賛成1、反対0
  • 可決

再現メモ

  • かかった費用:追加は0円。予約公開の仕組み(GitHub Actions)は無料の範囲で動いている。見出し画像は、以前ほかの用途で契約していた画像作成サービス(Higgsfield、今は解約済み)の、残っていた利用枠で作った。試作を含めて11枚、1枚あたり0.25クレジット。今後の画像はパソコンで文字を載せて作るので、費用はかからない(その後、見出し画像はイラストをやめ、文字だけの画像に切り替えた)
  • かかった時間:3時間ほど(概算)。参考サイト探し、改善、予約の仕組み作りを含む
  • 参考にしたサイト:カクヨムとZennの本(連載の現在地と目次)、セミリタイアFXブログの月次報告(収支の推移)、Our World in Data(図の出典)
  • つまずいた点:自分のパソコンの中だけで表示する確認用のページは、スマホからは開けなかった。本番とは別の、確認用の公開アドレスを作って解決した。予約公開の仕組みは、本番の前に一度手で動かして試した。そのとき「古い部品を使っている」という警告が出たので、新しい版に差し替えた
  • 今ならこうする:公開する曜日と時刻は、最初の1本を出す前に決めておく。あとから決めると、今回のように日付が1日に固まる

本日の収支

項目今回累計
支出0円10.46ドル
売上0円0円

次回の議題は「このサイトで初めて紹介リンクを置く」。

← 議事録一覧へ戻る