Semantic WebとTagについて

1.マーケティング担当者がよく知っているかもしれません

ホームページはどう書きますか.どのページの「こいつはよくやったね」の基準は何ですか?多くの例を挙げることができますが、最も代表的なのは訪問者数です.一般的には、より多くの人に露出することがウェブページの存在の目的であるからです.
各ページ自体もある会社や個人が作ったものかもしれません.時間とお金を投入した投資商品といっても、お金の目的でなくても注目すべき対象です.
誰にとって一番大切なの?マーケティングマンたち.非対立社会が続くほど、顧客はインターネットを通じて経済活動を行う.そのため、マーケティング担当者は、グーグルやNAVERで自分のページを検索に露出する方法を考えます.
Webはますます大きくなり、ユーザーに友好的で正確な検索結果はWebが備えなければならない必然的な要求である.Webの基本フレームワークhtmlは時間が経つにつれて進化し、Semantic Webは最近のWebが指す巨大な潮流である.

2. Semantic Web?

Web標準のグローバルWeb Consortium(以下W 3 Cと略す)が提案した新しい概念Webを作成する.これは、Webシステムを何らかの方法で構造化することを意味する.データ量が増加するにつれて、情報自体よりも情報が重要かどうか.どんなに大きな結果が得られても、答えが正しくなければ、その効用価値は大きくありません.
そこでW 3 Cは,「接続されたデータからなるWeb世界」という新しい構想を提案し,意味の概念を導入した.より柔軟に言えば、人間により正確な情報を提供するために、コンピュータがWebの構造をよりよく説明できるように特定の方向に変換しようとする一連の動作である.以前、科学者や企業家など特定世界のモデルを変えるために起こった様々な傾向や運動ではないでしょうか.(というか還元主義…)それに似た脈絡と理解すれば良い.ただ対象が自然なのかネットの違いなのか.

3.Semantic Webを作成しているテクノロジー

W 3 Cウェブサイトでは、以下の4つの技術が代表的にSemantic Webを実現するために用いられる.

RDF(Resource Description Framework)

SPARQL(RDF query language)

OWL(Web Ontology Language)

SKOS(Simple Knowledge Organization System)

W 3 Cは、Webがどのように動作すべきかを定義し、「Web標準のクラスタを作成する」ことである.上記の4つの技術も脈絡から離れない.各テクノロジーがどのように正確に動作するか、およびマシン読み取り可能なデータ構造の作成にどのように貢献するかは不明である.簡単にRDFを例にとりましょう.
「最初のファイルの作成者はジャック・キムです」この文章は分かりやすい.でも機械は難しいです.機械は各単語からなるコンテキストを読めないからです.

RDFを使用して、文書1リソースに関連する属性およびその値がペアである上記のデータモデルを得ることができる.したがって、ある関数がドキュメント1を参照する場合、そのドキュメントの作成者の情報にアクセスできます.コンピュータは自然に人間のように「あの書いた人はJackだ」とは言えないが、構造化データモデルによって文に対応するデータモデルを作成し、Web上で人々が望んでいる情報を検索することができる.
RDFにより,意味は人間にとって明らかな解釈であり,機械にとっては曖昧で理解しにくい語であることがわかる.
私たちがどんなプログラムを作っても、コンピュータは0と1しか理解できません.したがって,我々が普段使っている文などのデータを構造化し,単語と単語の関係そのものを公式化して予測することは,Semantic Webの技術的存在を支える目的である.

4.それは私にとって、Semantic Webは何の意味がありますか?

私はfrontend開発者です.機械の可読性がよく、見つけられる良い資源をどのように開発すれば製造できるかを考えるべきだ.W 3 Cが提供する意味網向けの技術が開発地形をどのように変えたかを知る.
話は大きいが、私の現在のレベルで理解できるところは多くない.まず考えられる方法は,データ中のtagをより意味化することである.Semantic Tagを使用します.すべての問題をdivで解決するよりも、header、section、articleなどの意味のある言葉で置き換えましょう.

<div class="container">
  <div class="header">...<div>
  <div class="content">
      <div class="section">...</div>
      <div class="section">...</div>    
  </div>
<div>

<div>
  <div>...<div>
  <div>
      <div>...</div>
      <div>...</div>    
  </div>
<div>

上のhtml構造では、htmlのどの部分に実際の内容が含まれているかに関する情報はブラウザや検索エンジンに提供されません.したがって、このドキュメントは「より多くの時間をかけて読む必要がある」ため、ユーザーは必要な情報が含まれているかどうかを知ることができます.

<header>...</header>
<nav>...</nav>
<main>
  <section>...</section>
  <section>...</section>
  <section>...</section>
</main>
<aside>...</aside>

これに対して、ドキュメントはtagのタイプで主要な内容を知ることができます.私が検索エンジンであっても、2番目のドキュメントを消費者の目の中でもっとはっきりした場所に陳列します.

5.divの背景-画像vs img tag

作成したページに必ず画像ファイルを追加することをお勧めします.
2つの実現方法がある.

divの背景-画像

画像ラベル

Web上で画像を検索する場合も上記のようになります.検索エンジンを助けて容易になります.画像がドキュメントの内容に関連している場合は、画像タグを使用する必要があります.検索エンジンはあなたにもっと大きな奨励を与えます.これは、最初のページの3行目に表示されるように、5ページ目に表示されるドキュメントです.
ただし、この画像がドキュメントの内容に関係なくdivの背景画像を用いて実現される.ドキュメントの一貫性のために.

6. References

SEMANTIC WEB by W3C - ( https://www.w3.org/standards/semanticweb/ )

An Introduction to the Resource Description Framework by Eric Miller, Research Scientist - ( https://www.dlib.org/dlib/may98/miller/05miller.html )

When to use IMG vs. CSS background-image? by stackoverflow- ( https://stackoverflow.com/questions/492809/when-to-use-img-vs-css-background-image/492834#492834 )