まとめサイトのコメント欄設計メモ

今後運営予定のまとめサイトの記事コメント欄について、YouTubeやRedditなどの大規模コミュニティサイトを参考にしながら設計を行いました。

✔️ 現在採用している仕様

  • コメントはツリー構造

  • コメント上限:3000件

  • 返信階層上限:20階層

  • 返信初期表示:9件

  • Good / Bad(いいね・悪いね)表示

  • コメント文字数上限:800文字

✔️ YouTubeのコメント欄の特徴

  • 実質2階層構造

  • 返信初期表示は少数のみ

  • いいね数を表示

  • コメント文字数上限は約10,000文字

  • 返信数が多い場合は折りたたみ表示

YouTubeは大量の返信が付いても表示速度を維持しやすい構造になっています。

✔️ Redditのコメント欄の特徴

  • ツリー構造による返信

  • Upvote / Downvote表示

  • 深い返信チェーンが可能

  • コメント文字数上限は約10,000文字

  • 投稿本文は最大40,000文字

Redditは議論向けのコメントシステムとして設計されています。

✔️ 他コミュニティサイト情報

ガールズちゃんねる

  • コメント数の実質上限なし

  • 50件ごとにページ送り

ライブドアブログ

  • 1記事あたり最大約15,000コメント

  • 1コメントあたり最大800文字

✅採用したコメント構造

ライブドア系まとめサイトでは、

>>123

のようなアンカー形式で返信先を指定する方式が一般的です。

しかし実際に利用してみると、

  • 元コメントまで遡る必要がある

  • 会話の流れが追いづらい

  • コメント同士の関連性が分かりにくい

という問題を感じました。

特にPC表示では、返信先と返信コメントが離れて表示されるため、長いコメント欄では読みづらい印象があります。

そのため本サイトでは、

「返信したコメントの直下に返信を表示するツリー構造」

を採用しました。

これにより、

  • 誰に返信しているか分かりやすい

  • 会話の流れを追いやすい

  • コメント同士のやり取りが見やすい

というメリットがあります。

✅コメント数上限について

当初はガールズちゃんねるのように1万件程度まで許可することも検討しました。

しかしその場合、

  • ページ分割

  • 表示速度対策

  • サーバー負荷対策

が必要になります。

ページ分割を行うと、利用者が閲覧できるコメント範囲が限定されるため、コメント全体の流れや多数派・少数派の意見を把握しにくくなる可能性があります。

そのため今回は、

  • コメント上限3000件

  • 返信階層20階層

という構成を採用しました。

3000件であれば一般的なまとめサイトとしては十分な規模であり、ページ分割を行わずにコメント全体を閲覧できる範囲だと考えています。



✅これからについて

現在はコメント機能や返信機能などの実装を進めていますが、今後は以下の作業を予定しています。

サイト改修

  • スマートフォン向けCSSの調整

  • タブレット向けCSSの調整

  • お問い合わせページのデザイン修正

  • コメント欄や返信機能の改善

コンテンツ作成

描いたイラストを記事として掲載しながら、並行して制作中のお絵描き掲示板の開発を進めていく予定です。

サイト運営

まずはまとめサイト側のアクセス数を増やしながら運営基盤を整え、その後はRSSによる記事掲載に協力していただける方も探していきたいと考えています。

まだ開発途中ではありますが、

  • まとめサイト

  • お絵描き掲示板

の両方を少しずつ改善しながら運営していく予定です。



いいなと思ったら応援しよう!