본문 바로가기
노코드 웹사이트 제작

노코드 웹사이트로 유튜버 팬페이지 만들기

by hitit-1 2025. 7. 10.

유튜버 팬페이지가 필요한 이유와 노코드 도구의 등장 

현대 사회에서 유튜버는 단순한 콘텐츠 제작자를 넘어 하나의 브랜드이자 문화의 중심으로 떠올랐습니다. 사람들은 단순히 유튜브 영상만 시청하는 데서 그치지 않고, 그 유튜버의 일상, 성격, 명언, 굿즈, 그리고 더 많은 부가 정보를 원합니다. 하지만 대부분의 유튜버들은 자신의 콘텐츠 업로드에 집중하느라 별도의 공식 홈페이지나 팬페이지를 운영하지 않습니다. 이럴 때 팬들이 직접 팬페이지를 만들 수 있다면 유튜버를 좋아하는 많은 사람들에게 유익한 정보와 커뮤니티 공간을 제공할 수 있습니다.

 

 노코드 도구의 등장

 

기존에는 이러한 팬페이지를 만들기 위해 HTML, CSS, 자바스크립트 같은 웹 개발 지식이 필수였습니다. 하지만 이제는 그런 전문 기술이 없어도 웹사이트를 만들 수 있는 시대가 열렸습니다. 바로 '노코드(no-code)' 도구의 등장 덕분입니다. 노코드란 말 그대로 '코드를 사용하지 않고' 웹사이트나 앱을 만들 수 있게 해주는 도구들을 의미합니다. 대표적인 예로는 Notion, Carrd, Super.so, Wix, Webflow 등이 있으며, 이 중에서도 특히 Notion과 Carrd는 유튜버 팬페이지를 만들기 매우 적합한 툴로 평가받고 있습니다.

노코드 도구는 복잡한 코딩 과정을 생략하고, 드래그 앤 드롭 혹은 마크다운 방식의 입력만으로 완성도 높은 웹사이트를 만들 수 있도록 도와줍니다. 이를 통해 중학생이나 고등학생, 심지어 초등학생도 자신만의 팬페이지를 제작할 수 있게 되었고, 이 과정에서 웹 제작 경험을 자연스럽게 쌓는 기회도 얻을 수 있습니다.
또한 팬페이지를 만들면서 수익화를 생각한다면, 구글 애드센스를 활용한 광고 삽입도 가능하므로, 단순한 취미를 넘어 수익 모델로 발전시킬 수도 있습니다.

이 글에서는 노코드 툴을 활용해 유튜버 팬페이지를 만드는 구체적인 방법과, 실제 실습 예시, 그리고 애드센스 광고를 연결하여 수익을 얻을 수 있는 방법까지 하나하나 자세히 소개하려고 합니다. 독창적인 테마이기 때문에 검색 노출이 잘 될 가능성도 크고, 애드센스 승인 확률도 매우 높습니다.

노코드 웹사이트로 유튜버 팬페이지 만들기

어떤 노코드 툴을 선택해야 할까? 플랫폼 비교와 추천 

유튜버 팬페이지를 만들기 위해서는 먼저 어떤 노코드 도구를 사용할지 결정해야 합니다. 각각의 플랫폼은 사용 목적과 디자인 성향에 따라 강점과 약점이 다르기 때문에, 본인의 목적에 맞는 플랫폼을 선택하는 것이 중요합니다. 아래에서 대표적인 노코드 툴 4가지를 소개하고 비교해 보겠습니다.

🔹 Notion + Super.so

Notion은 본래 문서 정리 툴로 유명하지만, 이를 웹사이트처럼 사용할 수 있게 만드는 Super.so 같은 서비스와 결합하면 매우 효율적인 팬페이지 제작 도구가 됩니다. Notion에서 작성한 내용을 그대로 Super.so를 통해 독립 도메인에 연결할 수 있고, 테마와 색상도 손쉽게 커스터마이징할 수 있습니다. 이 조합은 특히 정보성 콘텐츠가 많은 유튜버 팬페이지에 적합합니다. 예를 들어 유튜버의 영상 모음, 명언 정리, 팬 이벤트 일정 등을 정리하여 보기 쉽게 보여줄 수 있습니다.

🔹 Carrd

Carrd는 극단적으로 미니멀한 디자인을 추구하는 웹사이트 제작 도구입니다. 1페이지 형식의 심플한 웹사이트를 만들 수 있으며, 팬페이지가 정보 위주보다 디자인 위주일 경우 매우 적합합니다. 특히 팬아트, 인스타그램 피드, 유튜브 영상 임베드 등의 기능을 통해 유튜버의 비주얼 콘텐츠를 강조하고 싶은 팬들에게 적합합니다. 사용법이 매우 간단하고, 10분 만에 완성도 높은 결과물을 만들 수 있다는 점도 장점입니다.

🔹 Wix

Wix는 드래그 앤 드롭 기반의 웹사이트 빌더로, 비교적 자유도가 높고 다양한 템플릿이 제공됩니다. 본격적인 브랜드 팬페이지를 만들고 싶을 때 추천되며, 광고 삽입이나 온라인 스토어 기능도 기본으로 제공되기 때문에 팬 굿즈 판매까지 연결할 수 있는 확장성이 있습니다. 다만, 처음 접하는 사람에게는 인터페이스가 약간 복잡하게 느껴질 수 있으며, 속도 최적화 측면에서 타 도구보다 불리할 수 있습니다.

🔹 Webflow

Webflow는 약간의 코드 개념을 요구하긴 하지만, 시각적으로 매우 정교한 웹사이트를 만들 수 있는 노코드 툴입니다. 고퀄리티의 포트폴리오성 팬페이지를 만들고 싶은 경우 추천되며, 특히 반응형 디자인이 강력하고 SEO 최적화 기능도 내장되어 있어 검색 노출에도 강점을 보입니다. 그러나 진입 장벽이 약간 높기 때문에 초보자보다는 중급 이상에게 적합한 플랫폼입니다.

결론적으로 초보자라면 Notion + Super.so 혹은 Carrd 조합을 추천하며, 본인의 디자인 감각과 기술 수준에 따라 도구를 선택하는 것이 가장 중요합니다.

유튜버 팬페이지 구성 방법과 실제 제작 튜토리얼 

유튜버 팬페이지는 단순히 유튜브 영상 링크를 모아두는 공간을 넘어, 유튜버의 브랜드 이미지를 정리하고 팬들과 소통하는 콘텐츠 허브가 되어야 합니다. 따라서 구성 요소를 기획할 때부터 목적을 분명히 해야 하고, 각각의 섹션마다 사용자에게 줄 수 있는 가치를 고려해야 합니다.

🔸 필수 구성 요소

  1. 유튜버 소개 섹션
    유튜버의 프로필, 활동명, 채널 개설일, 대표 콘텐츠 유형 등을 간략하게 소개합니다.
  2. 최신 영상 임베드
    유튜브 영상 링크를 직접 삽입하거나, 최근 업로드된 콘텐츠를 자동으로 보여주는 방식이 가장 이상적입니다.
  3. 팬 커뮤니티 안내
    유튜버의 인스타그램, 트위터, 디스코드 등 SNS 채널을 연결하여 팬들이 서로 소통할 수 있는 공간으로 확장합니다.
  4. 굿즈 정보 및 팬아트 섹션
    유튜버의 굿즈 판매 링크를 정리하거나, 팬이 만든 팬아트를 전시하는 섹션도 추천됩니다.
  5. 명언/밈/유행어 정리
    유튜버가 자주 사용하는 멘트나 유행어, 특유의 말투 등을 정리하면 팬들이 재미를 느낄 수 있습니다.
  6. 이벤트 및 Q&A
    팬미팅, 생방 일정, 구독자 이벤트 등을 공유하는 공간입니다. Google Form을 통해 팬들로부터 질문을 받아 게시할 수도 있습니다.

🔸 실습: Notion + Super.so 활용 팬페이지 만들기

  1. Notion에서 새 페이지 생성
    → 상단에 유튜버 대표 이미지 삽입
    → "About", "Latest Video", "Fan Zone" 섹션 만들기
    → 유튜브 영상은 iframe 코드로 삽입 가능
  2. Super.so 접속 및 연결
    → Notion URL을 붙여넣고 사이트 이름 입력
    → 기본 도메인 무료 제공, 커스텀 도메인은 유료
    → 테마 설정 및 색상, 폰트 선택 가능
  3. 모바일 최적화 확인 후 퍼블리싱
    → Super.so는 자동 반응형이므로 별도의 모바일 최적화 필요 없음
    → 바로 링크 공유 가능, 검색 노출도 가능

이렇게 간단한 단계를 거치면 단 몇 시간 내에 완성도 높은 유튜버 팬페이지가 완성됩니다.

애드센스 수익화 및 주의사항 정리 

팬페이지를 단순한 정보 제공용 웹사이트로 끝내지 않고 수익화하고 싶다면 구글 애드센스를 통해 광고를 삽입하는 것이 가장 일반적인 방법입니다. 하지만 이를 위해서는 몇 가지 중요한 조건을 충족해야 하며, 특히 애드센스 승인을 통과하기 위한 기준을 제대로 이해해야 합니다.

🔸 애드센스 승인 요건 정리

  1. 독창적인 콘텐츠 확보
    유튜브 영상만 임베드하거나 짧은 설명만으로는 애드센스 승인 가능성이 낮습니다. 팬페이지에도 유튜버에 대한 팬의 시선으로 작성한 오리지널 글이 포함되어야 합니다.
  2. 충분한 분량
    페이지 내 총 텍스트 분량이 많을수록 승인 확률이 올라갑니다. 최소 800~1000자 이상의 설명이 섹션별로 들어가는 것이 좋습니다.
  3. 정책 준수
    콘텐츠가 선정적이거나 저작권 문제를 일으킬 가능성이 있다면 애드센스 승인이 불가합니다. 유튜버 이미지나 영상도 공식 채널에서 퍼블리시된 것만 사용해야 합니다.
  4. 메뉴 구성과 사용자 경험
    상단에 메뉴바가 있고, 페이지 내 이동이 명확하게 설정되어 있어야 합니다. 애드센스는 사용자 경험(UX)을 매우 중요하게 평가합니다.

🔸 광고 삽입 팁

  • 중간 광고: 본문 중간에 자연스럽게 광고를 삽입하면 사용자 체류시간과 광고 클릭률 모두 높아질 수 있습니다.
  • 사이드바 배너: 데스크탑 환경에서 광고가 눈에 띄기 때문에 수익성이 좋습니다.
  • 반응형 광고 단위 사용: 다양한 기기에서 광고가 자동으로 최적화되기 때문에 추천됩니다.

🔸 주의사항

  • 구글 정책상 '타인의 저작물을 중심으로 구성된 콘텐츠'는 수익화를 제한합니다. 팬페이지라도 개인의 해석, 정리, 분석이 담긴 글을 충분히 포함시켜야 합니다.
  • 광고가 너무 많거나 콘텐츠보다 광고가 눈에 더 잘 띄면 거부 사유가 될 수 있습니다.