AI 준비도
AI 준비도 가중치 15%시맨틱 HTML
header·main·article·footer 등 시맨틱 태그 활용도 평가
무엇을 측정하나요?
<header>, <nav>, <main>, <article>, <section>, <footer>, <aside>, <figure>, <time>, <address> 등 시맨틱 태그 활용도를 평가합니다.
AI 검색과의 연관성
AI 크롤러는 시맨틱 태그를 통해 콘텐츠 영역(본문·내비게이션·사이드바)을 구별합니다. <main> 태그가 없으면 AI가 광고와 본문을 구분하지 못해 품질 낮은 콘텐츠로 오인할 수 있습니다.
목표 기준
<header>, <main>, <article>, <footer> 최소 4개 이상
단계별 개선 방법
1
<div>를 의미 있는 시맨틱 태그로 교체: 본문→<main>, 포스트→<article>, 사이드바→<aside>
2
날짜 정보는 <time datetime="2025-01-15">2025년 1월 15일</time> 형식 사용
3
연락처 정보는 <address> 태그로 감싸면 AI가 NAP 정보로 자동 인식
코드 예시
html
<!-- ✅ Semantic HTML structure example -->
<body>
<header>
<nav>...</nav>
</header>
<main>
<article>
<h1>Article Title</h1>
<time datetime="2025-01-15">January 15, 2025</time>
<section>...</section>
</article>
<aside>Related Posts</aside>
</main>
<footer>
<address>123 Main Street, San Francisco, CA ...</address>
</footer>
</body>함께 개선하면 좋은 항목
더 알아보기 (외부 자료)
내 사이트의 시맨틱 HTML 점수 확인
URL 하나로 19개 항목 무료 진단 · 60초