사례 / 사이트 기반

정적 사이트를 지속 운영할 수 있는 기반으로.

정적 사이트의 가벼움을 유지하면서 CMS, 검색, SEO와 배포 품질을 단계적으로 더한 자체 프로젝트입니다.

Acecore 공식 사이트의 톱 페이지
서비스, 요금, 기술 기사, 문의 입구를 하나의 공개 기반으로 운영하고 있습니다.

개요 / 01

계속 업데이트되는 사이트 기반으로.

Astro 및 Cloudflare Pages을 기반으로 CMS 및 검색 등을 확인 가능한 단위로 추가했습니다. 편집·확인·공개까지를 하나의 운영으로서 정돈하고 있습니다.

대상
Acecore 공식 사이트
공개 기반
Astro / Cloudflare Pages
업데이트 흐름
Sveltia CMS / GitHub
위치 지정
자사 프로젝트

현재

실현된 상태

  • 업데이트

    CMS에서 고정 페이지, 기사, 설정 항목을 업데이트할 수 있습니다.

  • 정보 발견

    검색 및 내부 리드에서 필요한 정보로 이동 가능

  • 공개 품질

    SEO·CSP·액세서빌러티·표시 품질을 같은 공개 플로우로 확인할 수 있다

Acecore공식 사이트 문의 양식
상담 종별과 필요한 입력 항목을 정리해, 정식의 문의에 진행하는 화면을 공개하고 있습니다.

과제와 방침 / 02

복잡하게 만들지 않고 성장 가능한 형태로.

도전

공개 기반을 복잡하게 하지 않는다.

정보량과 기능이 증가해도 필요한 내용으로 이동할 수 있어 갱신이나 장애의 영향을 구분할 수 있는 구성이 필요했습니다.

정책

기능과 공개 흐름을 함께 설계.

CMS, 기사, 검색 등을 역할별로 나누고, 누가 편집하고, 어디에서 확인하고, 어떻게 공개할지까지를 기능의 일부로 정돈했습니다.

구현 내용 / 03

단계적으로 정돈된 범위

각 항목을 단독으로 추가하는 것이 아니라, 공개·확인·운영과의 연결을 보면서 진행했습니다.

Acecore 공식 사이트 블로그 목록 및 필터링 화면
기사, 태그, 아카이브, 검색을 연결해, 정보가 늘어나도 찾을 수 있는 구성으로 하고 있습니다.

01

업데이트 및 기사 운영

브라우저에서 업데이트할 수 있는 입구와 GitHub을 통해 변경사항을 확인하는 흐름을 정리했습니다.

  • Sveltia CMS로 고정 페이지, 기사, 설정 항목 편집
  • 이미지 업로드 대상 및 입력 항목 정리
  • 기사 목록 · 태그 · 관련 기사 · RSS

02

정보 발견 · 내부 도선

페이지가 늘어도 검색 및 관련 링크에서 필요한 정보로 이동할 수 있는 구조를 추가했습니다.

  • Pagefind로 사이트 내 검색
  • 검색 대상 및 제외 범위 정리
  • 서비스·요금·기사 간의 내부 링크

03

검색엔진에 알리는 정보

페이지의 역할과 URL을 정렬하여 검색결과 및 공유 시 필요한 정보를 일관되게 만들었습니다.

  • title·description·OGP·canonical
  • Organization·WebSite·WebPage 등의 JSON-LD
  • 사이트맵과 다국어 URL 일치

04

공개 품질

안전성, 사용 편의성, 표시 속도를 별도의 후속으로 만들지 않고 배달 구성과 함께 확인했습니다.

  • CSP · 보안 헤더 · 캐시
  • 키보드 조작, 포커스, 폼
  • 이미지, CSS, 글꼴, 외부 스크립트

관련 지원 / 04