Semantic Web 이란?
semantic의 사전적 의미는 의미의, 의미론의 라는 뜻입니다. 그렇다면 semantic web이라는 단어는 '의미론적인 웹' 정도로 직역할 수 있을거 같네요.
의미있는 웹은 무엇을 뜻하는 것일까요?
Semantic Web의 탄생 배경
기존의 HTML로 만들어진 과거의 웹은 컴퓨터가 의미정보를 해석할 수 있는 데이터가 아닌 그저 시각적인 표현만 가능한 웹이었습니다.
하지만 인터넷이 발달하고 웹의 사용량이 폭발적으로 증가해 기존의 웹은 사람의 눈으로 정보를 판단하는 것이 아니라 기계가 웹에 포함한 정보를 이해할 필요성이 나타났습니다. 이러한 배경으로 Semantic Web이 탄생하였습니다.
Semantic Web과 검색엔진
수많은 웹이 존재하는 현대의 인터넷 환경에서 검색 엔진의 검색에 노출되지 않는 웹은 존재의 의미를 가질 수 없으며, 이런 웹은 비즈니스에 사용될 수 없게 되었습니다.
검색 엔진은 로봇 이라는 프로그램을 통해 매일 전 세계의 웹사이트 정보를 수집합니다. 그리고 사이트를 접속하는 이용자가 검색 엔진에 입력할 만한 키워드를 미리 예상하여 이를 검색의 키워드에 대응하는 인덱스를 만들어 둡니다.
이 인덱스를 수집하는 기준은 HTML요소이며 그중 Semantic Tag에 해당하는 요소가 인덱스의 포함됩니다.
따라서 웹 개발자는 검색 엔진에 입력될 키워드를 고려하여 명확한 의미를 가진 HTML요소인 Semantic Tag를 사용한 Semantic Web을 실현하도록 해야합니다.
Semantic Tag
웹은 여러가지 HTML요소를 사용하여 만들어 집니다. 그리고 그 HTML요소는 Semantic 요소와 non-Semantic 요소로 구분되죠.
- none-semantic 요소 div, span 등이 있으며 이들 태그는 content에 대하여 어떤 설명도 하지 않습니다.
- semantic 요소 for, table, img 등이 있으며 이들 태그는 content의 의미를 명확히 설명합니다.
semantic 요소인 img 태그와 non-semantic 요소인 div 태그를 예시로 적절한 HTML요소의 사용에 대해 생각해 보겠습니다.
만약 여러분이 사이트에 이미지를 삽입하고자 할때를 상상해 봅시다.
이미지를 삽입하는 방법은 크게 두 가지 방법이 있을 것입니다.
- img 태그를 사용
- div 태그의 background 이미지로 이미지 삽입
위의 두가지 방법중 우리는 상황에 따라 적절한 태그를 사용해야 합니다.
img 태그를 사용하는 경우
- 이미지가 회사의 로고 등, 콘텐츠와 관련된 주요 정보일경우
- 페이지 프린트시 이미지가 함께 나오도록 할 경우
div 태그를 사용하는 경우
- 이미지가 콘텐츠와 크게 관련돼있지 않을 경우
- 단순히 웹 문서의 배경을 채워야 할 경우
- 페이지 프린트시 이미지가 함께 나오지 않도록 할 경우
다음과 같이 상황에 따라 Semantic Tag인 img 태그를 사용할지 사용하지 않을지 를 고려 할 수 있을 것입니다.
따라서 개발자로써 웹 페이지를 제작할때에는 수많은 웹이 존재하는 인터넷 환경에서 Semantic Web을 고려해 적절한 HTML 요소를 사용하도록 주의를 기울여야 합니다.
