SOYOYU
텍스트 시맨틱

<q>

문장 안의 짧은 인라인 인용. 자동으로 따옴표가 붙는다.

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

SEO

●●○○○낮음

인라인 인용의 시맨틱. SEO 직접 영향 작음.

GEO

●●●○○중간

AI가 인용한 문장의 출처를 추적. cite 속성이 신뢰 신호.

AEO

●●○○○낮음

답변 인용에 직접 영향 적음.

A11y

●●○○○낮음

스크린리더가 인용임을 인지하지만 직접 발화는 환경별 다름.

올바른 사용

  • 한 문장 이내의 짧은 인용
  • cite 속성으로 출처 URL
  • lang 속성으로 인용문 언어 명시
  • 따옴표 직접 박지 않기 (자동)
인라인 짧은 인용
<p>
  구글이 가이드에서 <q cite="https://...">사람을 위한 최적화가 AI를 위한 최적화</q>라고 명시했다.
</p>

따옴표는 브라우저가 자동 추가. cite 속성으로 출처.

다국어 인용
<p>
  Roselli는 <q lang="en">No ARIA is better than Bad ARIA</q>라고 짚었다.
</p>

영어 인용은 lang="en"으로 발음 엔진과 따옴표 스타일 조정.

자주 보는 안티패턴

  • 직접 따옴표 + q 동시 — 따옴표 두 번
  • 긴 단락 인용에 q 사용 (blockquote가 적절)
  • 출처 누락
  • 다국어 인용에 lang 누락
따옴표 두 번
<p>그는 "<q>잘못된 패턴이다</q>"라고 말했다.</p>

q가 자동 따옴표를 추가하므로 ""잘못된 패턴이다""처럼 두 번 표시.

긴 인용을 q로
<q>여러 문장에 걸친 긴 본문...</q>

시맨틱 부적절. 한 문장 넘는 인용은 blockquote.

해설

문장 안에 끼어 들어가는 짧은 인용. blockquote가 블록 인용이라면 q는 인라인 인용. 브라우저가 자동으로 따옴표를 붙여주므로 직접 따옴표를 넣지 않는다.

SEO 관점에서 q의 직접 영향은 작다. 다만 cite 속성으로 출처 URL을 박으면 — 구글이 이 페이지가 어느 출처를 참조했는가를 자동 추적. 백링크와 비슷한 신뢰 신호 역할.

GEO 관점에서 AI가 페이지가 인용한 출처를 명시적으로 인지할 수 있다. "이 사이트가 인용한 구글 가이드의 원문은?" 같은 추적 질문에 q + cite가 답을 만든다.

A11y 관점에서 스크린리더의 q 처리는 환경별로 다르다. 일부는 "인용 시작/끝"을 명시 발화하고, 일부는 단지 따옴표만 추가. blockquote의 명시적 "인용 영역" 발화와는 차이.

자주 보는 안티패턴: 따옴표 두 번 — q가 자동 따옴표를 추가하므로 직접 따옴표를 넣으면 두 번 표시됨. CSS q::before { content: none; }으로 자동 따옴표를 끄고 직접 작성하는 방식도 있지만 번거롭다. 직접 따옴표 안 넣는 게 표준.

긴 단락 인용에 q를 쓰는 케이스 — 한 문장 이상은 blockquote가 시맨틱 정답. q는 문장 안의 짧은 인용에만.

다국어 인용 시 lang 속성 — 영어 인용을 한국어 본문 안에 q로 박을 때 <q lang="en">.... 스크린리더 발음 엔진이 영어로 전환하고, 일부 브라우저는 따옴표 스타일도 영어 표준("...")으로 자동 변경.

cite 속성은 URL. blockquote와 마찬가지로 — 출처 페이지의 절대 URL을 박는다. 시각적으로는 안 보이지만 검색엔진과 AI가 이 신호를 읽는다. cite 태그(별도 카드)는 저작물 제목에 사용 — 두 cite의 의미가 다르다.

한국어 콘텐츠에서 q는 자주 안 쓰인다. 한국어는 "..." 따옴표를 직접 박는 게 더 자연스럽다는 인식 때문. 다만 — 시맨틱 추적이 필요한 인용(SEO·GEO 신호로 활용하고 싶은 인용)에는 q가 정답. 한국어 콘텐츠도 점진적으로 q + cite 패턴이 늘어나는 추세.