SEO, AI 자연어 검색 홈페이지제작 : 웹사이트(WebSite.co.kr)

본문 바로가기 주메뉴 바로가기

실제로 쓰는 기능이
바로 작동하는 홈페이지 다양한 기술을 적용한 액티브한 홈페이지

문자, 지도, 영상, 웹에디터처럼 실제로 쓰는 기능을 관리자 화면에 연결합니다.
필요한 기술은 페이지 안에서 바로 돌아가게 만듭니다.

01AI Integrated Program

자연어 검색

찾고, 고치고, 답하는 일을 AI가 돕습니다.
방문자는 말하듯 검색하고 챗봇에게 묻고, 관리자는 에디터와 SEO 설정을 AI와 함께 처리합니다.

ADMINAI 연동 관리자 페이지

메뉴, 페이지, 게시판을 관리자 화면에서 직접 고칩니다. 편집 화면 옆 AI 패널에 말로 지시하면 섹션 추가부터 번역까지 AI가 처리하고, 적용 전에 미리보기로 확인할 수 있습니다.

  • 트리 형태로 메뉴를 추가·수정·삭제하고, SEO 친화적 URL을 자동으로 설정합니다.
  • 페이지를 복제해 이벤트·캠페인 페이지를 빠르게 만듭니다.
  • 게시판을 개수 제한 없이 만들고, 공지·FAQ·갤러리 등 10종 이상의 스킨을 고릅니다.
  • 드래그 앤 드롭으로 편집하고 PC·태블릿·모바일 미리보기로 확인합니다.
  • AI 채팅으로 섹션 추가, 표·목록 일괄 편집, 위젯 교체, 다국어 번역을 처리합니다.
  • AI로 이미지를 만들고 웹 이미지 편집기로 다듬으면 자료실에 자동 등록됩니다.
  • 구역(셀)마다 40여 종의 모션효과를 따로 지정합니다.
관리자 페이지 편집 화면에서 AI 패널에 “회사 소개 아래에 FAQ 섹션 추가해줘”라고 입력하면 FAQ 섹션이 미리보기로 추가되는 예시입니다.
관리자페이지 체험하기(새 창)

FREEAI 원클릭 SEO 설정

페이지마다 검색엔진에 보여줄 정보를 관리자에서 한 번에 설정합니다. 페이지 내용을 바탕으로 제목·설명·키워드를 제안받고, 확인한 뒤 적용하면 됩니다.

  • 페이지 제목, 메타 설명, 대표 키워드를 페이지별로 제안·설정
  • 캐노니컬 링크, Open Graph(공유 썸네일) 정보 설정
  • Organization·Article·Product 구조화 데이터 원클릭 생성
  • sitemap.xml · robots.txt · AI 크롤러 정책 자동 생성·관리
  • 구글·네이버 SEO, AEO·GEO 점검 점수로 개선 효과 확인
AI 원클릭 SEO관리자 메뉴 설정에서 SEO 항목을 설정하는 실제 화면
SEO 점수체커 사용해 보기

FREEAI 챗봇

홈페이지 콘텐츠를 학습한 RAG 기반 챗봇이 24시간 365일 상담합니다. 고객이 물어본 언어로, 실제 페이지 내용을 근거로 답하고 출처를 함께 보여줍니다.

  • 페이지·게시판·제품 정보를 나눠(청크) 임베딩해 자동 학습합니다.
  • 답변마다 근거가 된 페이지 출처를 표시합니다.
  • 질문 로그로 고객 관심사를 실시간으로 파악합니다.
  • 답변 오류·학습 소스 오류가 생기면 관리자에게 바로 알립니다.
  • 대시보드에서 학습 소스와 응답 품질을 관리합니다.
“납기일은 얼마나 걸려요?”라는 질문에 AI 챗봇이 제품 페이지 기준 평균 5~7 영업일이라고 답하고 출처를 표시하는 예시입니다.

FREEAI 연동 유료 웹에디터

유료 웹에디터(Froala)를 무상으로 제공해 홈페이지 콘텐츠를 쉽게 관리할 수 있습니다. 여기에 AI Assist를 연결해, 글을 고르고 원하는 작업을 누르거나 옆 AI 패널에 말로 지시하면 에디터 안에서 바로 문장과 레이아웃이 바뀝니다.

AI 기능

  • 문단 줄이기·늘리기, 톤 변경, 맞춤법 다듬기
  • SEO 키워드를 반영한 문장 다듬기
  • AI 이미지 생성 후 본문에 바로 삽입
  • AI 채팅으로 섹션 추가, 표·목록 일괄 편집, 위젯 교체
  • 선택한 문단 다국어 번역
  • 적용 전 미리보기로 결과를 확인한 뒤 반영
웹에디터에서 문단을 선택하고 AI Assist 메뉴의 문단 줄이기, 톤 변경, SEO 키워드 다듬기 등을 고르는 예시입니다.

유료 웹에디터 기본 기능

  • 텍스트 툴, 정렬, 크기, 색상, 배경색상, 행간, 글자 옵션 등 무료 에디터에 없는 다양한 기능
  • 다양한 이모지, 아이콘, 특수문자 제공
  • 표(테이블) 생성과 크기 조절, 배경색상 등
  • 엑셀, 워드 등 오피스 파일 복사 & 붙여넣기
  • 이미지·동영상 업로드와 유튜브, 비메오 영상 삽입
  • HTML 소스 보기, 인쇄하기, PDF 문서 변환 등
관리자페이지 체험하기(새 창)

FREE자연어 검색

키워드가 정확히 일치하지 않아도 뜻이 가까운 결과를 찾습니다. “열 차단이 잘되는 단열재”처럼 말하듯 입력하면 제품·게시글을 의미 기준으로 비교해 가장 비슷한 순서로 보여줍니다.

  • 문장형 질문으로 제품·콘텐츠를 탐색합니다.
  • VectorDB와 OpenAI 임베딩(text-embedding-3-small)으로 유사도를 계산합니다.
  • 결과마다 유사도 점수를 표시해 가까운 순서로 정렬합니다.
  • 페이지 에디터 위젯으로 원하는 위치에 검색창을 넣을 수 있습니다.
  • reCAPTCHA v3와 API 호출 속도 제한으로 남용을 막습니다.
“열 차단이 잘되는 단열재 추천해 주세요”라고 입력하면 고성능 PIR 단열보드 PIR-120이 유사도 0.92로 가장 먼저 표시되는 자연어 검색 예시입니다.
  1. 01방문자가 문장으로 질문을 입력합니다.
  2. 02질문을 임베딩해 의미를 숫자 벡터로 바꿉니다.
  3. 03미리 색인한 제품·콘텐츠 벡터와 유사도를 비교합니다.
  4. 04가장 가까운 결과부터 점수와 함께 보여줍니다.

참고임베딩 처리에 OpenAI API를 사용하며, API 사용료는 고객사 부담입니다.

02Program

프로그램 연동

외부 서비스와 계약이 필요한 연동은 해당 업체와 고객사가 별도 계약한 뒤 연결합니다.

SMS문자메시지(SMS) API

홈페이지를 운영 중인 고객사의 다양한 상황에서 문자 전송업체와 프로그램으로 연동해 실시간 자동 문자를 발송하는 서비스입니다. (문자 전송업체와 별도 계약 필요)

  • SMS

    80Byte 이내의 단문문자

    20원/건 이하
  • LMS

    한글 1,000자 이내의 장문문자

    55원/건 이하
  • MMS

    한글 1,000자 + 이미지 첨부 가능한 장문문자

    277원/건 이하
고객사 홈페이지가 API로 SMS 업체에 연동되고, SMS 업체가 SKT·KT·LG U+ 통신사에 전송을 요청해 홈페이지 사용자에게 문자가 전송됩니다.

연동 예시회원가입 완료 시 문자메시지(SMS)를 자동 발송합니다.

회원가입 화면에서 가입을 완료하면 가입자 휴대폰으로 환영 알림문자가 자동 발송되는 예시입니다.

MAP지도 API

네이버, 카카오, 구글 지도 API 연동을 지원합니다. 업체별로 지도 콘텐츠와 기능이 다르니 표시할 기능과 지역에 따라 선택해 적용합니다. 홈페이지 위치 지도 연동은 무료로 제공합니다.

  • 네이버 지도 API 적용 예시 — 신사역 인근 서울특별시 강남구 도산대로11길 18 위치 표시

    네이버

    • 국내 지도만 표시
    • 빠른 업데이트로 신도시 등도 원활히 표시
    • 일정량 호출 이후 과금
  • 카카오 지도 API 적용 예시 — 신사역 인근 회사 위치 마커 표시

    카카오

    • 국내 지도만 표시
    • 빠른 업데이트로 신도시 등도 원활히 표시
    • 현재까지 무료 이용
  • 구글 지도 API 적용 예시 — 신사역 인근 회사 위치 마커 표시

    구글

    • 국내·해외 지도 표시
    • 국내 신도시 등 업데이트가 느림
    • 일정량 호출 이후 과금

마커 표시지도의 특정 좌표(건물 등)에 이미지 등을 표시해 회사 정보, 부동산 매물, 대리점 위치 등을 여러 개 표시할 수 있습니다.

지도 마커 위에 서울 강남구 도산대로11길 18 주소, 지번, 길찾기 버튼이 있는 정보창을 띄운 예시
정보창 마커주소·지번·길찾기 등 회사 정보를 말풍선으로 표시
서울 지도 위에 브랜드 로고 마커 여러 개로 매장 위치를 표시한 예시
다중 마커브랜드 로고 마커로 매장·대리점 위치를 한 번에 표시

홈페이지 연동 예시

카카오맵은 어렵지 않게 적용할 수 있습니다. 아래 지도는 실제 카카오맵 API로 연동한 웹사이트(WebSite.co.kr) 위치입니다.

웹사이트(WebSite.co.kr) 위치 약도 — 카카오맵에서 보기

Location

(주)쓰리애니아이앤시 · 웹사이트

서울특별시 금천구 가산디지털1로 145, 906호
(가산동, 에이스하이엔드타워3차)

  • 지하철 1·7호선 가산디지털단지역 7번 출구 도보 3분
  • 자가용 이용 시 건물 주차장을 이용할 수 있습니다.
  • 방문 전 담당자와 시간 약속을 부탁드립니다.
PG

카드결제 API

개별 카드회사와 계약하지 않고 PG(결제대행사)와 계약해 PG사의 결제모듈을 사용하는 방법입니다.

나이스페이 등 PG사와 계약 후 API 키값을 알려주시면 홈페이지에서 신용카드, 온라인입금 등의 기능을 사용할 수 있도록 프로그램 작업을 해 드립니다. 쇼핑몰 기능이 있다면 상품 선택 후 바로구매 카드결제가 가능합니다.

고객사 홈페이지가 API로 PG사에 연동되고, PG사가 국민·신한·삼성 등 카드사에 결제를 요청해 지불 결과를 받으면 결제가 완료됩니다.
상품 상세에서 바로 구매를 누르면 PG사 신용카드 결제창이 열려 카드사를 고르고 결제하는 예시입니다.
N PAY

네이버페이 API

네이버 아이디로 로그인해 네이버 결제시스템으로 간편하게 결제하는 기능입니다.

홈페이지와 연동해 네이버페이 결제가 가능하도록 프로그램 작업을 해 드립니다.

고객사 홈페이지가 API로 네이버페이에 연동되고, 네이버페이가 카드사에 결제를 요청해 지불 결과를 받으면 결제가 완료됩니다.
상품 상세에서 네이버페이 버튼을 누르면 네이버페이 주문·결제 화면으로 이어지는 예시입니다.
IR

주식 및 공시정보 API

실시간 주가정보와 전자공시정보를 공인기관과 연계해 보여주는 프로그램입니다.

주식정보는 코스콤에서, 공시정보는 코스콤과 DART 2곳에서 연계할 수 있습니다. IR 페이지에서 주가와 공시를 실시간으로 확인하도록 작업해 드립니다.

고객사 홈페이지가 API로 코스콤과 금융감독원 DART에 연동해 주가정보와 공시정보를 받아 표시합니다.
OIL

유가정보 API

홈페이지에서 “전국 평균가격(휘발유/경유/LPG)” 정보를 실시간으로 보여줄 수 있습니다.

전국 평균, 서울 평균의 휘발유·경유 가격정보를 표시하는 등 유가정보를 실시간으로 확인하도록 작업해 드립니다.

고객사 홈페이지가 API로 한국석유공사 오피넷에 연동해 유가정보를 받아 표시합니다.

오늘의 유가

업데이트 2026.10.08

전국 평균 (원/리터)

1,643.00▲ 0.20

최저 1,617.49최고 1,725.28

서울 평균 (원/리터)

1,725.28▼ 1.06

최저 1,623.69최고 2,100.30

예시 데이터입니다. 연동 시 오피넷 실시간 가격이 표시됩니다.

03Video

자체 개발 동영상 서비스

동영상 콘텐츠를 쉽게 업로드하고 홈페이지에서 보일 수 있도록 변환(인코딩)⁠하는 서비스를
무료로 제공합니다. 웹사이트(WebSite.co.kr)만의 특화된 자체 개발 기술입니다.

FREE동영상 인코딩 무료 지원

  • FTP 등 중간 과정 없이 원스톱으로 관리자모드에서 업로드하고 사용합니다.
  • 영상 자체에 회사 로고, 설명 문구 등의 워터마크를 상·하·좌·우·중앙 원하는 위치에 넣을 수 있습니다.
  • 대부분의 동영상 포맷(avi, mp4, mpeg, mov 등)을 인코딩하므로 추가 변환 작업이 필요 없습니다.
  • 네이버TV, 유튜브 등에서 쓰이는 코덱을 사용해 동영상 품질이 깨끗합니다.
  • 메인페이지, 게시판, 고객 맞춤형 프로그램 등 모든 홈페이지에서 다양하게 이용할 수 있습니다.
  • 회원인증 또는 구매인증으로 인증된 사용자에게만 선택적으로 적용할 수 있어 온라인 교육사이트에도 적합합니다.
  • 일반 MP4는 원본을 다운로드할 수 있지만, 인코딩된 동영상은 플레이만 가능하고 다운로드되지 않습니다.
서비스 소개동영상 인코딩 무료 지원
인코딩 샘플관리자모드에서 업로드 후 변환된 영상

FREE동영상 편집 무료 지원

업로드할 동영상과 편집 방향을 정리해 주시면 예시 수준의 편집을 무료로 지원합니다.

  1. 01영상 도입부 좌측 상단에서 하단으로 나타나는 강조 문구
  2. 02영상 콘텐츠별 화면 전환 효과 추가
  3. 03영상 상단 좌측 회사 로고 및 전환 효과 추가
  4. 04영상 하단 자막 추가로 정보 전달력 향상

동영상 내 워터마크 삽입

워터마크는 동영상 또는 이미지에 회사 로고, 문자 등을 덧입혀 원본 출처를 확인하는 기능입니다. 무단 화면 캡처 시 콘텐츠를 보호할 수 있습니다.

워터마크 삽입관리자모드에서 워터마크를 만들고 영상에 적용하는 과정
  • 관리자모드에서 워터마크를 쉽게 생성하고 변경합니다.
  • 업로드 후 1일 이내에는 재업로드 없이 인코딩된 영상을 확인하며 재작업할 수 있습니다.
  • 이미지 또는 텍스트로, 상·하·좌·우·중앙 등 원하는 위치에 설정합니다.

메인비주얼 셀프 관리

동영상, 이미지, 비메오, 유튜브, 일반 MP4 등 원하는 콘텐츠를 업로드하고 표시 순서를 지정해 메인 비주얼을 구성합니다.

메인비주얼 관리관리자모드에서 배너·동영상을 교체하는 과정
  • 메인 비주얼 영역 동영상을 관리자모드에서 직접 교체합니다.
  • 일시정지하거나 재생이 끝나면 다음 콘텐츠로 자동 이동합니다.
  • 인코딩한 동영상은 번호만 입력하면 메인 비주얼과 게시판에서 함께 이용할 수 있습니다.

게시판 내 동영상 삽입

업로드한 동영상과 유튜브, 비메오 링크를 개별 게시판에 쉽게 연결합니다.

게시판 동영상게시글에 인코딩 영상을 연결한 예시
  • 인코딩된 동영상 파일은 다운로드되지 않습니다.
  • 번호만 입력하면 홈페이지 내 여러 콘텐츠에서 이용할 수 있습니다.

04SEO

검색엔진 최적화(SEO) 지원

SEO를 구성하는 점수 항목은 200개 이상으로 매우 많습니다.
당사가 지원하는 테크니컬 SEO 항목을 바탕으로 제작하면 검색엔진 최적화에 많은 도움이 됩니다.
고객님은 콘텐츠 SEO에 집중하시면 됩니다.

  1. 01

    모바일 친화성

    모든 홈페이지를 반응형으로 제작해 모바일 접근을 쉽게 하고 SEO 점수를 높입니다.

  2. 02

    SSL 인증서 설치

    SSL이 적용된 홈페이지가 SEO 점수가 높습니다.

  3. 03

    온페이지 최적화

    페이지 제목, 메타태그, 캐노니컬 링크를 페이지별로 설정할 수 있습니다.

  4. 04

    소셜 미디어 링크

    공유 버튼과 Open Graph 태그 설정을 적용합니다.

  5. 05

    페이지 로딩속도

    동영상, 이미지 등의 크기를 최적화합니다.

  6. 06

    XML 사이트맵

    네이버, 구글에 홈페이지를 등록하고 XML 사이트맵을 만들어 등록해 드립니다.

  7. 07

    404 에러페이지

    404 에러 페이지를 별도로 둡니다.

  8. 08

    크롤링 최적화

    robots.txt 파일을 최적화해 설정합니다.

  9. 09

    방문자 분석 도구

    구글과 네이버 애널리틱스를 기본 설치해 마케팅 활용도를 높입니다.

NAVER‘홈페이지 제작’ 검색결과
Google‘홈페이지 제작’ 검색결과

필요한 기술, 홈페이지에 바로 연결해 드립니다.

적용하고 싶은 기능이나 참고 사이트를 알려주시면 구현 방법을 제안해 드립니다.

상담 문의