フッタータグ(footer)
ページやセクションの締めくくり。著者情報、著作権、関連リンクなどを記述する要素。
footerタグ=ページの「締めくくり」
`
`
基本的な使い方
<footer>
<p>© 2026 HTML Master. All rights reserved.</p>
<nav>
<a href="/privacy">プライバシーポリシー</a>
<a href="/terms">利用規約</a>
</nav>
</footer>
<p>© 2026 HTML Master. All rights reserved.</p>
<nav>
<a href="/privacy">プライバシーポリシー</a>
<a href="/terms">利用規約</a>
</nav>
</footer>
footerタグに含めるべき要素
- 著作権表示: `© 2026 会社名` のような形式で記載します。`©` は著作権記号(©)のHTMLエンティティです。
- サイトマップリンク: プライバシーポリシー、利用規約、会社概要などの重要ページへのリンク
- 連絡先情報: `` タグを使って、メールアドレスや住所を記載
- SNSリンク: Twitter、Facebook、Instagramなどのソーシャルメディアアイコンとリンク
addressタグとの組み合わせ
連絡先情報を記載する際は、`
` タグを使うのが推奨されます。このタグは「連絡先」であることを明示的に示します。連絡先情報の例
<footer>
<address>
お問い合わせ: <a href="mailto:info@example.com">info@example.com</a>
</address>
</footer>
<address>
お問い合わせ: <a href="mailto:info@example.com">info@example.com</a>
</address>
</footer>
複数のfooterタグを使う
`
SEOと信頼性への貢献
フッターに適切なリンク(プライバシーポリシー、会社概要、利用規約など)を配置することは、以下の効果があります:
- ユーザーの利便性向上: 重要な情報に素早くアクセスできる
- 検索エンジンの信頼: 「運営主体のしっかりしたサイトである」という印象を与える
- 法的コンプライアンス: 特定商取引法やGDPRなどの法規制に対応
アクセシビリティへの配慮
`
まとめ
ページの終わりまで丁寧に。`