セマンティック HTML を記述する: HTML タグは、囲むコンテンツの重要性と正しく整合している必要があります。情報の階層を反映した、適切な見出しレベル(H1~H6)を使用します。メインタイトルには H1、セクションの見出しには H2 など。視覚的な美しさよりも機能を優先します。スクリーン リーダーや支援技術はこれに依存しています。
例と改善点:
例として、オーディエンス セグメントにデータを事前入力する方法に関する Google アド マネージャーのヘルプセンターの記事が使用されました。短い文章でしたが、明確な見出しがないため、目を通しづらかったです。
2 つの H2 見出しを追加し、記事のスキャナビリティ(読みやすさ、理解しやすさ)とアクセシビリティを改善しました。これにより、ユーザーはコンテンツを簡単にナビゲートして必要な情報を探せるようになりました。2 つのセクションの重要性が同等であるため、セマンティック HTML のウェイトも同じ H2 が適用されました。
UI の例(Google Home アプリ):
Google Home アプリのメディア インターフェースが分析されました。適切な見出しの例として、「音楽を再生する」、「聞く」、「システムを管理する」の見出しがハイライト表示されています。
[[["わかりやすい","easyToUnderstand","thumb-up"],["問題の解決に役立った","solvedMyProblem","thumb-up"],["その他","otherUp","thumb-up"]],[["Hard to understand","hardToUnderstand","thumb-down"],["Incorrect information or sample code","incorrectInformationOrSampleCode","thumb-down"],["Missing the information/samples I need","missingTheInformationSamplesINeed","thumb-down"],["翻訳に関する問題","translationIssue","thumb-down"],["その他","otherDown","thumb-down"]],["最終更新日 2024-12-23 UTC。"],[],[]]