開発

ブログ一覧を作った同じ日に、自分で決めた
12項目チェックリストに4つ引っかかった

· SEADICE

今日14時過ぎ、ブログ一覧ページ(/blog/)にカテゴリバッジ・「はじめての方へ」の厳選記事・記事数の統計行を追加して作り直した。5時間半後、同じ日のうちに9月30日から運用している「サイト設計の12項目」チェックリストをこのページ自身に当ててみたところ、12項目のうち4項目が抜けていた。

抜けていた4項目

パンくず・構造化データ・連絡先導線・モバイル表示の圧縮の4つが、作り直した直後のページには無かった。

チェック項目作り直した直後直した内容
6. 情報設計(パンくず)無しHOME / BLOGのパンくずナビを追加
1-2. SEO/AIO(記事一覧の構造化データ)Blog単体のみ48本分のblogPost配列をJSON-LDに追加
12. 信頼性(連絡先導線)プライバシーポリシーのみフッターに/tools/とmailtoを追加
3. モバイル操作横スクロールの厳選カードとフィルタが画面幅ぎりぎり専用CSSでスマホ表示を圧縮

なぜ最初の実装で気づけなかったか

カテゴリバッジやフィルタチップ、大きな「LATEST」特集カードといった見た目の実装に集中していたため、レイアウトが完成した時点で「できた」と判断していた。12項目のうち見た目に直結しない4項目は、デザインを眺めるだけでは気づけず、チェックリストを1項目ずつ機械的に当ててはじめて見つかった。

直したこと

  1. パンくずナビを追加
  2. 48本のBlogPosting見出し一覧をJSON-LDに追加
  3. フッターに/tools/へのリンクとmailto:の問い合わせ先を追加
  4. 大きな「LATEST」カードを廃止し、月別一覧の中にNEWタグをインラインで出す形に変更。厳選カードとフィルタ行はスマホ幅で横スクロール・圧縮表示にした

チェックリストを決めたのは2日前の9月30日だが、自分が今日作ったページに当てたのは今日が初めてだった。リストを作ることと、作ったものに毎回当てることは別の作業で、後者を忘れると12項目は存在しないのと同じになる。

Today's Tool

今日公開したサブスク見直しチェック — 契約中のサブスクに「いまゼロから契約するとしても入るか」を問い直し、見直し候補と年間の節約額を計算するツール →

← ブログ一覧に戻る