개인 웹사이트 만드는 법: 무엇을 넣고 어떻게 공개할까

개인 웹사이트를 만들려면 먼저 사이트가 나를 위해 무엇을 해 주기를 원하는지 정하세요. 취업, 프리랜서 고객 확보, 글 공유, 쉽게 찾아지기 등이 될 수 있습니다. 그다음 세 개에서 네 개 정도의 페이지를 그 목표에 맞춰 만듭니다. 한 문장으로 나를 소개하는 홈 페이지, 소개 페이지, 증거(프로젝트, 글, 강연, 이력서 중 하나 이상), 연락 방법입니다. 이름이 들어간 도메인에 올리세요. AI 웹사이트 빌더를 쓰면 만드는 데 오후 한나절이면 충분합니다. 하지만 무엇을 말할지 정하는 데는 더 오래 걸립니다.

사이트의 목적을 정하세요

목적이 없는 개인 사이트는 내가 해 온 모든 일을 나열한 목록이 되기 쉽습니다. 주된 목표를 하나 고르고, 그 목표가 홈 페이지에 무엇을 넣을지 결정하게 하세요.

부차적인 목표를 두는 것은 괜찮습니다. 다만 다섯 개의 목표에 똑같은 공간을 주지는 마세요.

무엇을 넣을까

홈

한두 문장으로 이름, 하는 일, 누구를 위해, 어디서 또는 어떻게 일하는지를 말하세요. 예를 들면 이렇습니다. “저는 라고스에서 핀테크 팀이 안정적인 데이터 파이프라인을 만들도록 돕는 데이터 엔지니어 Sam Okafor입니다.” 그다음에는 사이트에 무엇이 있는지 짧은 목록과 연락 링크를 두세요.

소개

1인칭으로, 사람 냄새가 나게 쓰세요. 하는 일, 지금까지 온 길, 중요하게 여기는 것, 개인적인 이야기 한두 가지를 담습니다. 최근에 찍은 실제 사진을 넣으세요. 대부분의 사람은 첫 문단을 읽고 나머지는 훑어보므로, 유용한 내용을 앞에 두세요.

증거

목표에 맞는 형식을 고르세요.

• 프로젝트: 해결한 문제, 내 역할, 결과를 짧게 설명
• 글: 모든 글이 아니라 가장 좋은 3에서 5편
• 강연, 팟캐스트, 보도: 링크와 날짜 포함
• 경력: 역할과 성과, 내려받을 수 있는 이력서 포함

연락

이메일 주소 또는 짧은 양식, 그리고 실제로 쓰는 SNS 프로필 한두 개. 상담을 받는다면 예약 페이지 링크도 넣으세요. 꼭 필요하지 않다면 전화번호나 집 주소는 공개하지 마세요.

선택 사항

• “지금” 페이지: 지금 작업 중인 것
• 사용 도구: 쓰는 도구와 작업 환경. 개발자와 디자이너에게 인기가 많습니다
• 뉴스레터 구독, 뉴스레터를 보낸다면
• 강연자 키트: 세 가지 길이의 소개글, 프로필 사진, 강연 주제

결정 사항과 트레이드오프

정적 사이트인가, 데이터베이스가 있는 사이트인가?

대부분의 개인 사이트는 정적입니다. 데이터베이스 없이 텍스트와 이미지로 구성되므로 빠르고, 호스팅 비용이 적게 들며, 잘 깨지지 않습니다. 이유가 있을 때만 데이터베이스를 추가하세요. 예를 들어 메시지를 저장하는 문의 양식, 관리자 페이지에서 업데이트하는 글 섹션, 방명록 등입니다. 문의 양식은 이메일 제공업체를 통해 나에게 메일을 보내는 방식으로도 충분합니다.

글을 어디에 쓸까

글을 사이트 안에 직접 쓰면 모든 것이 한곳에 모입니다. 자주 글을 쓴다면 뉴스레터나 블로그 플랫폼을 쓰고 링크를 거는 편이 더 쉬울 수 있습니다. 또는 간단한 편집기가 있는 데이터베이스에 글을 저장할 수도 있습니다. 글을 많이 쓸 계획이라면 AI로 블로그 만드는 법을 보세요.

도메인

가능하다면 내 이름을 쓰세요. firstnamelastname.com처럼요. 이름이 없으면 국가 도메인이나 다른 확장자를 쓰세요. 짧고, 말로 불러 주기 쉽고, 가능하면 하이픈 없이 만드세요. 설정 방법은 커스텀 도메인 연결하는 법을 참고하세요.

한 페이지인가, 여러 페이지인가?

짧은 소개, 링크, 연락처만 있다면 한 페이지로 스크롤하는 구성이 괜찮습니다. 자기 주소를 가질 만한 글이나 프로젝트가 있다면 여러 페이지가 낫습니다. 검색엔진에 도움이 되고, 특정 글 하나를 공유하기도 쉬워집니다. 링크 목록만 필요하다면 링크인바이오 페이지로 충분할 수 있습니다.

AI 빌더에 줄 첫 프롬프트

Sam Okafor를 위한 개인 웹사이트를 만들어 주세요. 라고스에서 핀테크 팀이 안정적인 데이터 파이프라인을 만들도록 돕는 데이터 엔지니어입니다. 페이지 구성: 홈(한 문장 소개, 사진, 대표 프로젝트 세 개, 최신 글 두 개, 연락 버튼), 소개(1인칭으로 쓴 짧은 이야기), 프로젝트(각 프로젝트마다 문제, 내 역할, 사용 도구, 결과), 글(날짜가 있는 글 목록, 각 글은 개별 페이지), 연락(이메일 링크와 짧은 문의 양식). 푸터에는 LinkedIn과 GitHub 링크를 넣어 주세요. 차분하고 미니멀한 디자인에 강조색 하나, 매우 읽기 편한 텍스트로 해 주세요. 빠르고, 휴대폰에서도 잘 보여야 합니다. 검색을 위한 페이지 제목과 설명, 링크를 공유할 때 쓸 공유 이미지도 추가해 주세요.

예시 프로젝트와 글은 실제 내용으로 하나씩 바꾸세요.

단계별로 만들기

1. 한 문장 소개를 쓰세요. 어렵다면 나머지도 어려울 것입니다. 친구에게 내가 무엇을 하는지 설명해 달라고 해서 그 표현을 쓰세요.
2. 소개 페이지를 쓰고 증거를 모으세요: 프로젝트, 글, 강연, 이력서.
3. 좋은 사진을 찍거나 고르세요: 최근 사진, 밝은 조명, 얼굴이 분명하게 보이는 사진.
4. 프롬프트로 사이트를 만든 뒤, 실제 콘텐츠를 페이지마다 채우세요.
5. 휴대폰에서 확인하고, 낯선 사람이 처음부터 끝까지 읽는다고 생각하며 읽어 보세요.
6. 검색 기본 설정을 추가하세요: 홈 페이지 제목에 이름, 설명, 이미지 안이 아니라 실제 텍스트. AI로 만든 웹사이트를 위한 SEO를 보세요.
7. 게시하고 도메인을 연결하세요.
8. 이메일 서명, SNS 프로필, 이력서에 링크를 거세요.
9. 몇 달마다 업데이트할 알림을 캘린더에 넣으세요.

흔한 실수

• 분명한 소개가 없는 것. 방문자는 5초 안에 내가 무엇을 하는지 알아야 합니다.
• 해 온 모든 것을 올리는 것. 목표에 맞게 골라 내세요.
• 아무도 업데이트하지 않는 블로그. 작은 “글” 페이지가 방치된 블로그보다 낫습니다.
• 숨기고 싶은 개인 정보: 집 주소, 개인 전화번호, 가족 정보.
• 큰 사진 때문에 느린 페이지. 사진 크기를 줄이고 압축하세요.
• 읽기 편함보다 화려한 디자인: 작고 흐린 회색 글씨, 낯선 내비게이션, 방해가 되는 애니메이션.

기성 제품이 더 나은 경우

사진 한 장, 한 문장, 링크만 필요하다면 링크인바이오 서비스나 간단한 페이지 빌더가 더 빠릅니다. 글을 자주 쓰고 구독자를 원한다면, 커스텀 도메인을 쓰는 뉴스레터나 블로그 플랫폼이 직접 관리하는 사이트보다 나을 수 있습니다. 시각적으로 편집하는 것을 선호한다면 템플릿이 있는 완성형 웹사이트 빌더가 맞습니다. 디자인을 완전히 통제하고 싶거나, 글과 프로젝트와 도구를 한 곳에 묶고 싶거나, 코드를 직접 소유하고 나중에 옮기고 싶다면 직접 만드세요.

Mythex로 만들기

Mythex는 간단한 사이트도 만듭니다. 사이트를 설명하면 휴대폰 크기 프레임이 있는 라이브 미리보기에서 만들어지고, 채팅으로 문구와 레이아웃을 다듬을 수 있습니다. 개인 사이트는 정적 프런트엔드로 잘 맞습니다(Mythex의 정적 웹사이트). 메시지를 저장하는 문의 양식이나 편집 가능한 글 섹션을 추가하면 Mythex가 프로젝트에 데이터베이스를 추가합니다.

무료 요금제에서는 yourname.mythex.app 주소로 게시할 수 있습니다. Pro에서는 Mythex에서 도메인을 구매하거나, 이미 가진 도메인을 연결할 수 있습니다. 나중에 다른 곳에서 호스팅하고 싶다면 코드를 내보내거나 GitHub에 동기화할 수도 있습니다. Mythex는 설명만으로 소개 이미지 같은 그림도 만들 수 있습니다. 시작 레이아웃이 필요하다면 AI 웹사이트 빌더나 포트폴리오 템플릿을 보세요.

자주 묻는 질문