생성형 검색 최적화 (GEO)

Generative engine optimization (GEO)

AI 검색 답변이 참고할 수 있도록 출처·구조·핵심 정보를 명확히 합니다.

···
html
<div class="answer"><div class="question">Q · How long does delivery take?</div><div class="response"><small>AI ANSWER</small><p>Most orders arrive in <mark>2–4 business days</mark> after dispatch.<sup>1</sup></p><div class="sources"><div class="source"><b>1</b><span>DELIVERY POLICY<small>Updated · Sample Store</small></span></div><div class="source muted"><b>2</b><span>ORDER HELP<small>Shipping questions</small></span></div></div></div></div>
css
.answer{width:min(90%,610px);font:700 clamp(9px,1.7vmin,14px)/1.35 sans-serif}.question{border:1px solid var(--line);border-radius:30px;padding:clamp(8px,2vmin,15px);background:var(--surface);font-weight:900}.response{position:relative;margin-top:clamp(7px,2vmin,16px);border:1px solid var(--line);background:var(--surface);padding:clamp(9px,2.5vmin,23px)}.response>small{color:var(--accent);font-weight:900;letter-spacing:.13em}.response p{font-size:clamp(12px,2.6vmin,24px);font-weight:800;margin:.45em 0}.response mark{background:linear-gradient(transparent 52%,#ffd84d 52%);color:var(--fg);animation:highlight 4s ease-in-out infinite}.response sup{color:var(--accent);font-size:.55em;animation:blink 4s ease-in-out infinite}.sources{display:flex;gap:clamp(5px,1.5vmin,14px)}.source{display:flex;align-items:center;gap:clamp(4px,1vmin,8px);flex:1;min-width:0;border:1px solid var(--accent);padding:clamp(5px,1.2vmin,10px);animation:source 4s ease-in-out infinite}.source b{display:grid;place-items:center;flex:none;width:clamp(17px,3.5vmin,28px);aspect-ratio:1;background:var(--accent);color:white}.source span{min-width:0;font-size:clamp(7px,1.4vmin,11px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source small{display:block;color:var(--muted);font-size:clamp(6px,1.1vmin,9px)}.source.muted{border-color:var(--line);opacity:.55}.source.muted b{background:var(--muted)}@keyframes highlight{0%,15%{background-size:0 100%}40%,85%{background-size:100% 100%}100%{background-size:0 100%}}@keyframes source{0%,25%{box-shadow:none;transform:none}45%,85%{box-shadow:4px 4px 0 var(--accent);transform:translateY(-2px)}100%{box-shadow:none}}@keyframes blink{0%,35%{opacity:.3}50%,90%{opacity:1}100%{opacity:.3}}@media(min-width:600px){.answer{width:min(90%,840px);font-size:18px}.question{padding:16px}.response{padding:22px}.response p{font-size:24px}.sources{gap:12px}.source{padding:12px}.source b{width:28px}.source span{font-size:12px}.source small{font-size:10px}}

GEO는 생성형 검색 환경에서 콘텐츠가 답변의 근거로 발견되고 인용될 가능성을 높이려는 작업입니다. 검색 순위만이 아니라 답변 안에서 정보가 어떻게 쓰이는지도 살펴봅니다.

데모에서는 질문에 대한 답변 문장이 원본 페이지의 근거 카드와 연결됩니다. 명확한 제목, 검증 가능한 사실, 작성 주체와 갱신 날짜, 읽기 쉬운 구조는 사람이 출처를 판단하는 데도 도움이 됩니다.

인용을 보장하는 표시는 없습니다. AI 답변의 출처 표시와 실제 클릭은 서비스·질문에 따라 달라지므로 직접 관찰해야 합니다.

언제 쓰나

검색 질문에 답하는 자료를 만들거나 기존 문서의 출처 신뢰도를 점검할 때 씁니다.

페이지로 열기 ↗