음성 재생과 운영 배포 정리

apps/web/index.html

@@ -6,9 +6,56 @@
     <meta name="color-scheme" content="light dark" />
     <meta
       name="description"
-      content="Vignette — 교육용 AI 심리상담 시뮬레이션 훈련 플랫폼. 실제 치료·진단을 대체하지 않습니다."
+      content="Vignette는 상담 수련생이 AI 내담자와 회기를 연습하고, 평가 피드백과 사례개념화 워크시트를 확인하는 교육용 AI 심리상담 시뮬레이션 훈련 플랫폼입니다."
+    />
+    <meta name="robots" content="index,follow,max-snippet:160,max-image-preview:large" />
+    <link rel="canonical" href="https://vignette.chanpaca.net/" />
+    <meta property="og:type" content="website" />
+    <meta property="og:locale" content="ko_KR" />
+    <meta property="og:site_name" content="Vignette" />
+    <meta property="og:title" content="Vignette · AI 심리상담 시뮬레이션 훈련" />
+    <meta
+      property="og:description"
+      content="AI 내담자 회기 연습, 평가 피드백, 사례개념화 워크시트를 한 흐름으로 제공하는 상담 교육 플랫폼."
+    />
+    <meta property="og:url" content="https://vignette.chanpaca.net/" />
+    <meta
+      property="og:image"
+      content="https://vignette.chanpaca.net/design-elements/clinical-paper-ambient.png"
+    />
+    <meta property="og:image:width" content="1672" />
+    <meta property="og:image:height" content="941" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:title" content="Vignette · AI 심리상담 시뮬레이션 훈련" />
+    <meta
+      name="twitter:description"
+      content="상담 수련생을 위한 AI 내담자 회기 연습과 평가 피드백 플랫폼."
+    />
+    <meta
+      name="twitter:image"
+      content="https://vignette.chanpaca.net/design-elements/clinical-paper-ambient.png"
     />
     <title>Vignette · 상담 시뮬레이션</title>
+    <script type="application/ld+json">
+      {
+        "@context": "https://schema.org",
+        "@type": "WebApplication",
+        "name": "Vignette",
+        "url": "https://vignette.chanpaca.net/",
+        "applicationCategory": "EducationalApplication",
+        "operatingSystem": "Web",
+        "inLanguage": "ko-KR",
+        "description": "상담 수련생이 AI 내담자와 회기를 연습하고 평가 피드백과 사례개념화 워크시트를 확인하는 교육용 AI 심리상담 시뮬레이션 훈련 플랫폼.",
+        "audience": {
+          "@type": "EducationalAudience",
+          "educationalRole": "counseling trainee"
+        },
+        "provider": {
+          "@type": "Organization",
+          "name": "Vignette"
+        }
+      }
+    </script>
     <!-- 본문/UI 기본 폰트: Pretendard Variable (DESIGN_CONCEPT §3.6) -->
     <link
       rel="stylesheet"