fro-blog
Web制作2026.05.31

お問い合わせ・プライバシーポリシー・免責事項を整える方法

お問い合わせ・プライバシーポリシー・免責事項を整える方法

個人サイトに必要なお問い合わせページ、プライバシーポリシー、免責事項、Aboutページの作り方を初心者向けに整理します。

お問い合わせ・プライバシーポリシー・免責事項を整える方法

個人サイト制作シリーズ この記事は「Next.jsで個人ブログ兼Webツールサイトを1から作る」連載の一部です。
初めての人でも順番に進められるよう、前提知識をできるだけ省き、つまずきやすいポイントもあわせて整理しています。

個人サイトでは、記事やデザインに目が行きがちです。しかし、信頼性を高めるためには、以下のページも重要です。

/about/
/contact/
/privacy-policy/
/disclaimer/

これらは地味です。でも大事です。サイト界のインナーウェアみたいなものです。見えにくいけれど、ないと落ち着きません。

Aboutページ

Aboutページには、サイトの目的を書きます。

・サイト名
・サイトのテーマ
・運営目的
・扱う内容
・運営者について
・お問い合わせへの導線

大切なのは、「誰が何のために運営しているサイトか」が伝わることです。

お問い合わせページ

お問い合わせページには、連絡手段を明記します。独自ドメインのメールアドレスがあると自然です。

contact@example.com

静的サイトでは、まずメールリンクで十分です。

<a href="mailto:contact@example.com">
  contact@example.com
</a>

プライバシーポリシー

入れる内容です。

・個人情報の利用目的
・お問い合わせ時の情報取得
・Cookieの利用
・アクセス解析の利用
・広告配信の利用
・第三者提供について
・ポリシー変更について

AdSenseを使う場合は、広告配信とCookieに関する説明も必要です。

免責事項

入れる内容です。

・掲載情報の正確性を保証しないこと
・情報利用による損害の責任を負わないこと
・外部リンク先の責任を負わないこと
・広告やアフィリエイトについて
・著作権について
・引用について

フッターに導線を置く

ポリシーページを作っても、どこからも行けなければ意味がありません。

<footer>
  <Link href="/about/">About</Link>
  <Link href="/contact/">お問い合わせ</Link>
  <Link href="/privacy-policy/">プライバシーポリシー</Link>
  <Link href="/disclaimer/">免責事項</Link>
</footer>

sitemapにも追加する

const staticPages = [
  { url: `${baseUrl}/about/` },
  { url: `${baseUrl}/contact/` },
  { url: `${baseUrl}/privacy-policy/` },
  { url: `${baseUrl}/disclaimer/` },
];

まとめ

個人サイトで用意しておきたい信頼性ページは以下です。

・About
・お問い合わせ
・プライバシーポリシー
・免責事項

次の記事では、Google AdSense審査前に必要な準備を整理します。

連載記事一覧

  1. 個人サイト制作ロードマップ|ブログとWebツールを作る全体像
  2. Next.jsで個人サイトを作る初期設定|App Router・TypeScript・Tailwind CSS
  3. Markdownでブログ記事を管理する方法|FrontmatterとSEO設計
  4. 個人サイトのページ構成とUI設計|TOP・記事・ツール・スマホ対応
  5. お問い合わせ・プライバシーポリシー・免責事項を整える方法
  6. Google AdSense審査前に準備すること|ads.txt・広告枠・CMP対応
  7. 公開前チェックとトラブル対策|Next.js個人サイトで詰まりやすいポイント