フロントマター・とは？を徹底解説：初心者にも分かる使い方と事例共起語・同意語・対義語も併せて解説！

この記事を書いた人

高岡智則

年齢：33歳性別：男性職業：Webディレクター（兼ライティング・SNS運用担当）居住地：東京都杉並区・永福町の1LDKマンション出身地：神奈川県川崎市身長：176cm 体系：細身〜普通（最近ちょっとお腹が気になる）血液型：A型誕生日：1992年11月20日最終学歴：明治大学・情報コミュニケーション学部卒通勤：京王井の頭線で渋谷まで（通勤20分）家族構成：一人暮らし、実家には両親と2歳下の妹恋愛事情：独身。彼女は2年いない（本人は「忙しいだけ」と言い張る）

はじめに

フロントマターは記事の冒頭に置かれるメタデータの集合です。フロントマターは本文と区別して管理され、主にウェブサイトの生成や表示の設定に使われます。静的サイトジェネレーターでは front matter によってタイトルや日付、カテゴリー、タグ、レイアウトなどを決定します。前置きとして言い換えれば、記事の名札のような役割を果たします。

よくある形式と区切り

多くのツールが front matter の形式として YAML front matter、TOML、JSON を認めます。最も一般的なのは YAML front matter です。区切りは通常三本のハイフン --- で前後を挟みます。例としては次の形になります。

形式	YAML front matter
区切り	前頭と末尾を三本のハイフンで挟む
主な役割	記事のメタデータを本文から分離して管理する
例	title: フロントマター・とは？ date: 2025-12-01 layout: post categories: 技術 tags: SEO 静的サイト

この表現は見た目にはコードのように見えますが、実際にはテキストとしてファイルの先頭に配置します。サイトのビルド時にこの情報が読み込まれ、本文部分と結びつけて最終的なページを作成します。

実際の使い方

実務での使い方は、まず記事ファイルの先頭に front matter を置き、そこに必要なデータを記述します。例として title、date、categories、tags、layout などを設定します。日付は公開日を表し、カテゴリやタグはサイト内の整理に役立ちます。レイアウトはテンプレートの種類を指し、同じ記事でも表示のデザインを変えることができます。

実用的なポイント

前提として、一貫性を保つことが大切です。カテゴリ名やタグの表記は統一しましょう。日付の形式はサイトの設定に合わせ、慣例として年-月-日を使うと整います。さらに、front matter の値を変更すると、検索エンジンに表示される情報や、SNSでのサムネイルや要約にも影響します。したがって、投稿前に必ず内容を確認する癖をつけましょう。

よくある疑問と回答

Q: front matter には何が含まれますか
A: 主に title、date、categories、tags、layout、description、author などが含まれます。

Q: YAML と TOML の違いは何ですか
A: YAML は人に読みやすい形式で、TOML は構造が厳密で機械的な解釈に向いています。プロジェクトに応じて選択します。

まとめと次の一歩

本記事の要点は、フロントマターが記事の基本情報を整理する場所だという点です。用語を覚え、実際に自分のサイトやブログで front matter を使ってみると、公開後の表示がきれいに整い、SEO 面でも情報が伝わりやすくなります。最初はシンプルな例から始め、徐々に自分なりのルールを作っていきましょう。

フロントマターの同意語

前書き: 本の冒頭に置かれる、著者自身が作品の意図・背景・執筆動機を説明する導入部。読者が全体の方向性を掴むための序章的役割を持つ。
序文: 本の導入部を補足する文章で、しばしば外部の寄稿者や専門家が作品の背景・評価を述べる。著者以外の視点を加えることが多い。
前言: 冒頭に置かれる挨拶・導入の文章。短いコメントや注意事項を含むことがある。
巻頭: 本の最初の部分全般を指す総称。巻頭には巻頭言・目次・献辞などが含まれることが多い。
巻頭言: 巻頭に置かれる挨拶文・短いメッセージ。専門家や著名人が書くことが多い。
献辞: 特定の人物へ献辞を記すページ。感謝の意を表す短い文章が主な役割。
謝辞: 研究・制作を支えた人々への感謝を述べるページ。協力者や支援者へ謝意を示す。
タイトルページ: 本の正式なタイトル・著者名・出版社情報を表示する最初のページ。
扉ページ: 扉（とびら）と呼ばれる、タイトルや著者名などを示す最初のページ。読者の導入口となる。
扉: 扉ページを指す略称・呼称。前方部の導入的ページとして使われることがある。
著者紹介: 著者のプロフィールを簡潔に紹介するセクション。出身、専門分野、経歴の概要などを記す。
著者略歴: 著者の学歴・職歴・業績などを短くまとめた紹介文。参考情報として記載されることが多い。
目次: 本の章立てと対応するページ番号を一覧にしたページ。読み始めのガイドとなる重要セクション。
図表リスト: 本に登場する図、表、図版の一覧と、それぞれの掲載ページを示すリスト。
表紙: 本の表紙デザインを指す用語。一般的には front matter の一部として扱われることがあるが、視覚的な入口としての役割も持つ。
著作権表示: 著作権情報・版権表示・発行年・ISBN などを記すページ。法的・権利上の重要情報を明示する。
出版情報: 出版日・発行所・版型・ISBN など、出版に関する基本情報をまとめたセクション。

フロントマターの対義語・反対語

本文: フロントマターの対義語として、書籍・文書の実際の本文・本編を指します。導入部や前書きではなく、物語や論述の中心となる本文の部分です。
バックマター: フロントマターの対義語として、本文の後ろに配置される資料群。あとがき・謝辞・索引・参考文献・刊行情報・著者情報などを含み、本文の後に続く部分です。
後書き: バックマターの一部としての「あとがき」。著者の結びの言葉や補足情報を述べるセクションで、本文の後に配置されます。
索引: バックマターの一部。本文中の語句をアルファベット順またはテーマ別に整理し、該当ページを案内するリストです。
参考文献: バックマターの一部。作品で参照・引用した書籍・論文などの出典を列挙するセクションです。

フロントマターの共起語

メタデータ: 記事や文書に付随する、タイトル・日付・著者・カテゴリ・タグなどの情報を表すデータのこと。フロントマターの主な目的はこのメタ情報を本文とは別に管理することです。
YAML: フロントマターとして最も一般的な記述形式。階層構造を持ち、見やすく記述できるのが特徴です。
JSON: JSON形式で記述されることもあるフロントマター。JavaScriptオブジェクト風のデータを使う場合に選ばれることがあります。
TOML: YAMLやJSONの代替として使われる記述形式。読みやすく、型情報を明示しやすい点が特徴です。
Markdown: フロントマターは通常、Markdownファイルの先頭に配置され、その後本文が続く形式です。
ヘッダー: ファイルの最初のセクションにあり、メタ情報を含む領域を指す日本語用語です。
タイトル: 記事の見出しとして表示される名称。前述のメタ情報の中心となることが多いです。
日付: 公開日や更新日などの日時情報。SEOや表示順序の基準になります。
著者: 記事の作成者情報。複数人の場合は複数指定されることもあります。
カテゴリ: 記事を大まかに分類するグループ。複数設定されることが多いです。
タグ: 記事のキーワード群。検索性の向上や関連性の表示に役立ちます。
レイアウト: サイト上で使われるテンプレートや表示形式の指定。ページごとの見た目を決めます。
スラッグ: URLの一部になる短い識別子。記事の識別性を高め、SEOにも影響します。
パーマリンク: サイト内での恒久的なURL。フロントマターで制御されることがある重要項目です。
説明: 記事の要約的な説明。SEOのディスクリプションとして使われることが多いです。
抜粋: 本文の要約。リスト表示やメタ情報欄に使われることが多いです。
カスタムフィールド: タイトル日付以外の追加情報を格納する任意の項目の総称です。
メタデータフィールド: 各項目を個別に格納するためのフィールドのこと。authorやdateなどが含まれます。
Front matter: 英語圏での同義語。ファイルの先頭にあるメタ情報のブロックを指します。
Hugo: 静的サイトジェネレーターの一つ。Front matterはYAML/JSON/TOMLのいずれかで記述されることが多いです。
Jekyll: Ruby製の静的サイトジェネレーター。デフォルトのフロントマターはYAML形式です。
Gatsby: Reactベースの静的サイトジェネレーター。フロントマターはYAML/JSON/TOMLで書けます。
Eleventy: 11tyとも呼ばれる静的サイトジェネレーター。複数のフロントマターフォーマットをサポートします。
Markdownファイル: .md の拡張子をもつファイル。フロントマターはこのファイルの先頭に記述されることが多いです。
テンプレートエンジン: フロントマターの値を元にページを生成する仕組み。