블로그

템플릿은 웹사이트에서 가장 덜 중요한 부분입니다

템플릿 선택을 최종 결정처럼 여기지 마세요. 빠르게 출시하고, 카피를 수정하고, 나중에 바꾸세요. 솔로 창업자에게 맞는 템플릿을 고르는 방법을 알려드립니다.

요약

웹사이트 템플릿은 교체 가능한 컨테이너이지 최종 결정이 아닙니다. 솔로 창업자들은 팔리는 카피를 써야 할 때 레이아웃을 비교하며 며칠을 낭비하곤 합니다. 이 가이드는 출시를 막는 반대 의견들을 다룹니다: 코드에 대한 두려움, 평범해 보일 것에 대한 두려움, 커스텀 빌드의 유혹, 무료 템플릿에 대한 의구심, 그리고 SEO 걱정. 업종별 템플릿을 고르고, 커스터마이징을 네 가지 수정으로 제한하고, 게시 전에 코드 기본 사항을 확인하는 방법을 배우게 됩니다. 목표는 일주일 안에 출시하고 실제 트래픽을 기반으로 반복하는 것입니다. 존재하는 웹사이트가 완벽해지기를 기다리는 사이트보다 낫습니다.

템플릿은 웹사이트에서 가장 덜 중요한 부분입니다

템플릿은 웹사이트에서 가장 덜 중요한 부분입니다. 오후에 바꿀 수 있습니다. 가치 제안, 증거, 카피는 그렇게 쉽게 바꿀 수 없습니다. 그런데도 솔로 창업자들은 템플릿 갤러리를 스크롤하며 히어로 슬라이더와 추천사 캐러셀을 비교하느라 며칠을 보냅니다. 마치 레이아웃이 판매를 대신할 것처럼 말이죠. 그렇지 않습니다. 방문자는 어떤 그리드를 선택했는지가 아니라 무엇을 말하는지에 따라 머무를지 결정합니다. 그 시간을 템플릿에 들어갈 카피를 쓰는 데 사용하세요.

코드 배우기는 그만. 컨테이너를 선택하세요.

행동: 시각적으로 편집할 수 있는 템플릿을 선택하고 코드는 절대 건드리지 마세요. 작년에 HTML과 CSS를 '곧' 배우겠다고 다짐했을 겁니다. 그 '곧'은 오지 않았습니다. 괜찮습니다. 필요 없습니다. 템플릿 시스템은 엔지니어링 기술이 없는 사람도 출시할 수 있도록 존재합니다. 템플릿 마켓플레이스에 대한 연구는 명확합니다: 템플릿은 '특정 비즈니스 요구에 맞게 사용자 정의할 수 있는 사전 설계된 레이아웃, 시각적 요소, 기능'을 제공하며 '광범위한 기술 전문성'을 요구하지 않습니다. 바로 당신입니다. 드래그 앤 드롭 편집기가 있는 템플릿 빌더를 찾으세요. 글꼴, 색상, 로고, 텍스트를 페이지에서 직접 변경하세요. 커스텀 애니메이션이나 독특한 레이아웃이 필요해서 막힌다면, 그건 기술 수준이 아니라 요구 사항을 재고하라는 신호입니다.

그렇다고 아무 템플릿이나 골라도 된다는 뜻은 아닙니다. 편집 능력에 맞는 도구를 선택하라는 뜻입니다. JavaScript를 작성할 수 없지만 텍스트를 편집할 수 있는 솔로 컨설턴트는 단순하고 예측 가능한 구조 — 히어로 하나, 3열, 문의 양식 하나 — 의 템플릿을 선택해야 합니다. CSS를 조금 아는 사람은 좀 더 실험적인 레이아웃을 즐길 수 있습니다. 결정하기 전에 자신의 한계를 아세요.

'평범해 보인다'는 아직 가치 제안을 쓰지 않았다는 뜻입니다

행동: 레이아웃을 판단하기 전에 단어를 재구성하세요. 모든 템플릿이 똑같아 보인다고 말할 때, 대개 맞는 말입니다. 하지만 당신은 같은 플레이스홀더 콘텐츠를 보고 있는 것입니다. 템플릿 데모에는 '우리는 훌륭한 소프트웨어를 만듭니다'라는 헤드라인과 '시작하기' 버튼이 있습니다. 당연히 평범해 보입니다 — 아직 무엇을 말할지 정해주지 않았으니까요. 고객, 결과, 메커니즘을 명시하는 헤드라인으로 바꾸세요. '우리는 훌륭한 소프트웨어를 만듭니다'를 '원격 팀을 분기(分記)가 아닌 일주일 안에 온보딩하세요'로 바꾸세요. 평범했던 같은 레이아웃이 이제 구체적으로 느껴집니다.

먼저 당신을 무시하려는 고객에게 말할 문장으로 가치 제안을 쓰세요. 그런 다음 템플릿의 텍스트를 조정하세요. 히어로 헤드라인, 부제, 버튼 라벨, 본문 첫 문단을 바꾸세요. 그 후에도 템플릿이 여전히 평범해 보인다면 그때서야 레이아웃에 의문을 품으세요. 대부분의 경우 디자인이 아니라 카피가 익명인 것입니다. 콘텐츠 우선 워크플로우는 단어를 제품으로, 템플릿을 포장으로 취급합니다. 이 접근 방식은 혼자 작업할 때 훨씬 더 빠릅니다.

커스텀을 기다리는 것이 가장 비싼 템플릿 선택입니다

행동: 지금 템플릿으로 출시하고, 커스텀은 향후 업그레이드로 취급하세요. 필수 조건이 아닙니다. 반대 의견은 항상 같습니다: '사람들이 템플릿을 보면 나를 얕볼 거야.' 솔직히 말합시다. 웹사이트에서 유용한 것을 찾지 못하면 얕볼 것입니다. 추천사 섹션이 테마에 포함되어 있다고 얕보지 않습니다. 템플릿에 대한 연구는 명확합니다. 템플릿은 '광범위한 기술 전문성 없이 온라인 입지를 빠르고 경제적으로 구축하려는 기업에게 특히 유용합니다.' 바로 당신입니다. 당신은 솔로 마케터 또는 창업자입니다. 전담 팀이 없습니다. 가진 것은 빠르게 움직이는 시장과 빈 랜딩 페이지가 있는 브라우저 창뿐입니다.

커스텀 빌드 웹사이트는 '장기적인 성장을 위해 더 큰 유연성과 확장성을 제공할 수 있습니다.' 사실입니다. 장기적인 성장은 출시되지 않은 사이트에서는 일어나지 않는다는 것도 사실입니다. 수익이 정당화되면 커스텀 빌드로 다시 출시할 수 있습니다. 그동안 기다리는 매주는 전환 표면이 없는 주입니다.

지금 템플릿나중에 커스텀
며칠 만에 출시몇 달 만에 출시
낮은 초기 비용더 높은 비용, 더 큰 위험
제한된 레이아웃 유연성완전한 제어
빠르게 반복피벗하기 어려움
초기 수익으로 충당먼저 자금 조달 필요

이 표는 커스텀 사이트에 반대하는 논거가 아닙니다. 커스텀 사이트가 비즈니스를 인질로 잡지 말라는 논거입니다. 출시 전에 커스텀 기능에 의존하는 자금 지원을 받는 스타트업이라면 이 글을 무시하고 커스텀으로 만드세요. 나머지 대부분의 초기 단계 비즈니스는 무엇을 하는지 설명하고 리드를 확보하는 방법이 필요합니다. 템플릿은 몇 시간 만에 그 기능을 제공합니다. 대개 석 달 동안 다듬을 커스텀 빌드보다 더 나은 경우가 많습니다.

이미 업계 언어를 말하는 템플릿을 선택하세요

행동: 일반 템플릿을 고려하기 전에 업종별 템플릿을 찾아보세요. 템플릿 라이브러리에 대한 연구에 따르면 산업, 전자상거래, 서비스 기반 비즈니스를 위한 업종별 템플릿이 존재하며, '제품 카탈로그, 예약 시스템, 포트폴리오 쇼케이스와 같은 관련 기능을 포함하는 경우가 많습니다.' 즉, 예약 페이지를 처음부터 만들 필요가 없습니다. 블로그 레이아웃에 제품 그리드를 연결할 필요도 없습니다. 템플릿에는 고객이 기대하는 섹션이 이미 있습니다.

솔로 전기 기술자는 서비스 지역 지도, 견적 요청 양식, 자격증이 필요합니다. 웨딩 사진작가는 갤러리, 예약 캘린더, 가격 페이지가 필요합니다. 수제 비누 온라인 스토어는 제품 사진, 카테고리 그리드, 체크아웃 버튼이 필요합니다. 각 경우에 업종별 템플릿은 이미 연결된 섹션을 제공합니다. 내용만 채우면 됩니다.

일반 템플릿이 더 예뻐 보인다고 이 단계를 건너뛰지 마세요. 아름답지만 형태가 잘못된 테마는 억지로 모양을 맞추게 만듭니다 — 이것이 다음 반대 의견으로 이어집니다.

무료는 함정이 아니지만, 선택이 필요합니다

행동: 무료로 시작하되, 마음에 들기 전에 필수 기능을 확인하세요. 무료 템플릿이 자동으로 쓰레기는 아닙니다. 연구에 따르면 마켓플레이스는 '무료 옵션부터 프리미엄 디자인까지'를 나란히 나열하며, 품질 차이는 표면적으로 작은 경우가 많습니다. 다른 점은 지원과 업데이트 주기입니다. 무료 템플릿은 유지 관리가 안 될 수 있습니다. 1년 안에 사이트 디자인이 시대에 뒤떨어져 보일 것이고, 아무도 패치하지 않을 것입니다. 괜찮습니다 — 이제 막 시작하는 중이니까요. 무료 템플릿을 결혼이 아닌 임시 차량으로 취급하세요.

하지만 결정하기 전에 연구의 핵심 고려 사항을 적용하세요: 반응형, SEO 친화성, 로딩 속도, 사용자 지정 옵션, 사용자 경험. 휴대폰에서 템플릿을 보세요. 브라우저 크기를 조정하세요. 페이지 속도 점수를 확인하세요 — 기본 브라우저 도구로 할 수 있으며 프리미엄 계정이 필요 없습니다. 무료 템플릿으로 실패하는 가장 빠른 방법은 애니메이션과 무거운 이미지로 비대해진 템플릿을 고르는 것입니다. 가벼운 것을 선택하세요.

또한 오후를 투자하기 전에 라이선스를 읽으세요. 일부 '무료' 템플릿은 개인용으로만 무료입니다. 상업용 라이선스는 지원이 포함된 프리미엄 템플릿보다 더 비쌀 수 있습니다. 결제 화면에서 약관을 확인하면 피할 수 있는 함정입니다. 사이트를 다 만든 후가 아니라요.

커스터마이징을 줄일수록 고객을 위한 시간이 늘어납니다

행동: 네 가지 수정으로 제한하세요 — 브랜드 색상, 로고, 글꼴, 카피. 그 이상 하면 잘못하고 있는 것입니다. 연구는 커스터마이징을 '색상, 글꼴, 로고, 콘텐츠 조정'이라고 부릅니다. 빠진 것이 보이나요: 섹션 이동, 새 레이아웃 추가, 그리드 시스템 재작성. 템플릿 커스터마이징에서 가장 큰 시간 낭비는 로고 교체가 아닙니다. 모든 것을 재배치하려는 충동입니다. 이미지 3개 그리드가 있는 포트폴리오 템플릿을 보고 '네 번째 프로젝트가 가장 좋은데'라고 생각할 것입니다. 어느새 새 섹션을 코딩하고 있을 겁니다.

그 충동에 맞서세요. 템플릿 구조를 그대로 사용하세요. 있는 섹션을 채우세요. 작품이 슬롯보다 많으면 가장 강력한 작품을 선택하고 나머지는 상단에 링크하세요. 나중에 수익이 생기고 개발자를 고용하면 재정렬할 수 있습니다. 그때까지 템플릿을 재배치하는 데 보낸 모든 시간은 고객과 대화하지 않은 시간입니다. 출시 후에는 디자인 편집기에서 추측하는 것이 아니라 분석을 통해 어떤 섹션이 실제로 중요한지 알게 됩니다. 그때 조정하면 됩니다. 먼저 출시하세요. 이것은 중요한 커스터마이징 실수에서 배우는 교훈입니다 — 대부분 결정을 안내할 사용자 데이터가 없을 때 템플릿을 과도하게 커스터마이징한 데서 비롯됩니다.

SEO 문제는 템플릿의 디자인이 아니라 코드입니다

행동: 구축 전에 템플릿을 세 가지 필터로 확인하세요: 깨끗한 코드, 빠른 로딩, 의미론적 제목. '템플릿은 SEO에 나쁘다'는 소문은 영원히 삽니다. 대부분 틀렸습니다. 더 흔한 것은 지저분한 코드, 거대한 이미지, 제목 계층이 없는 템플릿을 고른 다음 순위가 오르지 않으면 템플릿 탓을 하는 것입니다. 템플릿 선택에 대한 연구는 SEO 친화성과 로딩 속도를 핵심 고려 사항으로 강조합니다. 출시 후가 아니라 선택할 때 확인하세요.

브라우저의 검사 도구로 HTML을 살펴보세요. H1, H2, H3 태그가 논리적인 순서를 따르나요? 주요 콘텐츠가 실제로 DOM에서 합리적인 순서로 있나요, 아니면 수십 개의 중첩된 div 아래 묻혀 있나요? 각 페이지에서 제목과 설명 같은 메타데이터를 편집할 수 있나요? 예라면 템플릿이 SEO를 방해하지 않습니다. 빠른 테스트: 샘플 페이지를 열고 소스를 본 다음 'h1'을 검색하세요. 정확히 하나의 H1이 상단 근처에 있으면 좋은 상태입니다. H1이 다섯 개이거나 없으면 다른 것으로 넘어가세요. 템플릿에 대한 SEO 신화는 대개 잘못 구성된 사이트와 나쁜 템플릿을 혼동합니다. 깨끗한 템플릿에 잘 쓰인 페이지는 모호한 제목의 수제 사이트보다 항상 낫습니다.

기본 사항을 확인한 후에는 테마를 계속 의심하지 말고 콘텐츠를 게시하기 시작하세요. 검색 엔진은 픽셀이 아니라 트래픽에 보상합니다.

템플릿을 최종 답처럼 선택하지 마세요

행동: 24시간 안에 템플릿을 결정하고, 일주일 안에 출시하며, 사용자 행동에 따라 반복하세요. 진짜 문제는 잘못된 템플릿을 고르는 것이 아닙니다. 진짜 문제는 선택을 영구적인 것으로 취급하는 것입니다. 그렇지 않습니다. 템플릿은 제안을 담는 용기이며, 제안이 입증될 때까지 용기는 교체 가능합니다. 이것이 비즈니스에 맞는 시작점 선택이 완벽함을 찾는 것보다 훨씬 중요한 이유입니다 — 적합성은 장식 레이어가 아니라 콘텐츠 구조에 관한 것입니다.

시간 제한을 두세요. 저녁 한 번 둘러본 다음 선택하세요. 충분히 가깝고 출시된 템플릿은 완벽해 보이지만 아직 초안인 템플릿보다 낫습니다. 썸네일을 한 달 동안 쳐다보는 것보다 한 달간 실제 트래픽에서 당신의 잠재 고객에 대해 더 많이 알게 될 것입니다. 템플릿은 최종일 필요가 없습니다. 당신의 결정과 출시가 최종이면 됩니다.

결론

이번 주에 템플릿을 출시하세요. 실제 단어를 넣으세요. 코드는 건너뛰고, SEO 기본 사항을 확인하고, 한 주를 재배치에 쓰지 마세요. 존재하는 사이트는 완벽하게 만들기 위해 기다리는 사이트보다 가치가 있습니다. 수익이 따라올 때, 발밑의 기반을 바꿀 수 있습니다. 그때까지 템플릿이 당신의 메시지를 담고, 그것이 서비스하려던 트래픽으로 이끌어 주게 하세요.

Sources (5)