---
title: "헷갈리는 웹사이트 용어 정리"
id: "5113"
type: "post"
slug: "%ed%97%b7%ea%b0%88%eb%a6%ac%eb%8a%94-%ec%9b%b9%ec%82%ac%ec%9d%b4%ed%8a%b8-%ec%9a%a9%ec%96%b4-%ec%a0%95%eb%a6%ac"
published_at: "2026-07-15T23:18:24+00:00"
modified_at: "2026-07-29T22:34:20+00:00"
url: "https://creative-band.com/article/wordpress/%ed%97%b7%ea%b0%88%eb%a6%ac%eb%8a%94-%ec%9b%b9%ec%82%ac%ec%9d%b4%ed%8a%b8-%ec%9a%a9%ec%96%b4-%ec%a0%95%eb%a6%ac/"
markdown_url: "https://creative-band.com/article/wordpress/%ed%97%b7%ea%b0%88%eb%a6%ac%eb%8a%94-%ec%9b%b9%ec%82%ac%ec%9d%b4%ed%8a%b8-%ec%9a%a9%ec%96%b4-%ec%a0%95%eb%a6%ac.md"
excerpt: "웹사이트, 홈페이지, 웹페이지, 랜딩페이지, 메인 내비게이션, 메인 메뉴, 카테고리, 탭 등"
taxonomy_category:
  - "워드프레스"
---

Index

## 홈페이지, 웹사이트, 랜딩페이지?

홈페이지는 웹사이트의 첫 페이지를 말합니다. 흔히 메인 페이지라고도 부릅니다. 물론 메인 페이지와 홈페이지가 항상 같은 의미는 아닙니다. 어떤 웹사이트에서는 첫 페이지보다 더 중요한 페이지가 있을 수도 있기 때문입니다.

참고로 웹페이지는 웹사이트를 구성하는 각각의 페이지를 말합니다. 홈페이지도 수많은 웹페이지 가운데 하나입니다.

![Image](https://creative-band.com/wp-content/uploads/2026/07/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7-2026-07-16-%EC%98%A4%EC%A0%84-8.17.56-1024x964.png)

랜딩페이지(Landing Page)는 방문자가 가장 먼저 도착하는 페이지입니다. 이벤트 참여, 상품 구매, 상담 신청처럼 특정 행동을 유도하기 위해 만드는 경우가 많습니다. 홈페이지를 랜딩페이지로 사용할 수도 있지만, 보통은 별도의 웹페이지를 랜딩페이지로 운영합니다.

정리하면 웹사이트가 가장 큰 개념입니다. 그 안에는 여러 웹페이지가 있고, 그중 첫 페이지를 홈페이지라고 부릅니다. 또 목적에 따라 메인 페이지나 랜딩페이지라는 이름을 사용하기도 합니다.

## 헤더, 풋터?

모든 웹페이지의 가장 위에는 사이트 헤더(Header)가 있습니다. 보통 로고와 메인 메뉴가 위치하는 영역입니다. 가장 아래 영역은 사이트 풋터(Footer)입니다. 회사 정보, 연락처, 저작권, 이용약관 같은 정보가 주로 들어갑니다.

우리가 흔히 로고라고 부르는 것은 심볼마크(Symbol Mark)와 로고타입(Logotype)으로 나눌 수 있습니다. 크리에이티브밴드는 헤더에는 심볼마크만, 풋터에는 로고타입만 사용하고 있습니다. 대부분의 기업은 두 요소를 조합한 형태를 사용합니다.

## 메인 내비게이션, 메인 메뉴, 카테고리, 탭?

사이트 헤더에 있는 메뉴를 보통 메인 내비게이션(Main Navigation) 또는 메인 메뉴(Main Menu)라고 부릅니다. GNB(Global Navigation Bar)라는 용어도 많이 사용합니다. 다만 실무에서는 GNB를 메뉴 자체보다 헤더 전체를 가리키는 의미로 사용하는 경우도 적지 않습니다.

카테고리는 콘텐츠를 분류하는 기준입니다. 매거진이나 블로그에서는 카테고리가 메인 메뉴가 되는 경우가 많습니다. 하지만 일반 기업 웹사이트의 메인 메뉴는 회사소개, 서비스, 포트폴리오처럼 콘텐츠 분류와는 다른 구조로 만드는 경우가 대부분입니다.

메인 메뉴를 탭이라고 부르는 사람도 있습니다. 아마 손가락으로 ’탭(Tap)’해서 누르기 때문일 수도 있고, 모양이 탭(Tab) UI와 비슷해서일 수도 있습니다. 하지만 웹에서 탭은 같은 페이지 안에서 콘텐츠를 전환하는 인터페이스를 말합니다. 페이지를 이동하는 메인 메뉴와는 다른 개념입니다.

## 찰떡같이 알아듣기 15년

가끔 이런 요청을 받습니다.

“카테고리 하나 추가해주세요.”

처음에는 블로그에 새로운 카테고리를 만드는 줄 알았습니다. 그런데 대부분은 메인 메뉴를 하나 더 만들어 달라는 뜻이었습니다.

또 이런 요청도 있습니다.

“홈페이지에 배너 하나 띄워주세요.”

메인 페이지에만 적용하면 되는 것인지, 웹사이트 전체에 보여 달라는 것인지 바로 알기는 어렵습니다.

물론 굳이 바로잡지는 않습니다. 대부분은 대화의 맥락을 보면 무엇을 의미하는지 알 수 있기 때문입니다.

사실 이런 일은 웹뿐 아니라 모든 분야에서 일어납니다. 전문 용어와 일상 용어는 조금씩 다르니까요.

때로는 저도 그 흐름을 따릅니다. 사람들이 검색창에 입력하는 것은 ‘워드프레스 웹사이트 제작’보다 ‘워드프레스 홈페이지 제작’이 훨씬 많기 때문입니다. 그래서 크리에이티브밴드도 상황에 따라 ‘워드프레스 웹사이트 전문 에이전시’ 대신 ‘워드프레스 홈페이지 제작 업체’라는 표현을 사용합니다.

정확한 용어도 중요하지만, 결국 더 중요한 것은 상대방이 무엇을 말하려는지 이해하는 일입니다.

Index

[프로젝트 의뢰하기 →](/project-inquiry/)
[카카오톡 채팅으로 문의하기 →](https://pf.kakao.com/_MwJKxl/chat)
[☺ 문단 디자인 해보기 →](/paragraph/)
[☺ 잘되는 웹사이트 자가진단 →](/self-check/)

- [https://creative-band.com/article/wordpress/permalink-setting-for-blog/](https://creative-band.com/article/wordpress/permalink-setting-for-blog/) - [워드프레스](https://creative-band.com/article/wordpress/) **[기업 웹사이트의 블로그 주소 체계](https://creative-band.com/article/wordpress/permalink-setting-for-blog/)**워드프레스로 기업 웹사이트를 구축하고 블로그도 운영할 계획이라면, 콘텐츠를 발행하기 전에 고유주소 체계부터 정해야 합니다. ![Creative Band](https://secure.gravatar.com/avatar/477c13dfee6c19b25845895880a5344d6854377fbc4e6361ee2d2e27d10f0a03?s=50&d=mm&r=g)by[Creative Band](https://creative-band.com/article/author/creativeband/) 2026-09-06
- [https://creative-band.com/article/wordpress/all-about-search-asset-management-system/](https://creative-band.com/article/wordpress/all-about-search-asset-management-system/) - [워드프레스](https://creative-band.com/article/wordpress/) **[크리에이티브밴드 검색자산 관리 시스템은 어떻게 작동하나요?](https://creative-band.com/article/wordpress/all-about-search-asset-management-system/)**웹사이트와 내부 자료를 분석해 콘텐츠를 기획·생성·점검하는 크리에이티브밴드 검색자산 관리 시스템의 작동 원리를 설명합니다. ![Creative Band](https://secure.gravatar.com/avatar/477c13dfee6c19b25845895880a5344d6854377fbc4e6361ee2d2e27d10f0a03?s=50&d=mm&r=g)by[Creative Band](https://creative-band.com/article/author/creativeband/) 2026-09-02
- [https://creative-band.com/article/search/what-is-a-search-asset/](https://creative-band.com/article/search/what-is-a-search-asset/) - [검색](https://creative-band.com/article/search/) - [워드프레스](https://creative-band.com/article/wordpress/) **[검색자산이란 무엇인가? AI 검색 시대에 웹사이트를 자산으로 만드는 방법](https://creative-band.com/article/search/what-is-a-search-asset/)**검색자산은 기업의 정보와 콘텐츠를 웹사이트에 축적·분류·연결한 정보 체계입니다. AI 검색 시대에 왜 필요하고 어떻게 구축·운영하는지 설명합니다. ![한재일](https://secure.gravatar.com/avatar/45ceb630886ddbe0235c583d42cb27e59bcd530bac4bd05dade6069e11763a02?s=50&d=mm&r=g)by[한재일](https://creative-band.com/article/author/jaeil-han/) 2026-09-01
- [https://creative-band.com/article/wordpress/search-asset-management-system/](https://creative-band.com/article/wordpress/search-asset-management-system/) - [검색](https://creative-band.com/article/search/) - [워드프레스](https://creative-band.com/article/wordpress/) - [유지관리 및 운영](https://creative-band.com/article/maintenance/) **[워드프레스 안에서 분석부터 발행까지, 검색자산 관리 시스템](https://creative-band.com/article/wordpress/search-asset-management-system/)**사이트와 내부 자료를 분석하고 콘텐츠 기획, 생성, SEO·GEO 점검, 내부 연결과 발행까지 지원하는 검색자산 관리 시스템을 소개합니다. ![Creative Band](https://secure.gravatar.com/avatar/477c13dfee6c19b25845895880a5344d6854377fbc4e6361ee2d2e27d10f0a03?s=50&d=mm&r=g)by[Creative Band](https://creative-band.com/article/author/creativeband/) 2026-08-29
- [https://creative-band.com/article/wordpress/web-typography-starts-with-a-paragraph/](https://creative-band.com/article/wordpress/web-typography-starts-with-a-paragraph/) - [워드프레스](https://creative-band.com/article/wordpress/) **[좋은 웹 타이포그래피는 하나의 문단에서 시작합니다](https://creative-band.com/article/wordpress/web-typography-starts-with-a-paragraph/)**좋은 웹 타이포그래피는 잘 읽히는 하나의 문단에서 시작합니다. 콘텐츠의 성격에 맞춰 서체를 선택하고 글줄 길이, 글자 크기와 행간의 균형을 찾은 뒤 제목과 여백으로 확장하는 크리에이티브밴드의 타이포그래피 설계 방법을 소개합니다. ![한재일](https://secure.gravatar.com/avatar/45ceb630886ddbe0235c583d42cb27e59bcd530bac4bd05dade6069e11763a02?s=50&d=mm&r=g)by[한재일](https://creative-band.com/article/author/jaeil-han/) 2026-08-22
- [https://creative-band.com/article/wordpress/wordpress-content-structure-guide-for-page-builders/](https://creative-band.com/article/wordpress/wordpress-content-structure-guide-for-page-builders/) - [워드프레스](https://creative-band.com/article/wordpress/) **[페이지 빌더 사용자를 위한 워드프레스 콘텐츠 구조 설계 가이드](https://creative-band.com/article/wordpress/wordpress-content-structure-guide-for-page-builders/)**페이지 빌더를 사용하기 전에 웹사이트의 콘텐츠 구조 설계가 필요합니다. 이 구조가 만들어져야 페이지 빌더도 제대로 활용할 수 있습니다. ![Creative Band](https://secure.gravatar.com/avatar/477c13dfee6c19b25845895880a5344d6854377fbc4e6361ee2d2e27d10f0a03?s=50&d=mm&r=g)by[Creative Band](https://creative-band.com/article/author/creativeband/) 2026-08-18
- [https://creative-band.com/article/wordpress/wordpress-page-builder-experience/](https://creative-band.com/article/wordpress/wordpress-page-builder-experience/) - [워드프레스](https://creative-band.com/article/wordpress/) **[워드프레스 페이지 빌더, 직접 사용해보고 생각이 달라졌다](https://creative-band.com/article/wordpress/wordpress-page-builder-experience/)**워드프레스 페이지 빌더를 실제 프로젝트에 사용하면서 경험한 장점과 한계를 정리했습니다. ![한재일](https://secure.gravatar.com/avatar/45ceb630886ddbe0235c583d42cb27e59bcd530bac4bd05dade6069e11763a02?s=50&d=mm&r=g)by[한재일](https://creative-band.com/article/author/jaeil-han/) 2026-08-15
- [https://creative-band.com/article/wordpress/%ec%9b%b9%ec%82%ac%ec%9d%b4%ed%8a%b8-%ec%a0%9c%ec%9e%91-%ec%9d%98%eb%a2%b0-%ec%a0%84%ec%97%90-%ec%a4%80%eb%b9%84%ed%95%98%eb%a9%b4-%ec%a2%8b%ec%9d%80-%ea%b2%83/](https://creative-band.com/article/wordpress/%ec%9b%b9%ec%82%ac%ec%9d%b4%ed%8a%b8-%ec%a0%9c%ec%9e%91-%ec%9d%98%eb%a2%b0-%ec%a0%84%ec%97%90-%ec%a4%80%eb%b9%84%ed%95%98%eb%a9%b4-%ec%a2%8b%ec%9d%80-%ea%b2%83/) - [워드프레스](https://creative-band.com/article/wordpress/) **[웹사이트 제작 의뢰 전에 준비하면 좋은 것](https://creative-band.com/article/wordpress/%ec%9b%b9%ec%82%ac%ec%9d%b4%ed%8a%b8-%ec%a0%9c%ec%9e%91-%ec%9d%98%eb%a2%b0-%ec%a0%84%ec%97%90-%ec%a4%80%eb%b9%84%ed%95%98%eb%a9%b4-%ec%a2%8b%ec%9d%80-%ea%b2%83/)**웹사이트 제작은 기업의 정보를 구조화하는 작업입니다. ![한재일](https://secure.gravatar.com/avatar/45ceb630886ddbe0235c583d42cb27e59bcd530bac4bd05dade6069e11763a02?s=50&d=mm&r=g)by[한재일](https://creative-band.com/article/author/jaeil-han/) 2026-07-22
- [https://creative-band.com/article/wordpress/css%ec%9d%98-display-flex%ec%99%80-figma%ec%9d%98-auto-layout/](https://creative-band.com/article/wordpress/css%ec%9d%98-display-flex%ec%99%80-figma%ec%9d%98-auto-layout/) - [워드프레스](https://creative-band.com/article/wordpress/) **[CSS의 display: flex와 Figma의 Auto Layout](https://creative-band.com/article/wordpress/css%ec%9d%98-display-flex%ec%99%80-figma%ec%9d%98-auto-layout/)**display: flex 를 알면 figma와 워드프레스 페이지빌더가 더 쉽습니다. ![한재일](https://secure.gravatar.com/avatar/45ceb630886ddbe0235c583d42cb27e59bcd530bac4bd05dade6069e11763a02?s=50&d=mm&r=g)by[한재일](https://creative-band.com/article/author/jaeil-han/) 2026-07-14
- [https://creative-band.com/article/wordpress/%ed%83%9c%ea%b7%b8%eb%a5%bc-%ec%95%8c%eb%a9%b4-%eb%b8%94%eb%a1%9d%ec%9d%b4-%eb%b3%b4%ec%9e%85%eb%8b%88%eb%8b%a4/](https://creative-band.com/article/wordpress/%ed%83%9c%ea%b7%b8%eb%a5%bc-%ec%95%8c%eb%a9%b4-%eb%b8%94%eb%a1%9d%ec%9d%b4-%eb%b3%b4%ec%9e%85%eb%8b%88%eb%8b%a4/) - [워드프레스](https://creative-band.com/article/wordpress/) **[태그를 알면 블록이 보입니다](https://creative-band.com/article/wordpress/%ed%83%9c%ea%b7%b8%eb%a5%bc-%ec%95%8c%eb%a9%b4-%eb%b8%94%eb%a1%9d%ec%9d%b4-%eb%b3%b4%ec%9e%85%eb%8b%88%eb%8b%a4/)**이제는 단순히 콘텐츠를 쓰는 걸 넘어서, 의미 있게 구성하는 퍼블리셔로 한 걸음 더 나아가보세요. ![한재일](https://secure.gravatar.com/avatar/45ceb630886ddbe0235c583d42cb27e59bcd530bac4bd05dade6069e11763a02?s=50&d=mm&r=g)by[한재일](https://creative-band.com/article/author/jaeil-han/) 2025-05-08