ブログ一覧を作った同じ日に、自分で決めた
12項目チェックリストに4つ引っかかった
今日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項目ずつ機械的に当ててはじめて見つかった。
直したこと
- パンくずナビを追加
- 48本の
BlogPosting見出し一覧をJSON-LDに追加 - フッターに
/tools/へのリンクとmailto:の問い合わせ先を追加 - 大きな「LATEST」カードを廃止し、月別一覧の中に
NEWタグをインラインで出す形に変更。厳選カードとフィルタ行はスマホ幅で横スクロール・圧縮表示にした
チェックリストを決めたのは2日前の9月30日だが、自分が今日作ったページに当てたのは今日が初めてだった。リストを作ることと、作ったものに毎回当てることは別の作業で、後者を忘れると12項目は存在しないのと同じになる。
Today's Tool
今日公開したサブスク見直しチェック — 契約中のサブスクに「いまゼロから契約するとしても入るか」を問い直し、見直し候補と年間の節約額を計算するツール →
← ブログ一覧に戻る