引用機能のデモ：統計データと出典の明示方法
チョー簡潔結論
Quick Recap
- 統計データには必ず出典と更新日を明記する
- blockquote と cite タグを適切に使用して引用元を明示
- AI 検索エンジンが引用しやすい形式でコンテンツを提供
はじめに
このページは、ブログ記事内で統計データや引用文に出典を明記する機能のデモンストレーションです。
統計データの表示例
import { StatisticData } from "@/components/blog";
<div className="grid gap-4 md:grid-cols-2 my-6">
<StatisticData value="816,000円" label="国民年金の満額受給額（年額）" source="厚生労働省" url="https://www.mhlw.go.jp/" date="2024-04-01" description="20歳から60歳まで40年間保険料を納付した場合の基礎年金額" />
<StatisticData value="2.1%" label="2024年の消費者物価上昇率" source="総務省統計局" url="https://www.stat.go.jp/" date="2024-12-20" trend="up" description="生鮮食品を除く総合指数の前年同月比" />
</div>
引用文の表示例
import { Blockquote } from "@/components/blog";
<Blockquote source="厚生労働省「令和5年度 厚生年金保険・国民年金事業の概況」" url="https://www.mhlw.go.jp/" date="2024-08-15">
マクロ経済スライドは、現役世代の減少と平均余命の伸びに合わせて、年金の給付水準を自動的に調整する仕組みです。 これにより、将来世代の保険料負担が過重にならないよう配慮しています。
</Blockquote>
データテーブルの表示例
import { DataTable } from "@/components/blog";
<DataTable
caption="年収別の厚生年金保険料（2024年度）"
headers={["年収", "月額保険料（本人負担）", "年間保険料", "事業主負担"]}
rows={[
["300万円", "22,950円", "275,400円", "22,950円"],
["400万円", "30,600円", "367,200円", "30,600円"],
["500万円", "38,250円", "459,000円", "38,250円"],
["600万円", "45,900円", "550,800円", "45,900円"],
]}
align={["left", "right", "right", "right"]}
/>
<Blockquote source="日本年金機構「厚生年金保険料額表」" url="https://www.nenkin.go.jp/" date="2024-09-01">
厚生年金保険料は、標準報酬月額に保険料率18.3%を乗じて計算されます。 保険料は事業主と被保険者が折半して負担します。
</Blockquote>
複数の出典を持つ引用
<Blockquote source="内閣府「令和6年版 高齢社会白書」" url="https://www8.cao.go.jp/" date="2024-06-15" author="内閣府">
2024年10月1日現在、65歳以上の高齢者人口は3,623万人で、総人口に占める割合（高齢化率）は29.1%となっています。 2040年には高齢化率が35.3%に達すると予測されています。
</Blockquote>
まとめ
このように、統計データや引用文には必ず出典と更新日を明記することで：
- 信頼性の向上: 読者が情報の正確性を確認できる
- SEO 効果: 検索エンジンがコンテンツの信頼性を評価
- AEO 対策: AI 検索エンジンが引用しやすい形式
- 法的保護: 著作権法上の適切な引用として認められる