本文にスキップ
weballin

weballin DIGIWIKI

セマンティック構造

セマンティック構造は、文書の話題、役割、関係を読者が理解しやすいように整理し、適切なHTML要素で意味を表す方法です。

weballin

見出しの階層で主題と下位の話題を分け、リスト、表、ナビゲーションリンクを目的に合わせて使います。比較ページなら、対象、条件、違い、根拠を分けて説明します。組織名や概念の表記を統一すると、読者の混乱を減らせます。

意味に合ったHTMLと見出し構造は、アクセシビリティやページ内の移動を助けます。ただし、それだけでAIによる引用が増えたり検索順位が上がったりすると立証されるわけではありません。特定サイトが頻繁に引用される理由を、見出し階層だけで説明することはできません。

参考資料

よくある質問

どのHTML要素から確認するとよいですか?

h1〜h6が内容の階層を反映しているか、mainやnavが実際の役割に合っているか、リンク文言が移動先を説明しているかを確認します。文字の大きさだけで見出しを表現しないようにします。