会社の開発ブログの導線を改善しました。その際に参考にした他社の開発ブログと、改善に関する観点をまとめます。
他社事例(国内)
mixi developers
特徴
- レイアウト - 2階層
- 1階層目 - グリッドレイアウト, 「すべての投稿を見る」ボタン付き
- 2階層目 - レイアウト不明, Trending を1件表示
- メニューカスタマイズ - なし
FiNC Tech Blog
- レイアウト - グリッドレイアウト
- メニューカスタマイズ
Eureka Engineering
- レイアウト - グリッドレイアウト
- メニューカスタマイズ - なし
Finatext
- レイアウト - グリッドレイアウト
- メニューカスタマイズ
- ARCHIVE
確認した国内企業の例では唯一アーカイブへの導線がありました
他社事例(国外)
Netflix TechBlog
- レイアウト - グリッドレイアウト
- メニューカスタマイズ - なし
Medium Engineering
- レイアウト - 2階層
- 1階層目 - グリッドレイアウト
- 2階層目 - グリッドレイアウト, Work with us
- 3階層目 - リストレイアウト, Latest
- メニューカスタマイズ
- JOBS
- VALUES
- WEBCLIENT
- MOBILE
- INFRASTRUCTURE
- EVENTS AND PRESS
Salesforce Engineering
- レイアウト - グリッドビュー
- メニューカスタマイズ
- TECHNOLOGY
- ARCHITECTURE FILES
- OPEN SOURCE
- DEVOPS
- CULTURE
- SECURITY
- JOIN OUR TEAM
Instagram Engineering
- レイアウト - リストビュー, latest
- メニューカスタマイズ
ポイント
- Medium はデフォルトで過去ログへの導線が任意の件数に限られているので以下のどちらかがあるといい
- アーカイブへの導線で年月単位での導線を用意する
- 全ログアクセスへの導線をつくる ※URLの末尾に
/latest
をつけれると全件へのアクセスになる
- 開発ブログの場合、顕在・潜在の転職候補者の方がターゲットとなる。その場合、職種軸での導線があるとよさそう
- 各記事に職種単位でのタグを設定し、 Feature ページ で職種タグごとのまとめページを作る。そのページをメニューからリンクする
- 記事の表示はグリッドレイアウト方式にする
- 開発ブログの記事は時系列で確認できることに大きな価値はないので、順序で読めてありがたいリストレイアウトよりも、より多くの記事目に入りやすいグリッドレイアウトが好ましい
- そういった理由からか、大多数の企業がグリッドレイアウトを採用している
まとめ
そもそも、日本で開発ブログに Medium を選んでいる企業自体が少なそうで、参考になる例が少なかったです。