프레이머로 사이트를 만들고 나면 두 가지 걱정이 생깁니다. 첫째는 "구글에 잘 잡힐까?"이고, 둘째는 요즘 들어 "ChatGPT나 Perplexity에서 우리 사이트가 나올 수 있을까?"입니다. SEO 걱정은 이전 글에서 다뤘고, 오늘은 AEO 이야기입니다.
결론부터 말씀드리면 됩니다. 프레이머는 AEO에 적합한 구조를 갖추고 있습니다. SSR(서버사이드 렌더링)로 AI 크롤러가 실제 HTML을 읽을 수 있고, 메타 설정·시맨틱 태그·커스텀 코드 삽입까지 모두 지원합니다. 문제는 플랫폼이 아니라 어떻게 설정하느냐입니다.
AEO가 SEO와 다른 점 — 프레이머에서 무엇을 다르게 해야 하나요?
SEO는 구글 알고리즘에 맞게 페이지를 최적화하는 것입니다. 키워드 밀도, 백링크, 페이지 속도가 핵심입니다. AEO는 다릅니다. AI가 질문에 답할 때 내 페이지를 신뢰할 수 있는 출처로 인식하고 인용하게 만드는 것입니다.
AI는 구글처럼 순위를 매기지 않습니다. 질문에 가장 정확하게 답하는 텍스트를 찾아서 그 출처를 인용합니다. 그래서 AEO 최적화에서 가장 중요한 것은 기술 설정보다 콘텐츠 구조입니다. 아무리 Schema 마크업을 완벽하게 넣어도 콘텐츠가 질문에 답하지 않으면 AI는 인용하지 않습니다. 두 가지를 함께 갖춰야 합니다.
프레이머 AEO 세팅 — 기술 편
1단계 — 시맨틱 태그 제대로 설정하기
프레이머에서 텍스트 레이어를 선택하면 오른쪽 패널에 HTML 태그를 지정할 수 있습니다. 이것이 AEO의 출발점입니다. AI는 헤딩 구조를 문서의 목차로 읽습니다. h1이 여러 개이거나 헤딩 위계가 뒤섞여 있으면 AI가 이 페이지가 무엇에 관한 문서인지 파악하지 못합니다.
h1은 페이지 전체에서 딱 하나만, h2는 주요 섹션 제목에, h3는 세부 항목에 씁니다. 그리고 h2 헤딩을 실제 검색 질문 형태로 작성하는 것이 핵심입니다. "서비스 소개"보다 "프레이머 랜딩페이지 제작 비용은 얼마인가요?"처럼 쓰면 AI가 해당 질문에 답할 때 이 페이지를 찾아옵니다.
2단계 — FAQ Schema 마크업 삽입하기
프레이머는 페이지별로 커스텀 코드를 삽입할 수 있습니다. Site Settings → General → Custom Code → Head 탭에서 JSON-LD 형태의 구조화 데이터를 넣을 수 있습니다. FAQ Schema는 AI가 페이지를 "질문과 답변이 있는 신뢰할 수 있는 문서"로 인식하게 만드는 가장 직접적인 신호입니다.
팁
Schema 삽입 위치 확인프레이머 에디터 → 우측 상단 톱니바퀴 아이콘 → General → Custom Code → Head 섹션에 붙여 넣습니다. 전체 사이트에 적용하려면 Site Settings에서, 특정 페이지에만 적용하려면 해당 페이지의 Page Settings에서 설정합니다.
주의: 코드 삽입 후 반드시 Publish(배포)를 눌러야 실제 사이트에 반영됩니다. 저장만으로는 적용되지 않습니다.
3단계 — Organization Schema로 브랜드 신뢰도 높이기
Organization Schema는 AI에게 "이 사이트가 어떤 기업·브랜드의 공식 사이트입니다"라고 알려주는 구조화 데이터입니다. 이것이 없으면 AI는 이 사이트가 신뢰할 수 있는 공식 출처인지 판단하기 어렵습니다. 특히 브랜드 이름을 검색했을 때 AI 답변에 공식 사이트가 인용되려면 이 설정이 필요합니다.
4단계 — AI 크롤러 차단 여부 확인
프레이머는 robots.txt를 자동으로 생성합니다. 그런데 간혹 설정에 따라 Perplexity나 Bing의 AI 크롤러가 차단되는 경우가 있습니다. 브라우저에서 내사이트주소/robots.txt로 접속해서 "Disallow: /" 항목이 특정 봇에 적용되어 있지 않은지 확인합니다. AI 크롤러가 차단되어 있으면 아무리 좋은 콘텐츠도 인용되지 않습니다.
프레이머 AEO 세팅 — 콘텐츠 편
기술 설정이 끝났다면 절반입니다. 나머지 절반은 콘텐츠 구조입니다. AI는 기술적으로 읽을 수 있어도, 인용할 만한 내용이 없으면 지나칩니다.
첫 문단에 메인 키워드와 핵심 답변을 함께
AI는 페이지를 처음부터 읽으면서 이 페이지가 어떤 질문에 답하는지를 판단합니다. 히어로 섹션의 첫 텍스트 블록이 결정적입니다. "안녕하세요, 저희 EasySpark입니다"로 시작하면 AI는 이 페이지가 어떤 질문에 답하는지 알 수 없습니다.
첫 문단 AEO 최적화 전후 비교
AI 인용 안 되는 첫 문단"EasySpark는 디자인과 개발을 함께 하는 웹 에이전시입니다. 고객의 성공을 위해 최선을 다합니다."→ 어떤 질문에도 답하지 않습니다. 브랜드 소개만 있습니다.
AI 인용 가능한 첫 문단
"웹사이트 제작 에이전시를 선택할 때 가장 많이 후회하는 이유는 디자인과 개발이 분리된 구조입니다. EasySpark는 Figma 설계부터 Framer·Next.js 개발까지 한 명이 전 과정을 담당하며, CLASS101 1,500명이 선택한 디자이너가 서울대학교산학협력단·CES 수상 기업의 웹사이트를 직접 만들었습니다."
→ "웹 에이전시 선택 기준"이라는 질문에 바로 답합니다. 구체적 수치가 신뢰 신호가 됩니다.
h2 헤딩을 질문 형태로 바꾸기
프레이머 페이지의 각 섹션 제목을 질문 형태로 바꾸는 것만으로도 AEO 인용 가능성이 높아집니다. "포트폴리오" 대신 "EasySpark가 만든 사이트는 어떤 결과를 냈나요?", "서비스 안내" 대신 "프레이머 랜딩페이지 제작 과정이 어떻게 됩니까?" 처럼 실제로 사람들이 검색하는 질문 형태가 됩니다.
FAQ 섹션을 반드시 넣기
프레이머 사이트에 FAQ 섹션이 있다면 AEO에서 유리합니다. 그리고 앞서 넣은 FAQ Schema와 실제 페이지의 FAQ 내용이 일치해야 합니다. AI는 Schema 데이터와 실제 콘텐츠를 교차 확인합니다. Schema만 있고 페이지에 실제 FAQ 텍스트가 없으면 신뢰도가 낮아집니다.
이렇게 구성하면 됩니다
프레이머 페이지 하단에 FAQ 섹션을 만들고, h2 태그로 "자주 묻는 질문"을, 각 질문은 h3 태그로, 답변은 p 태그로 작성합니다. 그리고 동일한 내용을 FAQ Schema로도 Head 태그에 삽입합니다. 이 구조가 완성되면 AI 크롤러가 "이 페이지는 특정 질문들에 대한 신뢰할 수 있는 답변을 담고 있다"고 인식합니다.
프레이머 AEO 완료 체크리스트
"프레이머로 만들었다고 AEO가 안 되는 것이 아닙니다. 설정을 제대로 안 했을 뿐입니다."
프레이머는 AEO 최적화에 충분히 적합한 플랫폼입니다. SEO 세팅 글에서도 말씀드렸지만, 문제는 항상 플랫폼이 아니라 설정과 콘텐츠 구조입니다. 오늘 정리한 기술 설정과 콘텐츠 원칙을 함께 적용하면 Framer 사이트가 AI 검색에서 인용되기 시작합니다.
직접 설정하기 어렵거나, 이미 만들어진 프레이머 사이트에 AEO를 추가로 세팅하고 싶다면 사이트를 먼저 보내주세요. 어떤 부분이 빠졌는지 같이 찾아보겠습니다.
이 글은 EasySpark 대표 허수진의 Framer 실무 경험을 바탕으로 작성됐습니다. 프레이머 플랫폼 업데이트에 따라 UI 위치나 기능명이 변경될 수 있으므로 Framer 공식 문서를 함께 참고해 주세요.
