zioinfo-mail/workspace/zioinfo-web/frontend/index.html
DESKTOP-TKLFCPR\ython 97f532e64f feat(seo): 홈페이지 SEO 최적화 — 메타태그·sitemap.xml·robots.txt
## index.html (기반 메타태그)
- title: 풀네임 + 키워드 포함
- description: 160자 최적화
- keywords: 지오정보기술·GUARDiA·공공기관IT·안산IT기업 등
- og:type/title/description/url/image/locale
- twitter:card/title/description/image
- JSON-LD: Organization (주소·전화·대표자) + WebSite 스키마
- 네이버/구글 서치콘솔 인증 주석 준비

## public/sitemap.xml (26개 URL)
- priority: 홈 1.0, GUARDiA 0.9, 오시는길·문의 0.8
- changefreq: 뉴스/공지 weekly, 솔루션 monthly, 약관 yearly

## public/robots.txt
- Googlebot/Yeti(네이버) Allow, Baiduspider Disallow
- /admin/ /api/ Disallow
- Sitemap 경로 명시

## hooks/useSeoMeta.js
- 페이지별 title/description/og/twitter/canonical 동적 업데이트

## 적용 페이지 (6개)
- Home: AI 인프라 자율 운영 키워드
- GuardiaDetail: GUARDiA ITSM 상세 설명
- Company>Greeting: CEO 인사말·홍영택
- Company>Location: 안산 주소·전화번호
- Privacy/Terms/Sitemap: 각 페이지 설명

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-31 12:39:46 +09:00

96 lines
4.2 KiB
HTML

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 기본 SEO -->
<title>(주)지오정보기술 — AI 기반 인프라 자율 운영 플랫폼 GUARDiA ITSM</title>
<meta name="description" content="(주)지오정보기술은 AI 기반 레거시 인프라 자율 운영 플랫폼 GUARDiA ITSM을 개발합니다. 1,000개 이상 공공기관 IT 인프라를 메신저 한 줄 명령으로 자동 운영하세요.">
<meta name="keywords" content="지오정보기술, GUARDiA, ITSM, AI인프라자동화, 공공기관IT, 레거시인프라, ChatOps, 에이전트리스배포, ERP, CRM, SI, 안산IT기업">
<meta name="author" content="(주)지오정보기술">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://zioinfo.co.kr/">
<!-- Open Graph (카카오·페이스북·네이버) -->
<meta property="og:type" content="website">
<meta property="og:site_name" content="(주)지오정보기술">
<meta property="og:title" content="(주)지오정보기술 — GUARDiA ITSM AI 인프라 자동화">
<meta property="og:description" content="메신저 한 줄 명령으로 공공기관 레거시 서버를 자동 운영. GUARDiA ITSM으로 IT 운영 혁신을 경험하세요.">
<meta property="og:url" content="https://zioinfo.co.kr/">
<meta property="og:image" content="https://zioinfo.co.kr/logo.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:locale" content="ko_KR">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="(주)지오정보기술 — GUARDiA ITSM">
<meta name="twitter:description" content="AI 기반 레거시 인프라 자율 운영 플랫폼. 공공기관 IT 운영 자동화의 새로운 기준.">
<meta name="twitter:image" content="https://zioinfo.co.kr/logo.png">
<!-- 네이버 서치어드바이저 인증 (등록 후 content 값 교체) -->
<!-- <meta name="naver-site-verification" content="YOUR_NAVER_CODE"> -->
<!-- 구글 서치콘솔 인증 (등록 후 content 값 교체) -->
<!-- <meta name="google-site-verification" content="YOUR_GOOGLE_CODE"> -->
<!-- JSON-LD: 기업 정보 -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "(주)지오정보기술",
"alternateName": "ZioInfo",
"url": "https://zioinfo.co.kr",
"logo": "https://zioinfo.co.kr/logo.png",
"description": "AI 기반 레거시 인프라 자율 운영 플랫폼 GUARDiA ITSM 및 ERP·CRM·BI 솔루션 전문 IT 기업",
"foundingDate": "2000",
"address": {
"@type": "PostalAddress",
"streetAddress": "광덕4로 220 오피스브이 578호",
"addressLocality": "안산시 단원구",
"addressRegion": "경기도",
"postalCode": "15440",
"addressCountry": "KR"
},
"contactPoint": {
"@type": "ContactPoint",
"telephone": "+82-31-483-1766",
"contactType": "customer service",
"availableLanguage": "Korean"
},
"founder": { "@type": "Person", "name": "홍영택" }
}
</script>
<!-- JSON-LD: 웹사이트 -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "(주)지오정보기술",
"url": "https://zioinfo.co.kr",
"potentialAction": {
"@type": "SearchAction",
"target": "https://zioinfo.co.kr/support/faq?q={search_term_string}",
"query-input": "required name=search_term_string"
}
}
</script>
<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/logo.png">
<!-- Fonts -->
<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=Noto+Sans+KR:wght@300;400;500;700;900&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.jsx"></script>
</body>
</html>