🧩 시멘틱 태그(Semantic Tag)를 사용하는 이유

Semantic: 의미의, 의미론적인

시멘틱 태그는 의미가 있는 태그를 말하며 웹 페이지의 구조와 내용을 명확하게 정의하는 데 도움을 준다. div와 같은 의미를 갖지 않는 태그와 비교해서 h1, form, footer 와 같은 태그들은 어떤 의미를 갖고 있는지 알 수 있다.

이러한 시멘틱 태그들은 여러가지 장점을 갖고 있다.
1. 검색엔진 최적화(SEO): 검색엔진은 태그를 기반으로 페이지 내 검색 키워드의 우선순위를 판단한다. 제목을 의미하는 h1, 강조하는 strong 등의 시멘틱 태그를 통해 검색엔진이 웹 페이지를 더 잘 이해할 수 있게 된다.
2. 웹 접근성: 스크린 리더 등 보조기술을 사용하는 사용자에게 정확한 의미전달이 가능하다.
3. 유지 보수성: 코드를 명확하게 정의할 수 있기 때문에 가독성이 높아지고 유지 보수하기도 쉬워진다. 또한 다른 개발자들과의 협업에서도 어려움을 덜어준다

🧩 웹 표준을 지키는 이유

웹 표준이란 브라우저 종류 및 버전에 따른 기능 차이에 대해 호환이 가능하도록 제시된 표준이다. 즉, 어떠한 운영체제나 브라우저를 사용해도 동일한 컨텐츠를 볼 수 있도록 웹에서 표준적으로 사용되는 기술, 규칙을 말한다.

웹 표준의 장점도 여러가지가 있다.
1. 검색엔진 최적화: 웹 크롤러 봇은 웹 페이지를 탐색하여 분류하는데, 의미를 가진 시멘틱 태그를 사용하는 등의 표준을 지켜서 웹페이지를 만들면 크롤러 봇이 이해하기가 좀 더 쉬워진다. 이는 웹 페이지가 검색 결과 순위에서 더 높은 우위를 가져갈 수 있도록 한다.
2. 웹 접근성: 누구나, 어떤 환경에서나 웹에 접근이 가능하며 스크린 리더 등 보조기술을 사용하는 사용자에게도 도움을 줄 수 있다.
3. 유지 보수성: 하나의 코드로 모든 플랫폼에 대응하므로 개발의 효율성, 서버 비용 절감, 운영의 효율성을 가져다 준다.
4. 보안강화: 웹 표준을 준수하면 보안에 대한 이슈를 사전에 예방할 수 있다.