검색이 바뀌고 있습니다. 사람들이 구글에서 검색하는 대신 ChatGPT나 Perplexity에 질문합니다. "추천해줘", "비교해줘", "어떤 게 나아?" 라고 묻습니다. AI가 답을 내놓고, 그 답 안에 특정 사이트가 인용됩니다. 여기서 인용되는 사이트가 있고, 아예 언급조차 안 되는 사이트가 있습니다. 차이는 콘텐츠의 양이 아닙니다. 구조입니다.
AI가 내 사이트를 읽고, 이해하고, 인용할 수 있는 구조로 만들어져 있느냐 — 그게 전부입니다. 이걸 AEO(Answer Engine Optimization)라고 부릅니다. 이 글에서는 ChatGPT와 Perplexity 같은 AI 검색 엔진이 사이트를 인용하기 위해 실제로 확인하는 5가지 조건을 정리합니다.
1. 질문-답변 구조로 콘텐츠가 짜여 있어야 합니다
AI는 "이 사이트가 어떤 질문에 답하고 있는가"를 봅니다. 블록 텍스트로 가득한 서비스 소개 페이지는 AI가 인용하기 어렵습니다. AI가 원하는 건 명확한 Q&A 구조입니다. 사용자가 AI에게 던지는 질문과, 내 사이트의 콘텐츠가 형태적으로 일치할수록 인용 가능성이 높아집니다.
예를 들어 "Framer로 랜딩 페이지 만드는 데 얼마나 걸려요?" 라는 질문을 ChatGPT에 했을 때, 이 질문에 직접 답하는 문장이 사이트 어딘가에 존재한다면 인용될 가능성이 생깁니다. FAQ 섹션이 단순한 부록이 아니라 AI 인용 창구라는 인식이 필요합니다.
2. FAQ Schema — AI가 읽는 언어로 번역해줘야 합니다
콘텐츠가 아무리 잘 짜여 있어도 AI가 "이게 FAQ다"라고 인식하지 못하면 의미가 없습니다. 그래서 필요한 것이 FAQ Schema입니다. FAQ Schema는 JSON-LD 형식으로 페이지 소스 코드에 삽입하는 구조화 데이터입니다. 이렇게 생겼습니다.
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "Framer로 랜딩 페이지 제작 기간이 얼마나 걸리나요?",
"acceptedAnswer": {
"@type": "Answer",
"text": "프로젝트 규모에 따라 다르지만, 일반적인 랜딩 페이지는 기획 확정 후 5~10 영업일 내에 납품합니다."
}
}
]
}
이 코드가 페이지에 들어가는 순간, Google뿐만 아니라 Bing을 통해 답변을 가져오는 Copilot, Perplexity 같은 AI 검색 엔진이 해당 페이지를 "질문에 답하는 페이지"로 명확히 인식합니다. FAQ Schema 없이 FAQ 텍스트만 있으면, AI 입장에서는 그냥 긴 문단 중 하나입니다.
3. Brand Schema — AI에게 "우리가 누구인지" 알려줘야 합니다
ChatGPT가 "EasySpark가 어떤 회사야?" 라는 질문을 받았을 때 정확히 답하려면, 어딘가에 EasySpark에 대한 신뢰할 수 있는 구조화된 정보가 있어야 합니다.
그게 Brand Schema(Organization Schema)입니다.
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "EasySpark",
"url": "https://easyspark.kr",
"description": "Framer 전문 풀스택 디자인 에이전시. 웹사이트 제작, AEO 최적화, SaaS 개발을 제공합니다.",
"founder": {
"@type": "Person",
"name": "허수진"
},
"sameAs": [
"https://www.framer.com/@easyspark",
"https://www.linkedin.com/company/easyspark"
]
}
Brand Schema가 있으면 AI가 브랜드를 하나의 독립된 엔티티(entity)로 인식합니다. 브랜드 이름, 설명, 공식 채널이 연결되어 있으면 AI가 이 브랜드를 언급할 때 정확한 정보를 가져올 확률이 높아집니다.
sameAs 항목에 LinkedIn, Framer 프로필, 인스타그램 등 공식 채널 URL을 넣어두는 것이 핵심입니다. AI가 "이 브랜드의 공식 채널이 여기다"를 명확히 알 수 있게 됩니다.
4. 답변이 간결하고 독립적으로 존재해야 합니다
AI가 인용하는 방식을 관찰해보면 패턴이 있습니다. 문단 전체를 가져오지 않습니다. 하나의 질문에 2~4문장으로 끝나는 답변을 가져옵니다.
즉, 답변이 앞뒤 문맥 없이 그 자체로 완결되어야 합니다. "위에서 설명했듯이", "앞서 언급한 것처럼" 같은 표현이 들어간 답변은 인용하기 어렵습니다. 그 답변만 잘라냈을 때 의미가 완전히 전달되어야 합니다.
콘텐츠를 쓸 때 "이 문장이 단독으로 인용됐을 때 의미가 통하는가"를 기준으로 작성하면 됩니다.
5. 페이지마다 FAQ가 있어야 합니다 — 홈페이지 하나로는 부족합니다
AI 인용은 페이지 단위로 일어납니다. 서비스 소개 페이지, 포트폴리오 페이지, 블로그 글 각각에 해당 페이지와 관련된 FAQ가 있어야 합니다. 홈페이지 하단에 FAQ 섹션 하나만 있으면 인용 범위가 그 페이지로만 한정됩니다.
Framer 제작 서비스 페이지라면 "Framer 제작 비용은 얼마인가요?", "제작 기간은 얼마나 걸리나요?", "유지보수는 어떻게 하나요?" 같은 질문이 그 페이지 안에 있어야 합니다.
블로그 글이라면 글의 주제와 관련된 FAQ를 글 하단에 붙입니다. 이 FAQ 각각에 Schema가 달려 있으면, 블로그 글 하나하나가 AI 인용 창구가 됩니다.
페이지가 많아질수록 AI에게 노출될 수 있는 표면적이 넓어지는 구조입니다.
ClariCard — 이 모든 걸 자동으로 해주는 툴입니다
여기까지 읽으셨다면 이런 생각이 드실 겁니다.
"페이지마다 FAQ 만들고, Schema 코드 삽입하고, 질문-답변 구조 짜고… 이걸 다 직접 해야 하나?"
그래서 만든 게 ClariCard입니다.
ClariCard는 EasySpark가 직접 만든 첫 번째 SaaS 툴입니다. AI 기반으로 FAQ를 자동 생성하고, FAQ Schema JSON-LD까지 한 번에 뽑아줍니다.
페이지 URL이나 텍스트를 입력하면 해당 페이지에 최적화된 FAQ를 생성합니다. AEO에 맞는 질문-답변 구조로, Schema 코드도 함께 나옵니다. 복사해서 사이트 소스에 붙여넣으면 끝입니다.
Framer를 쓰고 계신다면 더 간단합니다. Framer Marketplace 플러그인으로 설치하면 에디터 안에서 바로 FAQ를 생성하고, FAQ UI 컴포넌트를 페이지에 드래그앤드롭으로 삽입할 수 있습니다. Schema 코드도 자동으로 페이지에 적용됩니다.
Framer Marketplace에서 ClariCard 플러그인 설치하기 →
Framer를 쓰지 않아도 됩니다. ClariCard 웹앱에서 직접 FAQ를 생성하고 Schema 코드를 복사해 쓸 수 있습니다.
정리합니다
ChatGPT와 Perplexity가 내 사이트를 인용하게 만드는 건 운이 아닙니다. 조건이 있습니다.
- 1.질문-답변 구조로 콘텐츠를 짭니다
- 2.FAQ Schema로 AI가 읽을 수 있게 코드화합니다
- 3.Brand Schema로 브랜드를 엔티티로 등록합니다
- 4.답변은 단독으로 인용 가능한 형태로 작성합니다
- 5.페이지마다 FAQ와 Schema를 배치합니다
이 다섯 가지를 갖춘 사이트와 그렇지 않은 사이트 사이의 격차는 앞으로 더 벌어집니다. AI 검색이 늘어날수록, 구조 없는 사이트는 점점 더 투명인간이 됩니다.
지금 시작하는 게 맞습니다.
AEO 최적화가 적용된 Framer 사이트 제작이 필요하다면 EasySpark에 문의해주세요. ClariCard를 활용한 FAQ Schema 세팅까지 기본으로 제공합니다.
