<abbr> — 텍스트 시맨틱 태그 도감

올바른 사용

약어 또는 두문자어 첫 등장에

title 속성으로 전체 형태 명시

이미 친숙한 약어는 마크업 안 해도 OK

한국어 한자 표기와 결합 가능

첫 등장 마크업

<p>
  <abbr title="Search Engine Optimization">SEO</abbr>는
  검색엔진 최적화의 약자다.
</p>

첫 등장에만 abbr. 이후 등장에는 일반 텍스트로.

전문 약어 그룹

<p>
  <abbr title="Generative Engine Optimization">GEO</abbr>와
  <abbr title="Answer Engine Optimization">AEO</abbr>는
  AI 검색 시대의 새 용어다.
</p>

처음 도입되는 전문 약어들. title이 사용자 학습에 직접 도움.

자주 보는 안티패턴

모든 등장에 abbr — 노이즈

title 누락 — 시맨틱만 있고 정보 없음

title이 약어보다 더 모호

본문이 약어 천지인데 abbr 일관성 없음

title 누락

<p><abbr>SEO</abbr>는 검색엔진 최적화다.</p>

시맨틱만 있고 전체 형태 정보 없음. 본문에 정의가 있어야 의미.

모든 등장에 abbr

<p><abbr title="SEO">SEO</abbr>의 모든 등장에 <abbr title="SEO">SEO</abbr>...</p>

노이즈. 첫 등장에만.

해설

약어와 두문자어의 시맨틱. 본문에 등장하는 SEO, GEO, AEO, API, KWCAG, WAI-ARIA 같은 약어를 마크업하면서 title 속성으로 전체 형태를 제공.

SEO 관점에서 직접적 영향은 작지만 — 키워드의 전체 형태를 검색엔진이 자동 추적. "검색엔진 최적화" 검색에 SEO만 박힌 페이지도 매칭될 가능성이 높아진다. abbr title이 그 연결 고리.

GEO 관점에서 AI가 약어를 추론할 필요 없이 정확히 인식. 같은 GEO가 Generative Engine Optimization인지 Geographic인지 — title에 명시되면 AI가 추측 안 한다. 전문 분야 페이지의 학문적 정확성이 올라가 신뢰도 신호.

A11y 관점에서 스크린리더가 약어의 발음 방식을 결정할 때 abbr 정보를 활용. NVDA 같은 약어는 글자별로("엔, 브이, 디, 에이") 발화하고, NASA 같은 단어처럼 발음하는 약어는 단어로("나사") 발화. abbr이 명시되면 스크린리더가 어느 발화 방식이 적절한지 판단에 활용. 시각 사용자에게는 점선 밑줄(브라우저 기본)로 약어임이 표시.

자주 보는 안티패턴: 모든 등장에 abbr 박기(노이즈만 추가 — 첫 등장에만 abbr, 이후는 일반 텍스트), title 누락(시맨틱만 있고 정보 없음 — 시맨틱의 정당성이 사라짐), title이 약어보다 더 모호한 경우(KWCAG — title이 또 약어면 사용자에게 정보 없음, "Korean Web Content Accessibility Guidelines"가 정답).

한국어 콘텐츠에서 한자 표기와의 결합 — 韓國語 같은 패턴이 가능. 다만 한자 표기는 일반적으로 ruby 태그(별도 카드 후보)가 더 적합. abbr은 약어 전용.

도감 자체의 적용 — 이 도감의 각 카드에서 SEO, GEO, AEO, A11y, KWCAG, WCAG가 자주 등장. 모든 등장에 abbr을 박지는 않지만 — 첫 등장에만 abbr로 사용자가 의미를 학습할 수 있게 해주는 패턴이 표준. 다만 시리즈와 도감의 독자가 이미 이 약어를 아는 전문가일 가능성이 높아 — 도감 본문에는 abbr을 일부러 생략한 결정도 있다.

SEO·GEO·AEO·A11y 4축에서의 의미

SEO

GEO

AEO

A11y

올바른 사용

자주 보는 안티패턴

해설