결과물 적용 가이드
GEO:lab Auto 결제 후 받으신 코드 팩을 내 사이트에 직접 붙여넣는 방법입니다. 플랫폼별로 5분이면 끝납니다.
WordPress
WordPress 가 가장 흔하고 가장 쉽습니다.
옵션 A: Yoast · RankMath SEO 플러그인을 이미 쓰고 계신 경우
둘 중 하나가 이미 깔려 있다면 두 플러그인 모두 JSON-LD 를 자동으로 생성합니다. 보내 드린 JSON-LD 를 <head> 에 그대로 박지 마세요 — 충돌합니다. 대신:
- Yoast: 각 페이지 편집 화면 → SEO 탭 → 메타 · OG 값을 코드 팩의 값으로 덮어쓰기 - RankMath: 같은 흐름으로 RankMath 탭에서 편집
옵션 B: SEO 플러그인이 아직 없는 경우
Insert Headers and Footers (또는 Head & Footer Code) 플러그인을 설치한 뒤:
1. WP 관리자 → Settings → Insert Headers and Footers
2. "Scripts in Header" 필드에 보내 드린 <script type="application/ld+json">... 블록 전체를 붙여넣기
3. Save
4. 페이지를 새로고침한 뒤 페이지 소스 보기에서 JSON-LD 가 정상적으로 들어갔는지 확인
메타 · OG 까지 정리하시려면 결국 옵션 A 의 SEO 플러그인이 필요해집니다. 처음부터 그쪽으로 가시기를 권합니다.
Cafe24
Cafe24 는 손이 조금 더 갑니다 — 관리자에서 HTML 을 직접 편집해야 합니다.
1. Cafe24 관리자 로그인 → 디자인 → 디자인 관리
2. 사용 중인 스킨 선택 → HTML 편집
3. /index.html 또는 메인 페이지 파일 열기
4. </head> 직전에 보내 드린 JSON-LD 블록을 붙여넣기
5. 메타 · OG 태그도 같은 영역에 추가 (기존 메타가 있다면 덮어쓰기)
6. 저장
상품 상세 페이지에 Product 스키마를 넣으시려면 상품 페이지 템플릿 (/product/detail.html) 에 같은 작업을 반복하시면 됩니다.
Webflow
Webflow 는 페이지 단위 Custom Code 가 있어서 깔끔합니다.
1. Webflow Designer → 페이지 선택
2. 좌측 패널의 톱니바퀴 (Page Settings) 클릭
3. Custom Code 섹션 → Inside <head> tag 박스
4. 보내 드린 JSON-LD · 메타 · OG 를 이 박스에 모두 붙여넣기
5. Save & Publish
사이트 전체에 적용할 항목 (예: Organization 스키마) 은 Site Settings → Custom Code → Head Code 에 넣으시면 됩니다.
Framer
Framer 는 Webflow 와 비슷합니다.
1. Framer 프로젝트 → 페이지 선택 → 우측 상단 ⚙️
2. Custom Code 토글
3. Head 박스에 JSON-LD · 메타 · OG 붙여넣기
4. Publish
사이트 전체에 들어가야 하는 코드는 Site Settings → SEO/Custom Code 영역에 넣으시면 됩니다.
v0 / Vercel / Next.js
Next.js App Router 기준:
app/layout.tsx 또는 페이지의 generateMetadata() 함수에서 other 키로 JSON-LD 를 추가하거나, 페이지 컴포넌트 안에서 <script type="application/ld+json"> 으로 렌더링합니다:
export default function Page() {
return (
<>
<script
type="application/ld+json"
dangerouslySetInnerHTML={{
__html: JSON.stringify(/* 우리가 보낸 JSON-LD 객체 */),
}}
/>
{/* 페이지 콘텐츠 */}
</>
);
}
메타는 generateMetadata()의 title / description / openGraph 필드로:
export const metadata = {
title: "/* 우리가 보낸 title */",
description: "/* 우리가 보낸 description */",
openGraph: {
title: "/* 우리가 보낸 ogTitle */",
description: "/* 우리가 보낸 ogDescription */",
},
};
v0 로 만든 사이트도 같은 구조라 그대로 적용됩니다.
Plain HTML / Jekyll / Hugo / Astro
정적 사이트가 가장 단순합니다 — <head> 안에 직접 붙여넣으면 끝.
<head> <title>/* title */</title> <meta name="description" content="/* description */" /> <meta property="og:title" content="/* ogTitle */" /> <meta property="og:description" content="/* ogDescription */" /> <link rel="canonical" href="/* canonical */" /> <script type="application/ld+json"> /* 우리가 보낸 JSON-LD 그대로 */ </script> </head>
Jekyll / Hugo / Astro 는 레이아웃 파일 (_layouts/default.html, layouts/_default/baseof.html, src/layouts/Layout.astro) 의 head 영역에 같은 방식으로 넣으면 됩니다.
적용이 잘 됐는지 확인하는 법
붙여넣은 뒤 정상적으로 작동하는지 확인하시는 단계입니다:
1. Google Rich Results Test — https://search.google.com/test/rich-results - 페이지 URL 입력 → JSON-LD 가 감지되고 에러가 없으면 정상입니다 2. Schema.org Validator — https://validator.schema.org/ 3. /services/schema/diagnose 에서 재진단 — 전체 점수가 처음 베이스라인보다 올라갔다면 정상입니다.
어디선가 막히시면 사이트 주소와 막힌 단계를 메일로 보내 주세요 — 같이 봐 드립니다.