노션 페이지를 웹사이트처럼 이용하는 방법 (노션 페이지 공유, 웹에 게시 Tip)
2024.12.14
웹사이트 형 포트폴리오를 노션으로 만들면 좋다던데.. 노션으로 만든 회사 FAQ 문서를 고객사에게 전달할 수 있는 방안이 없을까?
이런 고민을 하셨던 분이라면 오늘 글 도움 되실 거예요. 무료 요금제로도 사용할 수 있는 게시 기능을 활용해 노션 페이지를 웹사이트처럼 활용하는 방법에 대해 알려드릴게요!
🤔 노션 페이지 공유와 게시, 어떻게 다를까?
노션에서 공유 버튼을 누르면 공유와 게시 두 가지 기능이 있고 각각 다른 목적으로 활용할 수 있어요.
- 공유 (Sharing) : 공유는 특정 사용자를 이메일 주소로 지정해서 초대해 읽기, 댓글 작성, 편집 등 권한을 설정할 수 있어 팀 프로젝트나 공동 작업 시 주로 사용돼요.
- 게시 (Publishing) : 게시는 웹사이트처럼 모든 사람에게 공개해 URL이 생성되며 이 URL을 입력해 아무나 내 페이지에 접근할 수 있어요. 그래서 포트폴리오, FAQ, 고객 센터처럼 정보 제공이나 홍보 목적으로 주로 사용돼요.
오늘 글에서는 게시 기능을 활용해 노션 페이지를 웹사이트처럼 이용하는 방법에 대해 소개해 드릴게요.
💡 노션 웹사이트 어떤 점이 좋을까?
먼저, 노션 페이지를 웹사이트로 활용하면 어떤 점이 좋은지 알아볼게요.
- 개수 제한 없이 페이지를 웹에 게시할 수 있어요.
- 기본 노션 도메인을 사용하면 별도 비용 없이 웹사이트를 만들 수 있어요.
- 노션 페이지를 수정하면 실시간으로 웹사이트에도 반영돼요.
노션 게시 기능을 이용해 웹사이트로 만드는 방법은 무료 요금제를 이용하는 분에게도 제공되는 기본 기능이니 꼭 알아두시면 좋겠죠!
🖥️ 5초 만에 노션 페이지를 웹사이트로 만들기
아래 3단계를 따라 하면 5초 만에 노션 페이지 게시 완성! 웹사이트 URL도 즉시 생성되니 지금 바로 따라 해 볼까요?
- 페이지 우측 상단 공유 버튼 클릭
- 팝업 창 상단 게시 탭 클릭
- 파란색 게시 버튼 클릭
너무 간단하지 않나요? 게시 후 팝업창 상단에 내 웹사이트 주소가 나오며 우측 연결 버튼을 클릭하면 URL을 복사할 수 있어요. 이렇게 복사한 URL을 상대에게 전달하면 해당 주소를 통해 내 웹사이트로 들어올 수 있어요.
🎨 노션 웹사이트 커스텀 하기
이렇게 만든 노션 웹사이트, 세세하게 커스텀이 가능한 것도 알고 계시나요? 썸네일 미리 보기 설정부터 테마 변경까지 공여사들의 꿀팁을 모두 알려드릴게요. 단, 커스텀 기능은 대부분 플러스 유료 요금제 이상만 지원하기 때문에 무료 요금제로도 설정 가능한 부분은 별도로 표기해 드릴게요.
커스텀 메뉴는 어디에 있나요?
페이지 상단 하늘색 배너 부분에 사이트 설정 버튼을 클릭해 주시거나 게시 버튼을 눌렀던 공유 팝업창에서 사이트 사용자 지정 메뉴를 클릭해 주세요.
1. 썸네일 미리 보기 변경하는 법
SNS에 공유할 때 보이는 미리 보기 이미지(썸네일)을 원하는 이미지로 교체할 수 있어요. 기본적으로 상단 배경 이미지와 아이콘, 제목으로 썸네일이 자동 생성되는데요. 이미지 업로드 버튼을 눌러 원하는 이미지로 변경하면 주소를 공유할 때 나오는 이미지를 변경할 수 있어요.
2. 라이트 or 다크 테마로 변경하는 법
흰 배경의 라이트 테마와 검은 배경의 다크 테마 중 선택하여 보여줄 수 있고, 시스템으로 설정하면 내 웹사이트를 보는 사람들의 기기에 맞춘 테마로 알아서 변경되어 보여요.
3. 파비콘 대표 이미지 바꾸는 법
파비콘은 브라우저 탭 왼쪽에 작게 표시되는 이미지로 공여사들 웹사이트는 초록색 머리의 김과장 캐릭터가 보일 거예요. 이처럼 노션으로 만든 웹사이트도 파비콘을 내가 원하는 이미지로 변경할 수 있으며 기본적으로 페이지 아이콘이 삽입돼요.
4. 웹사이트 제목 영역 커스텀 하는 법
제목 메뉴에서는 여러 옵션을 설정할 수 있는데요. 하나씩 설명해 드릴게요.
- 이동 경로 : 웹사이트 내에서 페이지를 눌러 이동하는 경우 좌측 상단에 이동한 경로를 순서대로 표시해 주는 기능이에요.
- 검색 : 웹사이트 내에서 사용자가 검색할 수 있는 기능을 제공해요.
- 템플릿으로 복제 : 내 웹사이트를 상대방이 복제할 수 있는 기능이에요. 특수한 경우가 아니라면 대부분 이 설정은 꺼두는 것이 좋겠죠?
- 페이지 단축키 : 웹사이트 내 특정 페이지를 제목 영역에 메뉴로 추가할 수 있어요. 해당 페이지로 바로 이동할 수 있어서 유용해요.
이 중 템플릿으로 복제 on/off 기능은 무료 요금제로도 사용할 수 있어요.
5. 구글 애널리틱스(GA) 연결하는 법
웹사이트 데이터 분석 도구로 구글 애널리틱스를 연결해서 방문자 수 등 여러 데이터도 확인할 수 있어요.
6. 웹사이트 URL 변경하는 법, 개인 도메인 연결
게시 팝업창에서 웹사이트 URL을 변경할 수 있어요. 만약 notion.site 도메인이 아닌 나만의 도메인으로 변경하고 싶다면 아래 이미지를 참고해 설정 > 사이트 메뉴로 이동하여 새 도메인을 추가할 수 있어요.
여기까지 노션 페이지를 웹사이트처럼 활용하는 방법에 대해 소개해 드렸어요.
게시 기능을 잘 활용하면 남부럽지 않은 나만의 웹사이트 제작이 가능한데요. 포트폴리오처럼 나에 대한 소개와 정보를 잘 담아 웹사이트 형태로 공유하면 확실히 신뢰도가 상승하죠. 본문 이미지에 사용된 일과삶 포트폴리오 템플릿과 함께 웹사이트 형 포트폴리오를 뚝딱 만들어보시는 건 어때요?
-
공통
- 슬랙에서 노션 알림받기 (+연동방법)
- 노션-구글캘린더 연동 FAQ 총정리 (자주 묻는 질문)
- 2025년 노션 가격/요금제 총정리 (+공짜로 쓰는 방법)
- 노션 다운로드 방법 (+템플릿 복제/페이지 공유)
- 일잘러가 노션AI로 생산성 높이는 방법(2025)
- 노션 반복일정 등록 방법(자동화 TIP)
- 노션 무료 요금제 블록제한 해결방법(유료결제 NO!!)
- 노션 자주 쓰는 단축키만 정리해봄! (2025 노션 단축키 모음)
- 노션 페이지를 웹사이트처럼 이용하는 방법 (노션 페이지 공유, 웹에 게시 Tip)
- 노션 데이터베이스 연동. 표 하나에 여러 데이터베이스 불러오기
- 노션, 아이폰 캘린더 연동방법 (구글 캘린더 활용)
- 노션 목차 만들기와 관리 팁: 고정 및 이동 방법 완벽 정리
- 노션 빨간밑줄 없애는 가장 쉬운 방법 (맞춤법 검사기 OFF)
- 노션 가운데 정렬 하는 방법 3가지 알려드림
- 노션 아바타, 캐릭터 만드는 방법 (노션 페이스)
- 플래너
- 기록/아카이빙
- 업무용
- 위키