「セマンティック」とは「意味論的な」という意味です。見た目を作るだけでなく、HTMLタグそのものが持つ意味を正しく使うことで、GooglebotやAI要約エンジンが内容を正確に理解できるようになります。
<header> / <footer>:ヘッダー・フッターであると明示<nav>:主要なナビゲーションであると明示<main>:そのページの主要コンテンツを明示<article> / <section>:情報のまとまりを明示※すべてを <div> で作ると、機械は「どこが重要か」を判断しにくくなります。
HTMLの <head> 内に記述する情報の重要性は、時代とともに変化しています。
| 項目 | 役割・重要度 | 現在の常識 |
|---|---|---|
| meta description | ページの説明文 | 直接の順位には影響しないが、検索結果に表示されるため、クリック率に大きく影響する(120文字程度)。 |
| meta keywords | ページの重要語句 | 現在は全く無視される。 記述する必要はなく、SEO的な効果はゼロ。 |
最近の検索結果では、AIがページ内容を要約して回答する「SGE」が登場しています。AIに好まれるサイトにするには以下のポイントが重要です。
<ul> や <table> 形式の整理された情報を好んで引用します。これらは「ペナルティ」の対象となり、検索結果から削除されるリスクがあります。
現代のSEOは「裏技」ではなく、「機械(AI)が読みやすく、人間にとって価値のある情報」を丁寧に作ることが最短ルートです。正しいHTML構造こそが、最強のSEO対策になります。