과 같은 semantic 태그와 SEO, 실무의 사... - 인프런

따라하며 배우는 HTML, CSS

HTML 기본 태그와 역할

과 같은 semantic 태그와 SEO, 실무의 사용이 궁금합니다!

해결된 질문

작성

275

수정됨

관련해서 검색을 해보니, 과 같은 sementic 태그는 의미를 부여하기때문에 검색엔진이 크롤링할때 영향을 끼친다는 말이 종종 보였습니다.

그리고 mdn에서는 태그 대신 font-weight 혹은 강조의 의미를 넣은 을 사용하라고 나옵니다. 이에 대해 의문이 생겼는데요,

1) 실무에서는 font-weight, , 을 어떻게 분배하는지 궁금합니다. 태그 사용도 SEO를 고려하나요?

2) 대신 font-weight를 사용해야하는 이유가 궁금합니다.

HTML/CSS

답변 1

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴이에요.

실무에서는 semantic 태그와 일반 태그를 적절히 사용해야합니다. 이는 검색엔진 최적화(SEO) 및 웹 접근성 측면에서도 중요합니다. semantic 태그의 예로는
,
,
,
등이 있으며 이러한 태그들은 문서 구조를 명확하게 만들어주고 검색엔진이 콘텐츠를 분석하기 쉽게 해줍니다. 일반적인 태그의 예로는 , , 등이 있습니다. 이러한 일반 태그는 디자인적 효과를 주기 위한 용도로 사용됩니다.

mdn에서 태그 대신 font-weight를 사용하라고 권장하는 이유는 semantic 태그를 사용하여 문서 구조를 명확하게 하기 위함입니다. 태그는 bold 처리를 위한 일반 태그입니다. 즉, 태그는 콘텐츠의 논리적 의미를 나타내지 않기 때문에 검색엔진 최적화 및 웹 접근성 측면에서 부적절한 태그로 사용될 수 있습니다. 따라서 font-weight 속성을 사용하여 스타일링 하는 것이 semantic 태그를 사용하여 적절한 문서 구조를 만드는 데 더 적합합니다.

감사합니다.

dunow
질문자
마크다운 형식이라 태그가 안보이네요. 개발자도구로 볼 수 있긴한데 수정되면 좋겠습니다!

인프런 커뮤니티 질문&답변

<strong>과 같은 semantic 태그와 SEO, 실무의 사용이 궁금합니다!