o2o-infinith-demo/index.html
Haewon Kam 13f8c362c2 feat: 랜딩 AI 크롤러 가독성 — SSR 프리렌더 + 메타/JSON-LD + robots/sitemap/llms.txt
- src/entry-server.tsx + scripts/prerender.ts: 빌드 시 / 를 renderToString으로 정적 HTML 주입 (크롤러 본문 4단어 → 800+단어)
- main.tsx: 프리렌더된 랜딩은 hydrateRoot, 나머지 라우트는 createRoot
- index.html: lang=ko, description/OG/canonical, Organization·SoftwareApplication·WebSite JSON-LD
- public/: robots.txt(AI 크롤러 명시 허용), sitemap.xml, llms.txt (SPA 리라이트로 index.html 반환되던 문제 해소)
- Badge.tsx: 메인 체크아웃에만 있고 미커밋이던 컴포넌트 추가 (빌드 실패 원인)

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-08-28 15:43:47 +09:00

77 lines
4.6 KiB
HTML

<!doctype html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>INFINITH - 성형외과 AI 마케팅 전략 플랫폼</title>
<meta name="description" content="INFINITH는 성형외과·피부과의 유튜브, 인스타그램, 페이스북, 네이버 블로그, 네이버 플레이스, 강남언니 채널을 AI로 분석해 마케팅 진단 리포트, 실행 로드맵, KPI를 제안하는 전략 기획 엔진입니다." />
<meta name="keywords" content="성형외과 마케팅, 피부과 마케팅, 병원 마케팅 분석, AI 마케팅 리포트, 의료 마케팅 전략, INFINITH" />
<meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large" />
<link rel="canonical" href="https://infinith-demo.vercel.app/" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="INFINITH" />
<meta property="og:locale" content="ko_KR" />
<meta property="og:title" content="INFINITH - 성형외과 AI 마케팅 전략 플랫폼" />
<meta property="og:description" content="병원 채널 URL만 입력하면 유튜브·인스타그램·네이버·강남언니를 AI가 분석해 마케팅 진단 리포트와 실행 로드맵을 만듭니다." />
<meta property="og:url" content="https://infinith-demo.vercel.app/" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="INFINITH - 성형외과 AI 마케팅 전략 플랫폼" />
<meta name="twitter:description" content="병원 채널 URL만 입력하면 유튜브·인스타그램·네이버·강남언니를 AI가 분석해 마케팅 진단 리포트와 실행 로드맵을 만듭니다." />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "Organization",
"@id": "https://infinith-demo.vercel.app/#organization",
"name": "INFINITH",
"url": "https://infinith-demo.vercel.app/",
"description": "성형외과·피부과 대상 AI 마케팅 분석 및 전략 기획 플랫폼",
"areaServed": "KR",
"knowsLanguage": ["ko", "en"]
},
{
"@type": "SoftwareApplication",
"@id": "https://infinith-demo.vercel.app/#software",
"name": "INFINITH",
"applicationCategory": "BusinessApplication",
"operatingSystem": "Web",
"url": "https://infinith-demo.vercel.app/",
"publisher": { "@id": "https://infinith-demo.vercel.app/#organization" },
"description": "성형외과·피부과의 유튜브, 인스타그램, 페이스북, 네이버 블로그, 네이버 플레이스, 강남언니 채널을 AI로 분석해 마케팅 진단 리포트, 실행 로드맵, KPI를 제안합니다.",
"featureList": [
"다채널 마케팅 데이터 자동 수집 (YouTube, Instagram, Facebook, 네이버 블로그, 네이버 플레이스, 강남언니)",
"AI 마케팅 진단 리포트 생성",
"채널별 변환 전략 및 실행 로드맵 제안",
"KPI 설계 및 성과 분석",
"AI 콘텐츠 스튜디오 (이미지 생성)"
],
"offers": { "@type": "Offer", "url": "https://infinith-demo.vercel.app/pricing", "priceCurrency": "KRW" }
},
{
"@type": "WebSite",
"@id": "https://infinith-demo.vercel.app/#website",
"url": "https://infinith-demo.vercel.app/",
"name": "INFINITH",
"inLanguage": "ko",
"publisher": { "@id": "https://infinith-demo.vercel.app/#organization" }
}
]
}
</script>
<!-- Self-hosted Pretendard Variable preload (CDN 차단 망 대비) -->
<link rel="preload" href="/fonts/PretendardVariable.woff2" as="font" type="font/woff2" crossorigin />
<!-- Google Fonts: Inter + Playfair Display (영문 — fallback 안전) -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,900;1,400&display=swap" rel="stylesheet">
<!-- 백업 CDN (self-host 실패 대비) -->
<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css" />
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>