웹 개발 및 마케팅 용어 사전

Name: 소원웹
Telephone: +82-10-4224-3658
Price range: ₩
Rating: 4.9

어렵게 느껴지는 IT 및 마케팅 전문 용어, 소원웹이 명확하게 정의해 드립니다.

SEO (Search Engine Optimization): 검색 엔진 최적화. 구글, 네이버 등 검색 엔진에서 웹사이트가 상위에 노출되도록 기술적·콘텐츠적 요소를 개선하는 전략입니다. 크롤링, 색인, 키워드 분석, 백링크, 사이트 속도 등 다양한 요소가 포함됩니다.
AEO (Answer Engine Optimization): 답변 엔진 최적화. ChatGPT, Perplexity, Claude와 같은 AI 챗봇이나 검색 엔진의 생성형 AI 답변에서 자사의 정보가 정확하고 우선적으로 노출되도록 콘텐츠와 데이터를 구조화하는 최신 마케팅 전략입니다.
GEO (Generative Engine Optimization): 생성형 엔진 최적화. AI 모델이 웹사이트의 콘텐츠를 학습하고 요약하여 사용자에게 제공할 때, 브랜드의 핵심 메시지와 가치가 왜곡 없이 전달되도록 최적화하는 기법입니다.
온페이지 SEO (On-Page SEO): 웹페이지 내부 요소를 최적화하는 SEO 기법입니다. 제목 태그(Title Tag), 메타 디스크립션, 헤딩 구조(H1~H6), 이미지 alt 속성, 내부 링크, 키워드 배치 등이 해당합니다.
오프페이지 SEO (Off-Page SEO): 웹사이트 외부에서 이루어지는 SEO 활동입니다. 다른 사이트로부터 받는 백링크(Backlink) 확보, 소셜 미디어 시그널, 브랜드 언급, 게스트 포스팅 등이 포함됩니다.
테크니컬 SEO (Technical SEO): 웹사이트의 기술적인 요소를 최적화하여 검색 엔진 크롤러가 사이트를 쉽게 수집(Crawling)하고 색인(Indexing)할 수 있도록 돕는 작업입니다. 사이트맵, robots.txt, 페이지 속도, 모바일 친화성 등이 포함됩니다.
로컬 SEO (Local SEO): 특정 지역을 대상으로 하는 검색 엔진 최적화 전략입니다. 구글 비즈니스 프로필(Google Business Profile), 네이버 플레이스 등록, 지역 키워드 최적화, NAP(이름·주소·전화번호) 일관성 유지 등이 핵심입니다.
E-E-A-T (Experience, Expertise, Authoritativeness, Trustworthiness): 구글이 콘텐츠의 품질을 평가하는 기준인 경험(Experience), 전문성(Expertise), 권위성(Authoritativeness), 신뢰성(Trustworthiness)의 약자입니다. 특히 건강, 금융 등 YMYL(Your Money Your Life) 분야에서 중요합니다.
SERP (Search Engine Results Page): 검색 엔진 결과 페이지. 사용자가 검색어를 입력했을 때 표시되는 결과 화면으로, 자연 검색 결과(Organic), 유료 광고(Paid), 리치 스니펫(Rich Snippet), 추천 스니펫(Featured Snippet) 등으로 구성됩니다.
리치 스니펫 (Rich Snippet): 검색 결과에서 기본 제목·URL·설명 외에 별점, 가격, FAQ, 이미지 등 추가 정보가 함께 표시되는 강화된 검색 결과입니다. 구조화된 데이터(Schema.org)를 적용하면 노출 확률이 높아집니다.
추천 스니펫 (Featured Snippet): 구글 검색 결과 최상단에 표시되는 요약 답변 박스입니다. "Position Zero"라고도 불리며, 사용자의 질문에 직접적으로 답변하는 형태의 콘텐츠가 선정됩니다.
AI 오버뷰 (AI Overview / SGE): 구글이 검색 결과 상단에 AI가 생성한 요약 답변을 표시하는 기능입니다. 기존의 SGE(Search Generative Experience)에서 발전한 형태로, AEO·GEO 최적화의 핵심 타깃입니다.
llms.txt: 웹사이트의 루트 디렉터리에 배치하는 텍스트 파일로, AI 모델(LLM)이 사이트 정보를 정확하게 학습할 수 있도록 브랜드 핵심 데이터를 마크다운 형식으로 제공합니다. robots.txt의 AI 버전이라 할 수 있습니다.
AI 크롤러 (AI Crawler): GPTBot, ClaudeBot, PerplexityBot 등 AI 모델의 학습 데이터 수집을 위해 웹사이트를 방문하는 자동화 프로그램입니다. robots.txt에서 접근을 허용하거나 제한할 수 있으며, GEO 전략에서 핵심적으로 관리해야 하는 요소입니다.
AI 환각 (AI Hallucination): AI 모델이 사실에 기반하지 않은 부정확하거나 허위 정보를 마치 사실인 것처럼 생성하는 현상입니다. GEO 최적화를 통해 정확한 브랜드 데이터를 제공하면 환각 발생을 줄일 수 있습니다.
반응형 웹 디자인 (Responsive Web Design): 하나의 웹사이트가 데스크톱, 태블릿, 모바일 등 다양한 화면 크기에 자동으로 최적화되어 표시되는 디자인 방식입니다. 미디어 쿼리(Media Query)와 유동 그리드(Fluid Grid) 등의 CSS 기술을 활용합니다.
SSR (Server-Side Rendering): 서버 측 렌더링. 웹 페이지의 HTML을 서버에서 미리 생성하여 클라이언트(브라우저)에 전달하는 방식입니다. 초기 로딩이 빠르고 검색 엔진 크롤러가 콘텐츠를 쉽게 인식할 수 있어 SEO에 유리합니다.
SSG (Static Site Generation): 정적 사이트 생성. 빌드 시점에 모든 HTML 페이지를 미리 생성하여 CDN에서 서빙하는 방식입니다. 서버 부하가 없고 로딩 속도가 매우 빠르며, 보안성이 높습니다. Astro, Next.js, Hugo 등에서 지원합니다.
CSR (Client-Side Rendering): 클라이언트 측 렌더링. 브라우저에서 자바스크립트를 실행하여 페이지를 동적으로 생성하는 방식입니다. React SPA 등에서 사용되며, 초기 로딩이 느리고 SEO에 불리할 수 있어 SSR/SSG와 함께 활용하는 것이 권장됩니다.
코어 웹 바이탈 (Core Web Vitals): 구글이 웹페이지의 사용자 경험(UX)을 평가하기 위해 만든 핵심 지표입니다. 로딩 속도(LCP), 상호작용 지연 시간(INP), 시각적 안정성(CLS)으로 구성되며, 검색 엔진 순위(SEO)에 직접적인 영향을 미칩니다.
LCP (Largest Contentful Paint): 최대 콘텐츠 렌더링 시간. 페이지에서 가장 큰 콘텐츠 요소(이미지, 비디오, 텍스트 블록 등)가 화면에 표시되기까지 걸리는 시간입니다. 2.5초 이내가 "좋음" 기준이며, Core Web Vitals의 핵심 지표입니다.
INP (Interaction to Next Paint): 상호작용 후 다음 페인트까지의 지연 시간. 사용자가 버튼 클릭, 탭 등의 상호작용을 했을 때 브라우저가 화면을 업데이트하는 데 걸리는 시간입니다. 200ms 이내가 "좋음" 기준이며, FID를 대체하는 새로운 Core Web Vitals 지표입니다.
CLS (Cumulative Layout Shift): 누적 레이아웃 변경. 페이지 로딩 중 예상치 못한 레이아웃 이동이 발생하는 정도를 측정하는 지표입니다. 0.1 이하가 "좋음" 기준이며, 이미지 크기 미지정, 동적 광고 삽입 등이 주요 원인입니다.
부분 수화 (Partial Hydration): Astro 프레임워크의 핵심 기능인 아일랜드 아키텍처(Islands Architecture)에서 사용되는 기술입니다. 페이지 전체를 자바스크립트로 렌더링하지 않고, 상호작용이 필요한 특정 컴포넌트만 선택적으로 활성화하여 초기 로딩 속도를 극대화합니다.
CDN (Content Delivery Network): 콘텐츠 전송 네트워크. 전 세계에 분산된 서버(엣지 서버)를 통해 사용자에게 가장 가까운 위치에서 콘텐츠를 제공하는 시스템입니다. Cloudflare, AWS CloudFront 등이 대표적이며, 로딩 속도 향상과 DDoS 방어에 효과적입니다.
SSL/TLS (HTTPS): 웹사이트와 사용자 간의 데이터를 암호화하여 전송하는 보안 프로토콜입니다. HTTPS 적용은 구글 검색 순위 요소이며, 사용자 신뢰도 향상과 개인정보 보호에 필수입니다. SSL 인증서를 통해 활성화됩니다.
CMS (Content Management System): 콘텐츠 관리 시스템. 코딩 지식 없이도 웹사이트의 콘텐츠(글, 이미지, 페이지 등)를 생성·수정·관리할 수 있는 소프트웨어입니다. 워드프레스, Keystatic, Strapi 등이 대표적입니다.
Headless CMS: 백엔드(콘텐츠 관리)와 프론트엔드(표시 화면)가 분리된 CMS 구조입니다. API를 통해 콘텐츠를 제공하므로 웹, 앱, IoT 등 다양한 채널에 동일한 콘텐츠를 배포할 수 있습니다. Keystatic, Contentful, Sanity 등이 해당합니다.
워드프레스 (WordPress): 전 세계 웹사이트의 40% 이상이 사용하는 가장 대중적인 오픈소스 CMS입니다. 수만 개의 테마와 플러그인을 활용하여 기업 홈페이지, 블로그, 쇼핑몰 등 다양한 웹사이트를 구축할 수 있습니다.
카페24 (Cafe24): 국내 대표 이커머스 플랫폼으로, 무료 호스팅과 결제·주문·배송 관리 시스템을 올인원으로 제공합니다. 네이버 스마트스토어, 쿠팡 등 마켓 연동이 강점이며, 자사몰 구축에 널리 사용됩니다.
구조화된 데이터 (Structured Data / Schema.org): 검색 엔진과 AI가 웹페이지의 콘텐츠를 명확하게 이해할 수 있도록 돕는 표준화된 코드 형식(주로 JSON-LD)입니다. FAQ, 리뷰, 지역 비즈니스 정보 등을 마크업하여 검색 결과에서 리치 스니펫(Rich Snippets)으로 노출되게 합니다.
JSON-LD (JavaScript Object Notation for Linked Data): 구조화된 데이터를 표현하는 표준 형식으로, 구글이 가장 권장하는 구조화 데이터 마크업 방식입니다. HTML의 <script> 태그 안에 JSON 형태로 삽입하며, 페이지 콘텐츠와 독립적으로 관리할 수 있습니다.
시맨틱 HTML (Semantic HTML): HTML 태그의 의미를 살려 문서 구조를 명확하게 표현하는 마크업 방식입니다. <header>, <nav>, <main>, <article>, <section>, <footer> 등의 태그를 사용하여 검색 엔진과 스크린 리더가 콘텐츠를 정확히 이해하도록 돕습니다.
사이트맵 (Sitemap): 웹사이트의 모든 페이지 URL을 목록으로 정리한 XML 파일입니다. 검색 엔진 크롤러에게 사이트 구조를 알려주어 효율적인 크롤링과 색인을 돕습니다. 구글 서치 콘솔에 제출하여 활용합니다.
robots.txt: 웹사이트의 루트 디렉터리에 배치하는 텍스트 파일로, 검색 엔진 크롤러와 AI 크롤러의 접근 범위를 제어합니다. 크롤링을 허용(Allow)하거나 차단(Disallow)할 경로를 지정할 수 있습니다.
캐노니컬 태그 (Canonical Tag): 동일하거나 유사한 콘텐츠가 여러 URL에 존재할 때, 검색 엔진에게 "이 URL이 대표 페이지"임을 알려주는 HTML 태그입니다. 중복 콘텐츠로 인한 SEO 페널티를 방지하는 데 필수적입니다.
CTA (Call to Action): 행동 유도 요소. 웹사이트 방문자가 특정 행동(문의하기, 구매하기, 다운로드 등)을 하도록 유도하는 버튼, 배너, 링크 등을 말합니다. 명확하고 눈에 띄는 CTA는 전환율(CVR) 향상에 직접적인 영향을 미칩니다.
전환율 (CVR, Conversion Rate): 웹사이트 방문자 중 원하는 목표 행동(구매, 문의, 회원가입 등)을 완료한 비율입니다. 예를 들어 100명 방문 중 3명이 문의하면 전환율은 3%입니다. UX 개선, CTA 최적화, A/B 테스트 등으로 향상시킬 수 있습니다.
CTR (Click-Through Rate): 클릭률. 검색 결과, 광고, 이메일 등에서 노출 대비 실제 클릭된 비율입니다. 높은 CTR은 제목과 설명이 사용자의 의도에 잘 부합한다는 것을 의미하며, SEO 성과의 핵심 지표입니다.
바운스율 (Bounce Rate): 웹사이트에 방문한 후 다른 페이지로 이동하지 않고 바로 이탈한 비율입니다. 높은 바운스율은 콘텐츠가 사용자의 기대에 부합하지 않거나, UX가 좋지 않다는 신호일 수 있습니다.
랜딩 페이지 (Landing Page): 광고, 이메일, SNS 등을 통해 유입된 사용자가 가장 먼저 보는 페이지입니다. 특정 목표(상담 신청, 제품 구매 등)에 최적화되어 설계되며, 전환율을 극대화하기 위한 핵심 요소입니다.
A/B 테스트 (A/B Testing): 두 가지 이상의 변형(디자인, 카피, CTA 위치 등)을 동시에 테스트하여 더 높은 성과를 내는 버전을 데이터 기반으로 선택하는 실험 방법론입니다. 전환율 최적화(CRO)의 핵심 기법입니다.
UI/UX (User Interface / User Experience): UI는 사용자가 직접 접하는 화면의 시각적 요소(버튼, 메뉴, 레이아웃 등), UX는 사용자가 제품이나 서비스를 사용하면서 느끼는 전반적인 경험입니다. 좋은 UI/UX는 전환율과 고객 만족도에 직접적으로 영향을 미칩니다.
PG (Payment Gateway): 전자결제 대행 서비스. 온라인 쇼핑몰에서 신용카드, 간편결제(카카오페이, 네이버페이 등), 계좌이체 등 다양한 결제 수단을 연동할 수 있도록 중개하는 시스템입니다. KG이니시스, NHN KCP, 토스페이먼츠 등이 대표적입니다.
이커머스 (E-commerce): 전자 상거래. 인터넷을 통해 상품이나 서비스를 매매하는 모든 활동을 말합니다. B2C(기업→소비자), B2B(기업→기업), C2C(소비자→소비자) 등의 유형이 있으며, 카페24, 쇼피파이, WooCommerce 등의 플랫폼으로 구축합니다.
DNS (Domain Name System): 도메인 이름(예: example.com)을 서버의 IP 주소로 변환해주는 시스템입니다. 사용자가 도메인을 입력하면 DNS가 해당 서버의 위치를 찾아 연결해 줍니다. Cloudflare DNS, Route 53 등이 있습니다.
CI/CD (Continuous Integration / Continuous Deployment): 지속적 통합/지속적 배포. 코드 변경 시 자동으로 테스트·빌드·배포하는 자동화 파이프라인입니다. GitHub Actions, GitLab CI 등을 사용하여 개발→배포 프로세스를 효율화합니다.
PM2: Node.js 프로세스 매니저. 서버 애플리케이션을 백그라운드에서 안정적으로 실행하고, 자동 재시작, 로드 밸런싱, 로그 관리 등의 기능을 제공합니다. 프로덕션 환경에서 Node.js 앱 운영에 필수적인 도구입니다.
웹 접근성 (Web Accessibility / WCAG): 장애인, 고령자 등 모든 사용자가 웹 콘텐츠를 동등하게 이용할 수 있도록 보장하는 설계 원칙입니다. WCAG(Web Content Accessibility Guidelines) 가이드라인을 따르며, 한국에서는 장애인차별금지법에 의해 공공기관에 의무 적용됩니다.
WAI-ARIA (Accessible Rich Internet Applications): W3C가 정의한 접근성 표준으로, 동적 웹 콘텐츠와 복잡한 UI 컴포넌트의 접근성을 향상시키는 HTML 속성(role, aria-label 등)의 집합입니다. 스크린 리더 사용자에게 올바른 정보를 전달하는 데 사용됩니다.
크로스 브라우징 (Cross-Browser Compatibility): 웹사이트가 크롬, 사파리, 파이어폭스, 엣지 등 다양한 브라우저에서 동일하게 작동하고 표시되도록 보장하는 것입니다. CSS 호환성, JavaScript 폴리필, 벤더 프리픽스 등의 기법으로 대응합니다.
구글 서치 콘솔 (Google Search Console): 구글이 제공하는 무료 SEO 분석 도구입니다. 검색 키워드별 노출·클릭 데이터, 색인 상태, 크롤링 오류, 코어 웹 바이탈 점수 등을 확인할 수 있으며, 사이트맵 제출과 URL 검사 기능을 제공합니다.
구글 애널리틱스 (Google Analytics / GA4): 웹사이트 방문자의 행동을 분석하는 무료 도구입니다. 방문자 수, 페이지뷰, 유입 경로, 사용자 행동 흐름, 전환 데이터 등을 제공하며, 데이터 기반 마케팅 의사결정에 필수적입니다.
IndexNow: 마이크로소프트(Bing), 얀덱스 등이 지원하는 즉시 색인 프로토콜입니다. 웹사이트의 콘텐츠가 변경되면 검색 엔진에 즉시 알려 빠른 색인을 유도합니다. 기존의 크롤러 방문 대기 방식보다 훨씬 빠릅니다.
OG 태그 (Open Graph Tags): 페이스북이 개발한 메타 태그 프로토콜로, 웹페이지가 SNS에 공유될 때 표시되는 제목, 설명, 이미지 등을 지정합니다. 카카오톡, 트위터(X), 슬랙 등 대부분의 플랫폼에서 OG 태그 정보를 활용합니다.
Astro: 콘텐츠 중심의 고성능 웹 프레임워크입니다. 기본적으로 JavaScript를 최소화(Zero JS by default)하고, 아일랜드 아키텍처를 통해 필요한 부분만 인터랙티브하게 만듭니다. Core Web Vitals 최적화된 프레임워크입니다.
Tailwind CSS: 유틸리티 우선(Utility-First) CSS 프레임워크입니다. 미리 정의된 클래스(예: flex, p-4, text-lg)를 조합하여 HTML에서 직접 스타일링하므로 빠른 개발이 가능하며, 사용하지 않는 CSS를 자동으로 제거(Tree Shaking)합니다.
Markdoc: Stripe이 개발한 마크다운 기반 콘텐츠 저작 프레임워크입니다. 마크다운의 간편함에 사용자 정의 컴포넌트, 태그, 변수 등의 확장 기능을 더하여 구조화된 콘텐츠를 작성할 수 있습니다.
API (Application Programming Interface): 응용 프로그램 간에 데이터를 주고받기 위한 표준화된 인터페이스입니다. REST API, GraphQL 등의 형태로, 프론트엔드와 백엔드, 외부 서비스 간의 통신에 사용됩니다.