▼▼TIL1ㆍSemantic web&tag

Semantic Webとtagとは?

  インターネットユーザーは、グーグルやNAVERなどの検索エンジンを使って、欲しい情報を取得します.また、検索した最初のページのほとんどが欲しい情報を得ます.では、逆に、情報を含むサイトにとってはどうでしょうか.検索エンジンの最初のページに現れるほど重要なものはありません.人々に検索されなければ、情報の存在価値は実現できないからだ.このように、サイトに正しい情報が含まれていることも重要ですが、検索エンジンでの露出は本当に重要です.
  では、検索エンジンで多くのことを暴露したい場合は、どうすればいいのでしょうか.
検索エンジンが自分のサイトを検索するのに適した構造に調整することが重要です.これを行うには、基本的に検索エンジンがどのようにサイトの情報を収集するかを知る必要があります.
  検索エンジンは、世界中のウェブサイト情報を毎日収集し(크롤링)、ユーザが検索する必要があるキーワードを予め予測し、検索キーワードに対応するインデックスを作成する(인덱싱).
  indexを生成する際に使用する情報は、WebサイトのHTMLコードです.すなわち,検索エンジンはその意味を認識するためにHTMLコードのみを必要とし,시맨틱 요소(Semantic element)を説明する.これらのシンボル要素からなるWebページは、ドキュメントの情報をより意味的に伝達し、より効率的なスクロールとインデックスを可能にします.
すなわち,Semantic tagはブラウザ,検索エンジン,開発者ともにコンテンツの意味を明確に説明する役割を果たす.
また,Semantic webは,Web上に存在する大量のウェブメタデータ(metadata)を付与することにより,もともと煩雑なデータセットであったウェブページを「意味」と「相関」を持つ膨大なデータベースに構築することを想定している.

				     시맨틱 태그의 구조

Semanticタグの使用

ウェブサイトに画像を置くには2つの方法があります.
1.imgタグの使用
2.divラベルに背景-画像プロパティを追加します.
2つの方法の違いとそれぞれが必要な場合はいつですか?

imgタグを使用する場合

画像が非表示の場合、alt属性に文字列を追加できます.

のように書かれた文字列はmeta情報となり、検索エンジンが認識しやすくなる.
->私の画像がユーザーに検索される必要がある場合に使用します!!

divタグに背景-画像属性を追加する場合

は簡単な画像添付ファイルであり、情報は含まれていない.
->ウェブサイトを飾るための装飾!!