841-biborokuWebフロントエンドの備忘録

無意識に探してしまう日付。サイトタイプ別・日付の表示パターンをゆるくまとめてみた

ニュース記事なら「これって今日の情報?」と鮮度が気になり、技術ブログなら「この記事古くないかな?」と日付を確認しに行く。

その一方で、サービス紹介ページだと日付がなくてもさほど気にならなかったり……。

自分の中で無意識のうちに、コンテンツに合わせて「日付」に求める役割を変えながら見ているなと。

サイト制作においても、この情報における日付の重要度や役割が意図して配置されているのか、それとも「必要だから」となんとなく置かれているだけなのか、ケースバイケースだと思います。

2026年2月18日 2026.02.18 2026/02/18

実際にいくつかのサイトを改めて眺めてみると、日付の重要度が高いコンテンツほど、見せ方やフォーマットが丁寧に設計されているのが見えてきておもしろい😊

というわけで、サイトのタイプによって日付の扱いにどのような傾向があるのか、自分なりにゆるくまとめてみました。

※本記事ではデザイン的な文字組、アクセシビリティ、読み上げについては記載していません。

コーポレート

日付表示

2025年12月05日      
2025年12月1日
2025.04.05

フォーマット

Y年m月d日
Y年n月j日
Y.m.d

参考:トヨタ、三菱商事、SONY、セブン&アイ、大林組

日本の大手企業では漢字や全角記号を用いた、「正式な文書」としての重みを重視した表記の傾向がある。

信頼性・正確性 ⭐⭐⭐⭐⭐

公式な記録としての正確さが最優先。

リアルタイム性 ⭐

「いつ」出たかという記録が大事で、速報性は低め。

一覧性・コンパクトさ ⭐⭐

丁寧な表記にするため、文字数は長くなりがち。

年月日表記の0埋め

12月05日 2026年01月05日

個人的には年月日の表記に0が埋まっていると、見た目的には縦ラインが揃うから気持ちが良いかもしれないですが、少し違和感があります。

ニュース系(国内)

日付表示

05:00
4日
2025年12月5日 15:00   
2025/12/04 17:36
12/5(金) 15:18更新

フォーマット

H:i
j日
Y年n月j日 H:i
Y/m/d H:i
n/j(D) H:i更新

参考:読売新聞、日本経済新聞、Yahoo!ニュース

「今日のことか、昨日のことか」が重要。
日経新聞のように、時間の経過(当日、当月、前年以前)に合わせてフォーマットを動的に変化させる設計が多い傾向に。

一覧はサイトによって表示形式が異なりますが、記事の詳細ページでは年月日日時とフル表記が多く、公開した日時と更新した日時の両方掲載されいています。

信頼性・正確性 ⭐⭐⭐⭐

正確な日時は必須だが、秒までは求められない。

リアルタイム性 ⭐⭐⭐⭐⭐

更新時間が重要。分単位の鮮度が価値になる。

情報の変化度 ⭐⭐⭐⭐⭐

経過時間によって表記を最適化する工夫が強い。

日本らしさが表れたn/j(D)

圧倒的に文字幅を食わないので、スマホの狭い一覧画面でも他のテキスト(タイトルなど)を邪魔しないけど、12/5(金)と削ぎ落とされたフォーマット。

ニュース系(通信社/海外)

日付表示

2025.12.04 07:00     
Dec. 5, 2025
27 November 2025
53m ago
20h ago

フォーマット

Y.m.d H:i
M. j, Y
j F Y

参考:共同通信、The New York Times、BBC

英語圏や通信社では「今から何分前か」という相対表記の傾向が見られる。

国内ニュースよりも「今」を基準にしたスピード感を大事にしている印象です。

速報性の演出 ⭐⭐⭐⭐⭐

「〇〇 ago」により新しさを強調。

グローバル対応 ⭐⭐⭐⭐⭐

言語や地域に依存しにくいフォーマットを採用。

直感的な理解 ⭐⭐⭐⭐

計算不要で「ついさっき」だと理解できる。

不動産・情報メディア

日付表示

情報更新日 2025/05/05   
19日前 公開
18時間前 更新

フォーマット

Y/m/d

参考:SUMO、Home's

単なる日付ではなく、「いつ公開されたか」と「いつ最新情報に更新されたか」の区別を徹底されている印象。

ユーザーがその情報を信じていいか判断するのに、何より大事なポイントがしっかり押さえられている。こういう細かい配慮がサイトの信頼度を底上げしているんだな、と納得です。

情報の透明性 ⭐⭐⭐⭐

公開と更新のラベルを使い分け、ユーザーが知りたい情報に対して配慮された設計。

検索・ソート性 ⭐⭐⭐⭐

日付順での比較がしやすくなっている。

正確性 ⭐⭐⭐⭐

情報の有効期限に関わるため、誤認を防ぐ設計。

SNS・コミュニケーションツール

日付表示

3秒
5分
5時間前
9:05
5月5日
2024年5月5日       

フォーマット

g:i
n月j日
Y年n月j日

参考:X, Instagram,Gmail, Slack

GmailやSlackのように、一覧ではシンプルに。

一覧では「5分前」とシンプルに見せておいて、ホバーするとツールチップで秒単位までしっかり表示される。「表示場所」や「時間の経過」に合わせて情報の細かさを変えているUIが、合理的で面白い。

リアルタイム性 ⭐⭐⭐⭐⭐

1秒の差が会話の文脈に影響するため。

情報の階層化 ⭐⭐⭐⭐⭐

必要に応じて情報の詳細度を使い分けるUI設計。

親近感・ライトさ ⭐⭐⭐⭐

「今日」「昨日」など日常会話に近い表記。

EC・購買

日付表示

注文日 2025年1月9日
返品期間:2025年2月12日まで
2025年6月10日時点の価格
2025/12/6 00:00 JST

フォーマット

Y年n月j日
Y/n/j H:i

参考:Amazon、UNIQLO、ZOZO TOWN

タイムセールや返品期限など、ユーザーの行動を促すための表記がとても多いのが特徴的でした。

単に日付が置かれているというより、その前後や近くに必ず「〜まで」「〜時点」といった言葉がセットになっていて、日付とラベルがセットで一つの「期限」や「状態」を作っている傾向にあります。

行動喚起(UX)⭐⭐⭐⭐⭐

期限を明示することで、ユーザーの判断を助ける。

厳密さ ⭐⭐⭐⭐

標準時(JST)を表記するなど、契約上の誤解を排除。

自分事化 ⭐⭐⭐⭐

注文履歴など、個人のアクションと結びついた設計。

感想

色々なパターンを見て気づいたのは、使いやすい・情報を探しやすいサイトほど、ユーザーに日付を探させない、計算させない設計になっているということ。

「これいつだっけ?」と迷う前に、今知りたい情報が「5分前」という言葉だったり、正確な「更新日」のラベルだったりと、最適な形で置かれているのでスッと目に入ってきます。

探すストレスをなくすための配慮が、あの日付フォーマットに凝縮されているんだな、と。

ただの「日付」として扱っているのか、それともその情報における日付の位置づけをどこまで意識して配置しているのか。 そんな作り手の意図が、一行のフォーマットから伝わってくる気がします。

シェア