시맨틱웹(Semantic Web)과 시맨틱태그(Semantic Tag)

1.개념

검색엔진은 HTML코드를 통해 웹사이트 정보를 수집한다.
이 때, 시맨틱 태그를 통해 검색엔진이 콘텐츠의 의미를 명확히 이해할 수 있고 필요한 정보를 이용자에게 제공할 수 있게 된다.

궁극적으로 수많은 웹페이지에 메타데이터를 부여하여 체계화함으로써 거대한 데이터베이스의 형태를 지향한다.

2. 왜 필요한가?

1)검색엔진 최적화

블로그에 글을 쓸 때 소주제가 필요하다면 글자크기를 키워 주제임을 나타낸다.
이 때h1~h6태그를 활용함으로써 검색엔진이 본문 중 중심이 되는 내용을 알 수 있도록 하면, 해당 정보를 필요로하는 소비자에게 전달될 수 있는 확률이 높아진다.

본문에 이미지를 삽입할 때에도 이미지 관련 메타데이터가 본분과 유의한 관계가 있을 경우에는img태그를 활용하여 이미지 속성과 연관성을 검색엔진에 알려줄 수 있다.
그러나 CSS의 background-img 활용시 이미지에 관련된 내용을 전달하지 않는다. 단순히 디자인 요소로서의 이미지이거나 화면 출력시 나타나지 않도록 의도한다면 CSS를 사용하는 것이 적절하다.

2)웹 접근성

시각장애인에게 이미지 대신 alt값에 기재된 오디오로 정보를 전달할 수 있도록 한다.

3)유지보수의 용이함

서비스를 운영할 때에 각 요소의 의도와 목적에 대해 알 수 있다.