"도메인이 뭐예요?" "SSL은요?"
노션으로 홈페이지 만든다고 했더니 주변에서 이런 질문을 받은 적 있으신가요? 저도 처음엔 그랬어요. 노션은 잘 쓰는데, 막상 '웹사이트'라는 단어가 붙으니까 갑자기 낯선 용어들이 쏟아지더라고요.
걱정 마세요. 이번 챕터에서 필요한 개념만 쏙쏙 정리해드릴게요. 어려운 기술 지식이 아니라, "아, 그게 그거구나" 하고 넘어갈 수 있을 정도면 충분합니다.
홈페이지 제작을 위해 알아야 하는 용어
도메인(Domain)
도메인은 쉽게 말해 인터넷 주소예요.
우리가 친구 집에 놀러갈 때 주소가 필요하듯, 웹사이트에도 주소가 필요합니다.
www.neversleep.io 같은 게 바로 도메인이에요.원래 웹사이트 주소는
192.168.0.1 같은 숫자(IP 주소)로 되어 있어요. 그런데 이걸 외우고 다닐 수는 없잖아요? 그래서 사람이 기억하기 쉬운 이름을 붙인 게 도메인입니다.비유하자면 전화번호부에 '엄마'라고 저장해두는 것과 같아요. 010-1234-5678을 외우는 대신, '엄마'만 누르면 되니까요.
DNS
DNS는 도메인과 실제 서버를 연결해주는 시스템이에요.
방금 도메인이 전화번호부의 '엄마'라고 했죠? DNS는 그 전화번호부 자체라고 생각하면 됩니다. 누군가
neversleep.io를 입력하면, DNS가 "아, 그 주소는 여기야!"하고 실제 서버 위치를 알려주는 거예요.노션 기반 홈페이지를 만들 때, 내 도메인을 노션 페이지에 연결하는 과정이 있어요. 이때 DNS 설정을 해야 합니다. 복잡해 보이지만, 툴에서 안내하는 대로 따라하면 어렵지 않아요.
SSL과 HTTPS
주소창에 자물쇠 아이콘 보신 적 있죠? 그게 SSL이 적용됐다는 표시예요.
SSL은 웹사이트와 방문자 사이의 정보를 암호화해주는 보안 장치입니다. SSL이 적용된 사이트는 주소가
http://가 아니라 https://로 시작해요. 's'가 secure(보안)의 약자거든요.왜 필요하냐고요?
SSL이 없으면 브라우저에서 "이 사이트는 안전하지 않습니다"라는 경고가 뜹니다. 방문자 입장에서 신뢰가 확 떨어지겠죠? 검색엔진도 SSL 없는 사이트는 순위에서 불이익을 줍니다.
다행히 노션 기반 툴들은 SSL을 자동으로 적용해줘요. 따로 설정할 필요 없습니다.
SEO 기초
SEO는 Search Engine Optimization, 검색엔진 최적화예요.
쉽게 말해, 구글이나 네이버에서 내 사이트가 잘 검색되게 만드는 작업입니다.
"홈페이지 만들었는데 아무도 안 와요."
이런 말, 생각보다 많이 들어요. 아무리 예쁘게 만들어도 검색에 안 뜨면 존재하지 않는 것과 마찬가지거든요. SEO는 내 홈페이지를 '발견 가능하게' 만드는 작업이에요.
노션 기반 홈페이지에서도 기본적인 SEO 설정이 가능합니다. 페이지 제목, 설명, 이미지 같은 것들을 신경 써서 작성하면 검색 노출에 도움이 돼요.
AEO
AEO는 Answer Engine Optimization, AI 검색 최적화예요.
요즘 ChatGPT, 구글 AI Overview 같은 AI가 검색 결과를 직접 답변해주는 거 보셨죠? 예전엔 검색하면 링크 목록이 나왔는데, 이제는 AI가 "답변"을 먼저 보여줍니다.
AEO는 이런 AI 검색에서 내 콘텐츠가 답변으로 채택되도록 최적화하는 거예요. 질문-답변 형식으로 글을 쓰거나, 핵심 정보를 명확하게 정리해두면 AI가 인용할 확률이 높아집니다.
아직은 "그런 게 있구나" 정도만 알아두세요. 노션 홈페이지에서 당장 신경 쓸 부분은 아니지만, 블로그나 콘텐츠 페이지를 운영할 때는 점점 중요해지고 있어요.
GEO
GEO는 Generative Engine Optimization, 생성형 AI 검색 최적화예요.
AEO와 비슷한 개념인데, 더 넓은 범위를 다룹니다. Perplexity, Claude, Gemini 같은 다양한 생성형 AI에서 내 콘텐츠가 참조되도록 하는 거예요.
핵심은 같습니다. AI가 이해하기 쉽게, 구조화된 정보를 제공하는 것. 제목과 소제목을 명확히 하고, 핵심 내용을 앞에 배치하고, 신뢰할 수 있는 정보를 담으면 됩니다.
구글 서치콘솔
구글 서치콘솔은 내 사이트가 구글에 어떻게 노출되는지 확인하는 도구예요.
무료로 쓸 수 있고, 사이트를 등록해두면 이런 것들을 알 수 있습니다.
- 어떤 검색어로 사람들이 들어오는지
- 검색 결과에 몇 번 노출됐는지
- 클릭은 얼마나 됐는지
- 사이트에 오류가 있는지
홈페이지를 만들고 나서 "구글에 등록"하는 작업이 바로 서치콘솔에 사이트를 추가하는 거예요. 이걸 해야 구글이 내 사이트를 인식하고 검색 결과에 띄워줍니다.
네이버 서치어드바이저
네이버 서치어드바이저(구 웹마스터 도구)는 네이버 검색 노출을 관리하는 도구예요.
구글 서치콘솔의 네이버 버전이라고 생각하면 됩니다. 한국에서 서비스한다면 네이버 검색도 무시 못 하잖아요?
사이트를 등록하고 나면 네이버가 내 페이지들을 수집해가고, 검색 결과에 노출시켜줍니다. 어떤 키워드로 유입되는지, 노출 현황은 어떤지도 확인할 수 있어요.
호스팅
호스팅은 웹사이트 파일을 저장하고 보여주는 서버 공간이에요.
일반적으로 홈페이지를 만들려면 호스팅 서비스에 가입하고, 서버를 빌리고, 파일을 업로드하고... 꽤 번거로운 과정을 거쳐야 해요.
근데 노션 기반으로 만들면? 이 과정이 필요 없습니다.
노션 자체가 이미 서버 역할을 하고 있고, 툴이 중간에서 연결만 해주거든요. 그래서 우리는 호스팅에 대해 몰라도 됩니다. 그냥 "원래는 이런 게 필요한데, 노션이 대신해주는구나" 정도만 알아두세요.
호스팅 사이트는 cloudflare, 가비아, 고데디 등 많은 업체들 중에 저렴한 사이트를 선택하셔서 사용하시면 됩니다.
노션으로 홈페이지 제작을 위해 알아야 하는 기능
노션을 어느 정도 써보셨다면 아래 내용이 익숙할 거예요. 홈페이지 제작 관점에서 다시 한번 짚어볼게요.
페이지와 하위 페이지 구조
노션의 가장 큰 장점 중 하나가 페이지 안에 페이지를 넣을 수 있다는 거예요.
홈페이지로 치면 이렇게 됩니다.
- 메인 페이지 (홈)
- 소개 페이지
- 서비스 페이지
- 문의 페이지
이 구조가 곧 웹사이트의 메뉴 구조가 돼요. 노션에서 페이지를 정리하듯이 홈페이지 구조를 잡으면 됩니다. 어렵게 생각할 것 없어요.
웹에 공개 설정
노션 페이지 오른쪽 상단에 '공유' 버튼 있죠? 거기서 '웹에 공개'를 켜면 누구나 그 페이지를 볼 수 있어요.
이게 노션으로 홈페이지를 만들 수 있는 핵심 원리입니다. 공개된 노션 페이지에 내 도메인을 연결하면, 그게 곧 홈페이지가 되는 거예요.
페이지 뿐만 아니라 홈페이지 제작을 위해 제작한 데이터베이스 원본이 들어간 페이지 모두 게시를 해야 볼 수 있습니다.
블록 개념
노션에서 모든 콘텐츠는 블록 단위로 이루어져 있어요.
텍스트 한 줄, 이미지 하나, 동영상 하나가 각각 블록입니다. 이 블록들을 쌓고 조합해서 페이지를 만드는 거예요.
홈페이지 제작에서 자주 쓰는 블록들이 있어요.
- 텍스트 블록 — 기본 글쓰기
- 제목 블록 (H1, H2, H3) — 섹션 구분
- 이미지/동영상 블록 — 시각 자료
- 콜아웃 블록 — 강조하고 싶은 내용
- 구분선 — 섹션 나누기
- 열 나누기 — 가로로 콘텐츠 배치
특히 열 나누기는 홈페이지 레이아웃 잡을 때 많이 씁니다. 2열, 3열로 나눠서 콘텐츠를 배치하면 훨씬 정돈된 느낌을 줄 수 있거든요.
데이터베이스
노션 데이터베이스, 처음 접하면 좀 어렵게 느껴질 수 있어요. 근데 홈페이지 만들 때 정말 유용합니다.
갤러리 뷰가 대표적이에요.
블로그, 포트폴리오, 팀원 소개, 상품 목록 같은 걸 보여줄 때 갤러리 뷰를 쓰면 카드 형태로 깔끔하게 나열됩니다. 일일이 이미지랑 텍스트를 배치할 필요 없이, 데이터베이스에 항목만 추가하면 자동으로 정렬되니까요.
커버 이미지와 아이콘
노션 페이지 상단에 넣는 커버 이미지, 그리고 페이지 제목 옆에 붙는 아이콘. 이 두 가지가 홈페이지의 첫인상을 결정해요.
커버 이미지는 페이지의 분위기를 잡아줍니다. 브랜드 컬러에 맞는 이미지나 일러스트를 넣으면 훨씬 전문적으로 보여요. 사이즈는 가로 1500px 이상을 권장합니다. 너무 작으면 흐릿하게 보이거든요.
아이콘은 페이지를 구분하는 역할을 해요. 메뉴가 여러 개일 때 각 페이지마다 다른 아이콘을 넣으면 방문자가 구조를 파악하기 쉽습니다. 이모지를 써도 되고, 직접 이미지를 업로드해도 돼요.
여기까지 읽으셨으면 준비는 끝났습니다.
용어가 낯설어서 시작을 망설였던 분들, 이제 "아, 대충 이런 거구나" 감이 오시죠? 완벽하게 이해할 필요 없어요. 만들면서 자연스럽게 익혀지거든요.
후기 이벤트
후기 작성(클릭)하고 내 홈페이지 SEO 피드백 보고서 받아보세요!
Made with Bullet