구글 홈페이지 만들기 무료 사이트 도구 100% 활용법

홈페이지 제작이 더 이상 개발자들만의 영역이 아닌 시대가 되었습니다. 구글 홈페이지 만들기 도구를 활용하면 코딩 지식이 전혀 없는 초보자도 쉽고 빠르게 전문적인 웹사이트를 구축할 수 있습니다. 구글에서 무료로 제공하는 Google Sites(구글 사이트)는 포트폴리오, 회사 소개, 프로젝트, 동아리, 수업 자료 등 다양한 목적의 홈페이지를 간편하게 만들 수 있는 강력한 도구입니다.

 

이 포스팅에서는 구글 사이트 도구를 활용한 홈페이지 제작의 모든 과정을 살펴보고 실용적인 팁에 대해서도 소개를 하도록 하겠습니다.

 

목차

 

구글 사이트란? 무료 홈페이지 제작 도구의 특징

Google Sites는 구글이 제공하는 공식 홈페이지 제작 플랫폼으로, 다음과 같은 특징을 가지고 있습니다.

 

- 완전 무료로 사용 가능하며 별도의 호스팅 비용이 들지 않습니다

- 구글 계정만 있으면 누구나 접근하고 사용할 수 있습니다

- 모바일과 PC에서 모두 완벽하게 작동하는 반응형 디자인을 자동으로 지원합니다

- 코딩 지식 없이 직관적인 드래그&드롭 방식으로 콘텐츠를 배치할 수 있습니다

- 구글 드라이브, 유튜브, 지도, 캘린더 등 다른 구글 서비스와 원활하게 연동됩니다

- 팀원과의 공유, 협업, 접근 권한 관리까지 손쉽게 할 수 있습니다

 

저도 처음 개인 포트폴리오를 만들 때 여러 플랫폼을 비교해봤는데 구글 사이트 도구를 활용한 방법이 간편하고 만들기도 쉬워서 놀랐습니다. 특히 기술적 지식이 없어도 전문적으로 보이는 웹사이트를 만들 수 있다는 점이 가장 큰 매력이었어요.

 

구글 계정 만들기

 

구글 홈페이지 만들기 준비물

홈페이지 제작을 시작하기 전에 필요한 준비 사항들을 살펴보겠습니다.

 

구글 계정 준비하기

구글 홈페이지 만들기의 첫 단계는 구글 계정을 준비하는 것입니다. 이미 구글 계정이 있다면 그대로 사용하면 됩니다

 

계정이 없는 경우 구글 홈페이지에서 간단히 회원가입 후 로그인할 수 있습니다. 개인용과 업무용을 구분하고 싶다면 별도의 계정을 만드는 것도 좋은 방법입니다

 

구글 사이트 도구 접속하기

계정 준비가 완료되었다면 다음 단계로 구글 사이트 도구에 접속합니다. 웹브라우저에서 직접 sites.google.com에 접속하거나 구글 드라이브에서 '새로 만들기' > '더보기' > 'Google 사이트'를 선택할 수 있습니다

 

 

반응형

 

구글 홈페이지 만들기 진행하기

이제 본격적으로 홈페이지를 만들어볼 차례입니다. 

 

구글 사이트 도구 방문하기

 

1. 새 사이트 만들기와 템플릿 선택

구글 사이트에 접속하면 처음 보이는 화면에서 '+ 빈 사이트'를 클릭합니다. 이때 두 가지 옵션이 주어집니다. 처음부터 직접 디자인하고 싶을 때는 빈 사이트를 선택하면 되며 이미 만들어진 포트폴리오, 팀 프로젝트, 수업 자료 등 다양한 템플릿 중 선택할 수 있습니다.

 

 

처음 구글 홈페이지 만들기를 시도하는 분들에게는 템플릿을 활용하는 것이 훨씬 수월할 수 있습니다. 템플릿은 기본 구조와 디자인이 이미 갖춰져 있어 내용만 채우면 되기 때문이죠. 물론 나중에 필요에 따라 수정도 가능합니다.

 

2. 사이트 제목 및 이름 설정하기

템플릿을 선택하면 사이트의 제목을 설정해야 합니다. 상단의 '프로젝트 이름'를 클릭하여 원하는 사이트명을 입력합니다. 그리고 추가적으로 사이트 상단에 표시될 메인 타이틀, 로고, 간단한 설명 등을 자유롭게 편집할 수 있습니다

 

사이트명은 나중에 URL의 일부가 되므로 간결하고 기억하기 쉬운 이름을 추천합니다.

 

또한 사이트 제목은 SEO(검색 엔진 최적화)에도 중요한 요소입니다. 가능하다면 주요 키워드를 포함시키되 자연스러운 제목을 만드는 것이 좋습니다. 예를 들어 "아무고토의 프로젝트" 같은 구체적인 제목이 검색엔진에 더 친화적입니다.

 

 

3. 페이지 추가 및 메뉴 구성하기

기본 홈페이지가 준비되었다면, 이제 필요한 페이지들을 추가해봅시다. 우측의 '페이지' 탭을 클릭합니다 '+ 새 페이지'를 눌러 원하는 페이지명을 입력합니다. 여기에서  페이지를 드래그해서 상위/하위 메뉴로 구성할 수도 있습니다.

 

 

일반적인 웹사이트라면 '홈', '소개', '포트폴리오/서비스', '문의', '자료실' 등의 페이지를 구성하면 좋습니다. 각 페이지는 사이트 상단에 자동으로 메뉴로 표시됩니다. 특히 서브페이지 기능을 활용하면 드롭다운 메뉴도 만들 수 있어요.

 

4. 콘텐츠 추가 및 배치하기

이제 각 페이지에 필요한 콘텐츠를 추가해보겠습니다. 구글 홈페이지 만들기의 장점은 다양한 콘텐츠 요소를 쉽게 삽입할 수 있다는 점입니다.

 

우측의 '삽입' 탭에서 다음과 같은 요소들을 드래그&드롭으로 쉽게 배치할 수 있습니다.

 

 

- 텍스트 상자: 문단, 제목 등 텍스트 정보 입력

- 이미지: 로고, 사진, 배너 등 시각적 요소 추가

- 동영상: 유튜브 영상이나 직접 업로드한 영상 삽입

- 버튼: 클릭 가능한 버튼으로 다른 페이지나 외부 링크로 연결

- 구분선: 콘텐츠 영역을 구분하는 선

- 이미지 캐러셀: 여러 이미지를 슬라이드쇼로 표시

- 구글 문서/프레젠테이션/스프레드시트: 구글 드라이브 파일 직접 삽입

- 지도: 구글 지도로 위치 표시

- 캘린더: 일정 관리 및 공유

 

제가 처음 구글 사이트를 사용할 때 가장 놀랐던 점은 구글 드라이브에 있는 파일들을 바로 삽입할 수 있다는 것이었어요. 예를 들어 구글 문서로 작성한 이력서나 프레젠테이션 자료를 그대로 웹페이지에 넣을 수 있어서 정말 편리했습니다. 파일을 업데이트하면 웹사이트에도 자동으로 반영되니 관리도 훨씬 쉽습니다.

 

반응형

 

5. 테마와 디자인 꾸미기

콘텐츠가 준비되었다면, 이제 사이트의 전체적인 분위기를 설정할 차례입니다. 우측의 '테마' 탭에서 다음과 같은 요소들을 설정할 수 있습니다.

 

 

- 색상: 전체 사이트의 주요 색상과 강조 색상 선택

- 글꼴: 제목과 본문에 사용될 폰트 스타일 설정

- 스타일: 모서리 모양, 버튼 스타일 등 디자인 요소 조정

- 배경: 각 섹션이나 페이지의 배경 이미지 설정

 

디자인에 자신이 없더라도 구글에서 제공하는 기본 테마만으로도 쉽고 깔끔하게 만들 수가 있습니다.

 

6. 미리보기 및 모바일 대응 확인하기

사이트 디자인이 완료되었다면, 실제로 어떻게 보일지 확인해볼 시간입니다. 상단의 '미리보기' 버튼을 클릭하면 실제 발행된 모습을 볼 수 있습니다

 

 

데스크톱, 태블릿, 모바일 화면을 선택해 각 기기에서의 모습을 확인할 수 있습니다. 반응형 디자인은 자동으로 적용되지만, 일부 요소가 원하는 대로 표시되지 않을 수 있으니 꼭 확인하세요.

 

처음에는 미리보기를 확인하는 습관이 없어서 모바일에서 레이아웃이 깨지는 경우가 있었는데 특히 이미지가 너무 큰 경우 모바일에서는 비율이 이상하게 보일 수 있습니다. 그래서 이제는 PC뿐만 아니라 반드시 모바일 버전도 꼼꼼히 확인하는 습관을 들이면 좋습니다.

 

7. 홈페이지 게시 및 주소(URL) 설정하기

모든 준비가 끝났다면, 이제 사이트를 인터넷에 공개할 시간입니다. 우측 상단의 '게시' 버튼을 클릭합니다

 

 

원하는 웹 주소(URL)를 입력합니다 (기본 형식: sites.google.com/view/[사이트이름])

 

 

그리고 공개 범위를 설정합니다 (전체 공개, 특정인만 보기, 조직 내부만 보기 등)

 

웹 주소는 한번 설정하면 나중에 변경하기 어려울 수 있으니 신중하게 결정하는 것이 좋습니다. 또한 공개 범위 설정을 통해 개발 중에는 비공개로 유지하다가, 완성 후에 전체 공개로 전환하는 방법도 활용할 수 있어요.

 

구글 사이트의 한계 이해하기

구글 홈페이지 만들기 도구는 매우 편리하지만 몇 가지 한계점도 알아두면 좋습니다.

먼저 HTML/CSS 직접 편집은 제한적입니다. 그래서 온라인 쇼핑몰이나 복잡한 회원제 사이트 구축에는 적합하지 않습니다. 그리고 외부 플러그인이나 API 연동이 제한적입니다. 또 맞춤형 도메인 연결을 위해서는 추가 설정이 필요합니다.

 

이러한 한계점들을 고려하면 구글 사이트는 주로 간단한 소개 페이지, 포트폴리오, 정보 공유 사이트 등에 적합합니다. 더 복잡한 기능이 필요하다면 워드프레스나 다른 CMS 플랫폼을 고려해볼 수 있어요.

 

마무리

구글 홈페이지 만들기는 코딩 지식 없이도 누구나 쉽게 전문적인 웹사이트를 구축할 수 있는 훌륭한 방법이지만 커스터마이징에는 한계가 있기 때문에 전문적인 사이트에는 어울리지 않을 지도 모릅니다. 하지만 무료로 사용하기에는 정말 좋기 때문에 필요시 유용하게 사용을 할 수가 있습니다.