TIL | 시멘틱 웹과 시멘틱 태그

이도운·2021년 12월 27일
0

TIL

목록 보기
1/73
post-thumbnail

설명

시멘틱 웹은 시멘틱 태그가 쓰인 문서로 이루어진 웹을 의미한다. 시멘틱 태그는 일반적인 태그와 달리 태그 이름에 해당 태그 속성을 유추할 수 있는 이름을 갖고 있다. 이런 방식으로 시멘틱 태그로 이루어진 문서는 검색 엔진에 노출 되었을 경우 해당 문서의 의미를 검색 엔진이 분석하는 데 최적화 시킬 수 있다. 시멘틱 태그가 아닌 일반 태그로 작성된 문서는 검색 엔진이 해당 문서를 분석하는데 어려움을 겪는 반면 시멘틱 태그를 사용한 문서는 검색 엔진이 해당 문서 파악을 쉽게 할 수 있다. 또한 시멘틱 태그는 해당 특성 덕분에 청각 장애인과 같은 사용자에게 도움이 될 수 있다. 청각 장애인이 사용하는 프로그램이 해당 문서 태그 의미를 쉽게 파악 할 수 있기 때문이다.

예를 들어 div 태그에 CSS의 background-image를 사용해서 이미지를 넣으면 검색 엔진 등은 해당 태그 기능을 알 수가 없다. 이는 검색 엔진 최적화에 맞지 않게 된다. 때문에 해당 문서는 검색에 노출 되기 어려울 수 있다. 또한 청각 장애인이 사용하는 프로그램도 해당 div 태그 의미를 단순히 div로만 파악하고 넘어갈 것이다. 하지만 img 태그를 사용한다면 해당 태그는 이미지를 사용한다고 검색 엔진은 파악할 것이다. 이는 검색 엔진 최적화에 부합한다.

참고

1. 위키백과 - 시멘틱 웹
https://ko.wikipedia.org/wiki/%EC%8B%9C%EB%A7%A8%ED%8B%B1_%EC%9B%B9

profile
⌨️ 백엔드개발자 (컴퓨터공학과 졸업)

0개의 댓글