セマンティック
セマンティック化とは、テキストコンテンツの構造化(コンテンツセマンティクス)、およびセマンティックタグの選択(コードセマンティクス)を指します。これは、開発者がより洗練されたコードを読み取り、維持、および記述できると同時に、ブラウザーのクローラーと支援を可能にします。
1.セマンティクスの役割
素人の言葉で言えば、セマンティクスとは、マシンが理解できるようにデータと情報を処理することです。
セマンティック(X)HTMLドキュメントは、PDA、テキストブラウザー、障害者の使用など、訪問者のWebサイトの使いやすさを向上させるのに役立ちます。検索エンジンやクロールソフトウェアの場合、インデックスを作成するのに役立ち、重みが大きくなる可能性があります。
実際、SEOの最も効果的な方法の1つは、本質的にセマンティックであるWebページのHTML構造を再構築することです。
2.セマンティクスに注意を払う理由
- アクセシビリティ:さまざまなWebページ読み取りソフトウェアなど、Webページをより適切に読み取って翻訳するための支援技術を支援します。
- 取得可能性:優れた構造とセマンティクスにより、検索エンジンの効果的なクロールを改善し、Webサイトのトラフィックを増やすことができます。
- 国際化:世界の人口のわずか13%が英語を母国語とするため、ユニバーサルセマンティックタグを使用すると、さまざまな国の開発者がWebページの構造を簡単に理解できます。
- 相互運用性:Webページ間の違いを減らし、他の開発者がWebページの構造を理解できるようにし、後の開発と保守を容易にします。
3.一般的に使用されるセマンティックタグ
- h1〜h6:タイトルタグは太字・拡大機能がありますが、効果を強調するだけの場合は「CSS font-weightfont-size」をご利用ください。
- i:専門用語、外国語のフレーズ、通常はイタリックで表される植字テキストなど、何らかの理由で通常のテキストが通常のテキストと異なり、その外観によってセマンティクスが変更されないことを示します。
- bは太字のスタイルを意味し、テキストを含み、重要性を強調する効果も、声やトーンにも影響を与えません。含まれるテキストをスタイルから特別なものにするだけです。
一般的な用語のキーワードは、テキスト駆動型で使用できます。ソフトウェアエグゼクティブセンテンスまたは記事の紹介、マニュアルの製品/機能名など。 - コンテンツの重要性を強調する強力な手段。これは、コンテンツの重要性(できるだけ早く確認する必要がある)、深刻さ、または緊急性を伝えることを目的としています。
4.H5セマンティックタグ
HTML5が登場する前は、ページのチャプターやさまざまなモジュールを表すためにdivを使用することに慣れていましたが、div`自体にはセマンティクスがありませんでした。しかし現在、ドキュメント構造をより明確に表現するために、いくつかのセマンティックタグがHTML5に追加されています。
5.気持ち
セマンティックコンテンツを学んだ後、今まで理解できなかった問題を解決しました。太字の関数に「b」と「strong」の2つのラベルがある理由がわかりませんでした。ルーキーのチュートリアルで検索したときに得られた答えは、トーンウェブページでトーンがどのように異なるか理解できず、彼は発音記号を追加しませんでした。勉強してみると、音声ソフトや検索エンジンに関係していることに気づきました。