홈페이지 용어 위키
홈페이지 운영 글에 자주 나오는 용어를 전문가가 아니어도 이해할 수 있게 한 줄씩 정리했어요
총 64개
ㄱ
검색엔진 등록 Site Verification
검색엔진 등록은 사이트 운영자가 구글 · 네이버 같은 검색엔진의 관리 도구에 내 사이트를 추가하고, 그 사이트의 주인이 맞다는 것을 확인받는 일이에요.
고스트 버튼 Ghost Button
고스트 버튼은 평소에는 배경색과 테두리가 보이지 않고 글자나 아이콘만 보이는 버튼으로, 화면에서 가장 덜 눈에 띄게 만든 보조 행동용 버튼이에요.
구조화 데이터 Structured Data
구조화 데이터는 페이지에 담긴 정보(상품 가격, 글쓴이, 발행일 등)가 무엇인지 검색엔진이 헷갈리지 않게 정해진 형식으로 덧붙여 두는 데이터예요.
ㄴ
내비게이션 바 Navigation Bar
내비게이션 바는 사이트 맨 위에 로고와 주요 메뉴를 한 줄로 늘어놓아, 방문자가 어느 페이지에 있든 원하는 페이지로 옮겨 갈 수 있게 해 주는 메뉴 막대예요.
네임서버 Name Server
네임서버는 누군가 내 도메인을 주소창에 입력했을 때, 그 도메인이 어느 서버로 연결돼야 하는지 알려 주는 연결 정보를 맡아 보관하는 서버예요.
ㄷ
대체 텍스트 Alt Text
대체 텍스트는 화면을 볼 수 없는 사람이나 검색엔진도 이미지 내용을 알 수 있도록, 이미지가 무엇을 담고 있는지 글로 적어 이미지 코드에 함께 넣어 두는 설명 문구예요.
도메인 Domain
도메인은 qshop.ai처럼 사람들이 주소창에 입력해 내 사이트를 찾아오는, 인터넷 위의 사이트 이름이에요.
띠배너 Strip Banner
띠배너는 페이지 맨 위나 아래에 가로로 길고 얇은 띠 모양으로 두고, 무료배송 · 할인 같은 짧은 소식을 한 줄로 알리는 배너예요.
ㄹ
랜딩 페이지 Landing Page
랜딩 페이지는 광고나 검색 결과, 문자 속 링크를 누른 방문자가 처음 도착하는 페이지로, 마케팅에서는 예약이나 구매 같은 행동 하나를 이끌어 내려고 따로 만든 페이지를 가리켜요.
리디렉션 Redirect
리디렉션은 방문자나 검색엔진이 예전 주소로 들어왔을 때, 서버가 새 주소를 알려 주고 그 주소로 자동으로 옮겨 보내는 일이에요.
링크 버튼 Link Button
링크 버튼은 배경과 테두리 없이 글자색이나 밑줄만으로 글 속 링크처럼 보이게 만들어, 다른 버튼들과 나란히 버튼 자리에 놓는 버튼이에요.
ㅁ
메타 설명 Meta Description
메타 설명은 검색 결과의 제목 아래에 보일 수 있도록 페이지 내용을 짧게 요약해 페이지 코드 안에 적어 두는 글이에요.
메타 타이틀 Title Tag
메타 타이틀은 검색 결과에서 링크로 보이는 제목이 되도록, 페이지 코드의 title 태그 안에 적어 두는 그 페이지의 이름이에요.
메타 태그 Meta Tag
메타 태그는 페이지 코드의 머리 부분(head)에 넣어, 방문자 화면에는 보이지 않는 페이지 정보를 검색엔진과 브라우저에 알려 주는 코드예요.
ㅂ
반응형 웹 Responsive Web Design
반응형 웹은 하나의 페이지가 PC · 태블릿 · 스마트폰 등 방문자 화면의 너비에 맞춰 글자 배치와 이미지 크기를 스스로 바꿔 보여 주도록 만드는 방식이에요.
배너 Banner
배너는 할인 · 신상품 · 이벤트 같은 소식을 알리려고 웹페이지 안의 정해진 자리에 넣는 이미지나 문구 영역이에요.
배지 Badge
배지는 상품 사진이나 메뉴 옆에 'NEW', 'BEST', '품절'처럼 짧은 상태 정보를 붙여 보여 주는 작은 표시예요.
버튼 스타일 Button Style
버튼 스타일은 버튼의 배경색 · 테두리 · 글자 모양을 어떻게 꾸밀지 정한 방식으로, 버튼마다 눈에 띄는 정도를 달리해 어떤 행동이 더 중요한지 보여 주는 데 써요.
별점 Star Rating
별점은 별 다섯 개 중 몇 개가 채워졌는지로 상품이나 서비스에 대한 평가를 한눈에 보여 주는 화면 요소예요.
ㅅ
사이트맵 Sitemap
사이트맵은 사이트에 어떤 페이지가 있는지 주소 목록을 검색엔진이 읽을 수 있는 형식으로 정리해 둔 파일이에요.
색인 Indexing
색인은 검색엔진이 읽어 간 페이지의 글 · 이미지 · 영상을 분석해, 검색할 때 꺼내 쓸 수 있도록 자기 저장소(검색 색인)에 정리해 두는 일이에요.
서치 콘솔 Google Search Console
서치 콘솔은 내 사이트가 구글 검색 결과에 몇 번 보였고 몇 번 클릭됐는지, 페이지가 구글 색인에 들어갔는지 사이트 운영자가 확인할 수 있는 구글의 사이트 관리 도구예요.
섹션 Section
섹션은 웹페이지를 내용별로 나눈 가로 구역 하나하나로, '소개' · '상품' · '후기'처럼 한 가지 이야기를 담는 덩어리예요.
솔리드 버튼 Solid Button
솔리드 버튼은 버튼 배경을 진한 색으로 꽉 채워, 한 화면의 버튼 가운데 가장 눈에 띄게 만든 버튼이에요.
스티키 헤더 Sticky Header
스티키 헤더는 방문자가 페이지를 아래로 스크롤해도 화면 맨 위에 붙어 따라오는 헤더(로고와 메뉴가 있는 맨 위 영역)예요.
슬러그 Slug
슬러그는 qshop.ai/insights의 insights처럼 페이지 주소에서 도메인 뒤에 붙어 그 페이지를 가리키는 짧은 이름이에요.
ㅇ
아웃라인 버튼 Outline Button
아웃라인 버튼은 버튼 안쪽은 비워 두고 테두리 선과 글자만 색으로 그린 버튼으로, 솔리드 버튼보다 덜 눈에 띄게 만들어 두 번째로 중요한 행동에 쓰는 버튼이에요.
아이콘 버튼 Icon Button
아이콘 버튼은 글자 없이 돋보기 · 장바구니 · 닫기(×) 같은 그림 하나만으로 무슨 일을 하는지 나타내는 버튼이에요.
아코디언 Accordion
아코디언은 질문이나 제목만 세로로 늘어놓고, 방문자가 제목을 누르면 그 아래로 내용이 펼쳐졌다 접히게 하는 화면 요소예요.
액티브 Active
액티브는 방문자가 버튼이나 링크를 누르고 있는 바로 그 순간의 상태, 또는 그때 바뀌는 화면 모양을 가리키는 말이에요.
영상 삽입 Video Embed
영상 삽입은 영상을 내 웹페이지 안에 넣어, 방문자가 다른 사이트로 넘어가지 않고 그 자리에서 바로 재생해 볼 수 있게 하는 일이에요.
유입 경로 Traffic Source
유입 경로는 방문자가 검색 · SNS · 다른 사이트의 링크 · 주소 직접 입력 가운데 어떤 길을 거쳐 내 사이트에 들어왔는지를 나눈 기록이에요.
이탈률 Bounce Rate
이탈률은 사이트에 들어온 방문 가운데 다른 페이지를 더 보거나 별다른 행동을 하지 않고 끝난 방문의 비율이에요.
입력폼 Form
입력폼은 이름 · 연락처 · 문의 내용처럼 방문자가 정보를 적어 사이트 운영자에게 보낼 수 있게, 입력 칸과 보내기 버튼을 모아 둔 화면 요소예요.
ㅈ
전환율 Conversion Rate
전환율은 사이트에 들어온 방문자 중 구매 · 예약 · 문의처럼 사이트가 바라는 행동까지 마친 사람의 비율이에요.
제로클릭 검색 Zero-click Search
제로클릭 검색은 검색한 사람이 검색 결과 화면에서 답을 얻고, 어떤 웹사이트 링크도 누르지 않은 채 검색을 끝내는 일이에요.
ㅋ
카드 Card
카드는 사진 · 제목 · 짧은 설명 · 버튼처럼 대상 하나에 관한 정보를 네모난 틀 하나에 모아 담은 화면 요소예요.
캐노니컬 URL Canonical URL
캐노니컬 URL은 내용이 같거나 거의 같은 페이지가 여러 주소로 열릴 때, 그중 검색 결과에 보여 줄 대표로 정한 주소예요.
컴포넌트 Component
컴포넌트는 버튼 · 카드 · 메뉴처럼 화면에 여러 번 쓰는 요소를 원본 하나로 만들어 두고, 필요한 곳마다 원본과 연결된 복사본을 꺼내 쓰는 화면 부품이에요.
ㅌ
태그 Tag
태그는 글이나 상품에 '여름', '원피스'처럼 주제를 나타내는 짧은 낱말을 붙여, 같은 주제끼리 묶어 찾아볼 수 있게 하는 꼬리표예요.
탭 Tab
탭은 한 자리에 여러 묶음의 내용을 겹쳐 두고, 위쪽에 늘어선 이름표를 눌러 원하는 묶음만 골라 보게 하는 화면 요소예요.
토글 Toggle Switch
토글은 전등 스위치처럼 밀거나 눌러서 켜짐과 꺼짐 두 상태 중 하나를 고르는 화면 요소예요.
ㅍ
팝업 Pop-up
팝업은 웹페이지 위에 겹쳐 떠오르는 작은 창으로, 이벤트나 공지처럼 방문자에게 먼저 보여 주고 싶은 내용을 담는 화면 요소예요.
페이지뷰 Page View
페이지뷰는 방문자가 사이트의 페이지를 연 횟수로, 같은 페이지를 다시 열 때마다 한 번씩 더 세는 숫자예요.
포커스 Focus
포커스는 클릭이나 키보드의 탭(Tab) 키로 페이지 안의 버튼 · 링크 · 입력칸 중 하나가 선택돼, 다음 입력을 받을 준비가 된 상태예요.
푸터 Footer
푸터는 웹페이지 맨 아래에 회사 정보 · 연락처 · 이용약관 같은 안내를 모아 두는 영역이에요.
ㅎ
햄버거 메뉴 Hamburger Menu
햄버거 메뉴는 가로줄 세 개(☰) 모양의 버튼을 누르면 숨어 있던 메뉴 목록이 펼쳐지는 방식으로, 화면이 좁은 휴대폰에서 메뉴를 접어 둘 때 쓰는 메뉴예요.
호버 Hover
호버는 방문자가 마우스 커서를 버튼이나 링크 위에 올려놓았지만 아직 누르지는 않은 상태, 또는 그때 바뀌는 화면 모양을 가리키는 말이에요.
호스팅 Web Hosting
호스팅은 내 사이트의 파일과 데이터를 서버에 올려 두고, 방문자가 언제든 사이트에 들어올 수 있게 그 서버를 대신 운영해 주는 서비스예요.
히어로 섹션 Hero Section
히어로 섹션은 방문자가 홈페이지에 들어왔을 때 가장 먼저 보는 맨 위 영역으로, 큰 제목 · 짧은 설명 · 대표 이미지 · 행동 버튼을 담아 이 사이트가 무엇을 하는 곳인지 알리는 섹션이에요.
A
AEO 답변 엔진 최적화
AEO(답변 엔진 최적화)는 검색엔진이나 AI가 질문에 바로 보여 주는 답변에 내 사이트의 내용이 쓰이도록 콘텐츠와 사이트를 다듬는 일이에요.
AI 개요 Google AI Overviews
AI 개요(Google AI Overviews)는 구글 검색 결과에서 AI가 여러 웹페이지를 바탕으로 질문의 답을 요약해 보여 주고, 근거가 된 페이지 링크를 함께 붙여 주는 기능이에요.
AI 크롤러 AI Crawler
AI 크롤러는 ChatGPT · Claude · Perplexity 같은 AI 서비스를 만든 회사가 학습이나 답변에 쓸 웹페이지를 모으려고 사이트를 자동으로 방문하는 프로그램이에요.
ai.txt ai.txt
ai.txt는 AI가 내 사이트 내용을 인용할 때 지켜 줬으면 하는 기준, 주의할 점, 정보가 언제 기준인지를 적어 사이트에 두는 안내 파일이에요.
C
CNAME 레코드 Canonical Name Record
CNAME 레코드는 내 도메인 주소가 다른 도메인 주소를 그대로 따라가도록, "이 주소는 저 주소의 다른 이름"이라고 적어 두는 도메인 연결 기록이에요.
CTA Call to Action
CTA(Call to Action)는 '무료로 시작하기', '예약하기'처럼 페이지를 본 사람에게 다음에 할 행동을 직접 권하는 버튼이나 문구예요.
E
E-E-A-T 경험 · 전문성 · 권위성 · 신뢰성
E-E-A-T는 콘텐츠가 경험 · 전문성 · 권위성 · 신뢰성을 얼마나 보여 주는지를 살피는, 구글이 콘텐츠 품질을 설명할 때 쓰는 네 가지 기준이에요.
G
GEO 생성형 엔진 최적화
GEO(생성형 엔진 최적화)는 ChatGPT · Perplexity · 구글 AI 개요처럼 AI가 답을 만들어 주는 검색에서 내 사이트 내용이 답변에 인용되도록 콘텐츠와 사이트를 다듬는 일이에요.
L
llms.txt llms.txt
llms.txt는 사이트의 핵심 페이지와 내용을 AI가 빨리 파악할 수 있게 마크다운으로 정리해 사이트 맨 위 주소(/llms.txt)에 두는 안내 파일이에요.
R
robots.txt 로봇 배제 표준
robots.txt는 사이트 맨 위 주소(/robots.txt)에 두고, 검색엔진이나 AI 서비스의 크롤러(사이트를 자동으로 돌아다니며 읽는 프로그램)에게 들어와도 되는 곳과 안 되는 곳을 알리는 규칙 파일이에요.
S
SEO 검색엔진 최적화
SEO(검색엔진 최적화)는 구글 · 네이버 같은 검색엔진이 내 사이트 내용을 잘 이해하고, 검색한 사람에게 내 페이지를 보여 주기 쉽게 사이트와 콘텐츠를 다듬는 일이에요.
SSL 인증서 SSL / HTTPS
SSL 인증서는 방문자의 브라우저와 사이트 서버가 주고받는 내용을 암호로 바꿔 보호하고, 그 사이트가 주소에 적힌 도메인의 진짜 사이트임을 확인해 주는 전자 증명서예요.
U
UTM 파라미터 UTM Parameter
UTM 파라미터는 방문자가 어느 광고 · 게시물 · 이메일을 보고 들어왔는지 나눠 보려고 링크 주소 끝에 덧붙이는 꼬리표예요.
#
404 페이지 404 Not Found
404 페이지는 방문자가 사이트에 없는 주소로 들어왔을 때, 서버가 "요청한 페이지를 찾을 수 없다"는 뜻의 404 응답과 함께 보여 주는 안내 페이지예요.