ブログを始める時、まず出てくるのがCMSという言葉。「文章や画像を管理して表示する仕組み」のことで、WordPressが代表例。プログラミングなしでブログが運営できるが、サーバーが重い・更新が面倒という問題がついて回る。

そこで近年増えているのがヘッドレスCMS。「中身の管理」だけを担当して、「見た目」はNext.jsなど別の道具で作る分業型。表示が速く・デザインが自由・サーバーが軽いのが特徴で、Cloudflare Pagesと相性がいい。

記事を書く時の文法はMarkdownがほぼ標準。「# 見出し」「**太字**」「[リンク](URL)」のような最小限の記号で書ける記法。HTMLより簡単で、エディタで書けて、AIとの会話でも普通に出てくる。

ここで静的サイトと動的サイトの違いを押さえる。静的サイトは、あらかじめHTMLを作って置いておく方式。動的サイトはアクセスのたびに作る方式。ブログは更新頻度が低いので静的サイトの方が圧倒的に有利。表示が速く、サーバーが軽く、安い。

その静的サイトを作る道具が静的サイトジェネレーター（SSG）。Next.jsの static export、Hugo、Astroなどがこれ。Markdownで書いた記事を一気にHTML化する。Cloudflare Pagesと組み合わせるのが定番の作り方になっている。

公開した後の話。検索で見つけてもらう工夫がSEO。タイトルに検索されそうな言葉を入れる、見出しを整える、表示を速くする、など色々な要素の積み重ね。最近は「裏技」より「読者にとって良い記事」の方が強い。SEOのためにサイトマップとパーマリンクを整える。サイトマップは全ページのリストを検索エンジンに伝えるファイル、パーマリンクは記事ごとの変わらないURLのこと。後から変えると壊れるので最初に設計する。

SNSで共有された時のカード表示はOGPが担っている。画像・タイトル・説明をHTMLに仕込んでおくと、リンクが貼られた時に綺麗に表示される。OGP画像が良いだけでクリック率が大きく変わる。RSSは更新を購読してもらう仕組みで、SNS全盛で一時下火になったが、最近また使われ始めている。

運営側として大事なのがアナリティクス。どれくらい見られているか・どこから来たか・どこで離脱したかを計測する仕組み。Cloudflare Analyticsは無料で軽く、プライバシーにも配慮されているので、CMSのサイトに組み込みやすい。

地図を整える。中身を管理するCMS（またはヘッドレスCMS）。書く文法はMarkdown。配信は静的の方が有利で、その装置がSSG。検索のためのSEOにはサイトマップとパーマリンク。SNS共有にはOGP。読者購読はRSS。運営の地図はアナリティクス。これらが組み合わさって、読まれるブログの裏側ができている。

ブログ・コンテンツの仕組み